@media (max-width: 1200px) {
    .Mob_menu {
        display: none;
    }
    .Mob_icon button.toggle {
        display: none;
    }
    .Mob_right {
        display: none;
    }
    .banner_left h1 {
        font-size: 53px;
    }
    .banner_right {
        width: 46%;
    }
}
@media (max-width: 1000px) {
    .products_diatils h3 {
        font-size: 14px;
    }
    .container {
        width: 98%;
    }
    .Payment_icon_Big ul li {
        padding: 9px 0 0;
    }
    .banner_right img {
        width: 90%;
    }
    .banner_right {
        margin-left: 10px;
    }
}
@media (max-width: 974px) {
    .banner_left {
        margin-left: 15px !important;
    }
    .logo {
        width: 20%;
    }
    .Payment_area ul li {
        padding: 10px 0 0 1px;
    }
    .products_diatils img {
        margin: 3px;
    }
    .banner_txt h1 {
        font-size: 30px;
    }
    .banner_txt h2 {
        font-size: 20px;
    }
    .header_right_section {
        width: 78%;
        padding-left: 10px;
    }
    .products_diatils img {
        float: none;
        margin: 3px;
        text-align: center;
    }
    .price_details {
        width: 100% !important;
    }
    .products_diatils {
        text-align: center !important;
    }
    .searchbar {
        margin-left: 10px;
    }
    .bottom_row {
        float: right;
    }
    .callus span {
        font-size: 17px;
    }
    .shoppingcart span {
        font-size: 17px;
    }
    .logo {
        padding-top: 45px;
    }
}
@media (max-width: 799px) {
    .banner_left {
        margin-left: 1px !important;
    }
    .Subscribe button {
        background-position: 8px;
    }
    .Subscribe input[type="text"] {
        width: 70%;
    }
    .searchbar {
        margin-left: 6px;
    }
    .shoppingcart {
        margin-left: 4px;
    }
    .callus span {
        font-size: 15px;
    }
    .shoppingcart span {
        font-size: 15px;
    }
    .banner_txt h1 {
        font-size: 29px;
    }
    .Accordian ul li a {
        font-size: 14px;
        line-height: 31px;
    }
}
@media (max-width: 767px) {
div#customer_details {
    font-size: 12px !Important;
}
#timeline img {margin-bottom:30px; width:auto;}
#timeline {
    width: 95%;}
#timeline{margin-left:0px !Important;}
	.page-template-about_us #timeline{height:300px; }
	
.wc-proceed-to-checkout {
    font-size: 13px;
    float: left !important;
    text-align: left;
}
.woocommerce table.shop_table td{    padding: 6px 1px !important;}


.zm_alr_form_container .form-wrapper { 
    margin:17px 18px 14px 15px !important;
    width: 96% !important;
}

.Blog_Date{
     width: 51px;	
    height: 30px;
    font-size: 11px;
    line-height: 14px;
   }

    .Accordian ul li #clickdrop {
        font-size: 15px !important;
    }
    .con_form {
        padding: 10px;
    }
    .con_form {
        float: left;
        width: 100%;
    }
    .con_address {
        float: left;
        width: 100%;
    }
    .callus span {
        font-size: 15px;
    }
    .navigation {
        display: none;
    }
    .blog_columns img {
        width: 80%;
    }
    .Accordian ul li a {
        font-size: 13px;
    }
    .Accordian ul li a,
    .Accordian ul li p {
        font-size: 13px;
    }
    .shoppingcart {
        margin-left: 6px;
    }
    .banner_right img {
        float: right;
    }
}
@media (max-width: 768px) {
    #hover_price .price {
        width: 100%;
    }
    .deskbanner {
        display: none;
    }
    .mobbanner {
        display: block;
    }
    .banner_right img {
        float: right;
    }
    .banner_right {
        float: right;
    }
    .Mob_menu {
        display: none;
    }
    .navigation {
        display: none;
    }
    .Mob_right {
        display: block;
    }
    .Mob_icon button.toggle {
        display: block;
    }
}
@media (max-width: 757px) {
    .login_row {
        position: absolute;
        right: 0;
        top: 0;
    }
    .header_right_section {
        float: left;
        width: 100%;
    }
    .callus span {
        font-size: 18px;
    }
    .shoppingcart span {
        font-size: 18px;
    }
    .logo {
        padding-top: 10px;
    }
    .bottom_row1 {
        display: none;
    }
    .bottom_row {
        float: left;
    }
    .searchbar {
        margin-left: 30px;
        margin-right: 30px;
    }
    .blog_columns img {
        width: 54%;
    }
    .left_section h2::after {
        display: none;
    }
    .left_section h2 {
        text-align: center;
    }
}
@media (max-width: 700px) {
    .panel .front {
        position: inherit !important;
    }
    .left_section {
        width: 100%;
    }
    .right_section {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }
    .left_span1 {
        width: 100%;
    }
    .left_span2 {
        width: 100%;
    }
    .left_span3 {
        width: 100%;
    }
    .left_span4 {
        width: 100%;
    }
    .left_span5 {
        width: 100%;
    }
    .Upcoming_Chips img {
        width: auto;
    }
    .Upcoming_Chips {
        text-align: Center;
    }
    .logo {
        width: 35%;
    }
    .header_right_section {
        width: auto;
    }
    .Subscribe button {
        background-position: 25px center;
    }
    .footer_menu {
        float: left;
        width: 70%;
    }
    .footer_icon {
        float: right;
        width: 30%;
    }
    .footer_icon ul {
        padding: 0px;
    }
    .footer_menu ul li a {
        font-size: 13px;
    }
    .footer_icon ul {
        float: right;
    }
    .footer_bottom p {
        font-size: 12px;
    }
}
@media (max-width: 696px) {
    .callus span {
        font-size: 15px;
    }
    .searchbar {
        margin-left: 30px;
        margin-right: 30px;
        width: 31%;
    }
    .searchbar input[type="search"] {
        width: 64%;
    }
    .footer_menu ul li {
        padding: 6px 0 8px 10px;
    }
    .footer_menu ul li a {
        font-size: 12px;
    }
    .footer_icon ul li {
        padding: 0 8px 0 0;
    }
    .footer_icon img {
        width: 25px;
    }
    .Upcoming_Chips img {
        width: auto;
    }
    .blog_columns img {
        width: auto;
    }
}
@media (max-width: 656px) {

.woocommerce table a, .woocommerce table {font-size:11px !important;}
    .bottom_row {
        float: left;
        width: 100%;
    }
    .header_right_section {
        float: left;
        width: 100%;
    }
    .shoppingcart span {
        font-size: 20px;
    }
    .callus span {
        font-size: 19px;
    }
    .callus {
        float: none;
        margin: 0 auto;
        width: 195px;
    }
    .searchbar {
        margin: 0 auto;
        width: 80%;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 9%;
    }
    .shoppingcart {
        float: none;
        margin: 0 auto;
        width: 200px;
    }
    .searchbar input[type="search"] {
        width: 84%;
    }
    .logo {
        width: 50%;
    }
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .subscribe p {
        padding: 5px;
    }
    .blog_columns img {
        margin-right: 14px;
    }
    .container {
        width: 99%;
    }
    .Latest_Blogs p {
        float: left;
        margin-top: 18px;
    }
    .Blog_Date {
        background-color: #21374e;
        color: #fff;
        font-family: "Roboto Regular";
        font-size: 12px;
        height: auto;
        left: 0;
        line-height: 18px;
        padding: 5px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 49px;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .lapbanner {
        display: block;
    }
    .deskbanner {
        display: none !important;
    }
    .mobbanner {
        display: none !important;
    }
    .banner_right {
        float: right !important;
    }
    .banner_right img {
        float: right !important;
        width: 100%;
    }
    .banner {
        padding: 6% 0 3% 0;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
 .products_diatils button {
        padding: 5px 12px 24px 33px !important;
    }
#timeline {
    width: 32%;}
    .banner {
        padding: 4% 0;
    }
    .subscribe .mc4wp-form form input[type="email"] {
        margin-left: 5px;
    }
    .left_span5 h2::after {
        top: 24px;
    }
    .left_span5 h2 {
        line-height: 25px;
        padding: 10px;
        margin: 0px !important;
        text-align: center;
    }
    .price_details button {
        height: 26px;
    }
    .price_details {
        width: 100%;
    }
    .products_diatils {
        text-align: center;
    }
    .products_diatils img {
        float: none;
        margin: 3px;
        text-align: center;
    }
    .banner_txt h1 {
        font-size: 38px;
    }
    .banner_txt h2 {
        font-size: 24px;
    }
    .login_row {
        position: absolute;
        right: 0;
        top: 0;
    }
    .logo {
        padding-top: 10px;
        width: 34%;
    }
    .header_right_section {
        width: 100%;
    }
    .bottom_row {
        float: left;
        width: 100%;
        padding-left: 5%;
    }
    .callus span {
        font-size: 20px;
    }
    .shoppingcart span {
        font-size: 20px;
    }
    .searchbar {
        margin-left: 20px;
        margin-right: 20px;
    }
    .products_diatils img.attachment-full {
        width: 170px;
        margin-left: 2%;
    }
}
@media (max-width: 568px) {
    .address ul li {
        font-size: 13px;
    }
    .banner_txt h1 {
        font-size: 14px;
    }
    .sidebar_bottom {
        display: block;
    }
    .left_section .left_span2,
    .left_section .left_span3,
    .left_section .left_span4,
    .left_section .left_span5,
    .left_section .Payment_area {
        display: none;
    }
    .searchbar input[type="search"] {
        width: 76%;
    }
    .searchbar {
        width: 75%;
    }
    .searchbar input[type="submit"] {
        width: auto;
        padding: 0 6px;
    }
    .footer_menu {
        float: left;
        width: 100%;
    }
    .footer_icon {
        width: 60%;
    }
    .footer .footer_menu ul {
        margin-left: 5%;
        margin-right: 7%;
        width: 90%;
    }
    .logo {
        width: auto;
    }
    .header_right_section {
        float: none;
    }
    .left_section {
        width: 100%;
    }
    .right_section {
        width: 100%;
    }
    .navigation {
        display: none;
    }
    .banner_txt h2 {
        font-size: 11px;
    }
    .column1 {
        width: 100%;
    }
    .row1 .column1:last-child {
        float: none;
        width: 100%;
    }
    .blog_columns {
        width: 100%;
        margin-top: 20px;
    }
    .blog_columns:last-child {
        width: 100%;
    }
    .footer_icon {
        float: none;
    }
    .left_span1 {
        width: 100%;
    }
    .Accordian ul li a {
        font-size: 15px;
    }
    .left_span2 {
        float: left;
        width: 100%;
        min-height: auto;
    }
}
@media (max-width: 500px) {
    .logo {
        padding-top: 10%;
        text-align: center;
        width: 100%;
    }
    .logo img {
        width: auto;
    }
    .left_span3 {
        width: 100%;
        min-height: auto;
    }
    .left_span4 {
        width: 100%;
        float: left;
    }
    .Upcoming_Chips img {
        width: auto;
    }
    .Subscribe button {
        background-position: 35% center;
        width: auto;
    }
    .footer .footer_menu ul {
        width: 98%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .footer_menu ul li a {
        font-size: 15px;
    }
    .footer_icon {
        width: 71%;
    }
    .footer_menu ul li {
        padding: 6px 0 8px 8px;
        float: none;
        text-align: center;
    }
}
/* Landscape */
/*@media only screen 
  and (min-device-width:320px) 
  and (max-device-width:480px) 
  and (orientation: landscape)   {
.searchbar input[type="search"]{max-width:75%;}
.footer_menu ul li a{font-size:9px !important;}


}
 */

@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .searchbar input[type="submit"] {
        height: 38px;
        width: 70px;
    }
    .searchbar input[type="search"] {
        max-width: 60%;
    }
    .searchbar {
        width: 80%;
        margin-left: 12%;
        padding-bottom: 6px;
    }
    .logo {
        padding-top: 10%;
        text-align: center;
        width: 100%;
    }
    .logo img {
        width: auto;
    }
    .banner_txt h1 {
        font-size: 15px;
    }
    .subscribe button {
        background: #515761 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZDNzQ1RUEwNTVFODExRTVCRkQxRjAxODQ4QzNFNTIxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZDNzQ1RUExNTVFODExRTVCRkQxRjAxODQ4QzNFNTIxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkM3NDVFOUU1NUU4MTFFNUJGRDFGMDE4NDhDM0U1MjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkM3NDVFOUY1NUU4MTFFNUJGRDFGMDE4NDhDM0U1MjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4SMj/ZAAABPUlEQVR42mL8//8/AxVAJBCzMoAMowA7APHu/xCwmVxDbIH48H9UEEmqIWZAvAXJgE9Q+isQyxJriB4Qr0QyZBEQzwXiz1D+FnDYEzBEGIg70byTDMSJQPwXSawEn2F8QNwMdT4yUAdip/+YQAubYVxAXAPEH9EUXwdiRiC2wmLQQ5h+mCHsQFwBxO+wKN4GVeP4HzuYg2xYIxC/xqGwi4BBIBCKbBgukABVpPEfPxBHNowbiOOBeA8QvwTinUCsD1WgCsS/8Bh0CjnM0SOAEYnN8p8waEXWz4SWYUG5ng+IFYD4DxDXA/FXPBl8K6puzDRmgRSLUkDMA42ke2iuAiUfTnzehOHHSJq4kcQDgHgDVPwYuj5chiVBNbyG5gZ0eRMgNifWMAEg/gPE7qSUKox4SlotIL5GSnELEGAA7/MS3Hp49N4AAAAASUVORK5CYII=") no-repeat scroll 47% center;
    }
    .left_span3 {
        min-height: auto !important;
    }
    .left_span2 {
        min-height: auto !important;
    }
    .blog_columns img {
        margin-right: 14px;
    }
    .blog_columns {
        margin-bottom: 20px;
    }
}
@media (max-width: 567px) {
    .products_diatils p,
    .products_diatils#sub_details a img {
        width: 100% !important;
    }
    .products_diatils#sub_details h3#more_p {
        width: 40% !important;
        
    }
    #the_div {
        text-align: center !important;
    }
    #content .images {
        width: 98% !important;
    }
      #content .thumbnails img{
        width: auto !important;
    }
    .summary {
        width: 100% !important;
    }
    .products_diatils img.attachment-shop_catalog.wp-post-image {
        width: 71%;
    }
    #image_box.hm_page {
        height: auto;
    }
    .products_diatils img.attachment-full {
        margin-left: 20%;
    }
    .products_diatils span.cart_icon {
        float: none !important;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .products_diatils img.attachment-full {
        width: 170px;
        margin-left: 2.5%;
    }
   
    .products_diatils span.cart_icon {
        float: left;
        padding: 0px;
        margin-top: -5px!important;
    }
    .woocommerce-page .column1 .cart_icon img {
        width: auto !important;
        margin-top: -3px!important;
    }
    #content .thumbnails img {
        height: auto !important;
        width: auto !important;
    }
    .woocommerce #content div.product div.images,
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.images,
    .woocommerce-page div.product div.summary {
        float: left !important;
    }
    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon {
        float: left !important;
        width: 65% !important;
    }
    .woocommerce #content table.cart td.actions .button,
    .woocommerce #content table.cart td.actions .input-text,
    .woocommerce #content table.cart td.actions input,
    .woocommerce table.cart td.actions .button,
    .woocommerce table.cart td.actions .input-text,
    .woocommerce table.cart td.actions input,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .input-text,
    .woocommerce-page #content table.cart td.actions input,
    .woocommerce-page table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .input-text,
    .woocommerce-page table.cart td.actions input {
        width: 25% !important;
    }
    .woocommerce #content table.cart .product-thumbnail,
    .woocommerce table.cart .product-thumbnail,
    .woocommerce table.my_account_orders tr td.order-actions:before,
    .woocommerce-page #content table.cart .product-thumbnail,
    .woocommerce-page table.cart .product-thumbnail,
    .woocommerce-page table.my_account_orders tr td.order-actions:before {
        display: block !important;
        width: 100%;
    }
    .woocommerce-page .wc-proceed-to-checkout {
        width: 33% !important;
        float: right !important;
    }
}
@media (min-width: 961px) and (max-width: 1024px) {
    .products_diatils img.attachment-full {
        margin-left: 15%;
    }
}
@media (max-width: 767px) {

    .products_diatils img.attachment-full {
        display: block;
        float: none;
        margin: 10px auto;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
 .products_diatils button {
        padding: 5px 12px 24px 33px !important;
    }

    .mob_menu ul li a {
        font-size: 11px !important;
    }
	#content .images {
    width: 60% !important;
  
}

#timeline {
    width: 47%; }

	#timeline img {
    width: auto;
    margin: 0px auto;
    margin-top: 10px;
    margin-bottom: 95px;
}
	.page-template-about_us #timeline{height:auto; margin-left:10px !important;}
    #content .thumbnails img{
        width: auto !important;
    }
}