/*---------LARGE SCREEN > 1200px---------*/
@media only screen and (min-width:1200px) {
    .mobile:not(.desktop-large), .tablet:not(.desktop-large), .desktop:not(.desktop-large) { display: none !important; }
    .desktop-large-hidden { display: none; }
    .container_16 { margin-left: auto; margin-right: auto; width: 1200px; }
    .container_16 .grid_1 { width: 55px; }
    .container_16 .grid_2 { width: 130px; }
    .container_16 .grid_3 { width: 205px; }
    .container_16 .grid_4 { width: 280px; }
    .container_16 .grid_5 { width: 355px; }
    .container_16 .grid_6 { width: 430px; }
    .container_16 .grid_7 { width: 505px; }
    .container_16 .grid_8 { width: 580px; }
    .container_16 .grid_9 { width: 655px; }
    .container_16 .grid_10 { width: 730px; }
    .container_16 .grid_11 { width: 805px; }
    .container_16 .grid_12 { width: 880px; }
    .container_16 .grid_13 { width: 955px; }
    .container_16 .grid_14 { width: 1030px; }
    .container_16 .grid_15 { width: 1105px; }
    .container_16 .grid_16 { width: 1180px; }
    .swipe { height: 575px; }
    body { overflow: hidden; }
    .content_wrap { min-height: 600px }
}

/*---------DESKTOP < 1199px---------*/
@media (min-width:960px) and (max-width:1199px) {
    .mobile:not(.desktop), .tablet:not(.desktop), .desktop-large:not(.desktop) { display: none !important; }
    .desktop-hidden { display: none; }
    .grid_1 img, .grid_2 img, .grid_3 img, .grid_4 img, .grid_5 img, .grid_6 img, .grid_7 img, .grid_8 img, .grid_9 img, .grid_10 img, .grid_11 img, .grid_12 img, .grid_13 img, .grid_14 img, .grid_15 img, .grid_16 img { max-width: 100% !important; height: auto !important; }
    .content_wrap { min-height: 600px }

    /* Header Wrap */
    .siteSearch {width: 350px;}
    .stockist_wrap .stockists_btn {width: 205px;}

    /*Fullscreen Gallery*/
    div.fullscreenfade .pagination { width: 960px; }

    /*Menu wrap*/
    .menu_clients_wrap .clients_btn span {font-size: 14px;}
    .menu_wrap:after { width: calc(((100vw - 960px) / 2)); }

    /*Menu*/
    .mainmenu li a { font-size: 14px; margin: 0 5px; }

    /* Footer */
    .footer_wrap .social {gap:7px;} 

    /*Content Layout Module*/
    .content_layout_block .layout_texts .layout_title{font-size: 30px;}
    .content_layout_block .layout_texts div p{font-size: 15px;}

}

/*--------------Mobile & Tablet---------------***/
@media (max-width:959px) {

    /*Header*/
    .top_strap{height: 40px; background: #E15520;}
    .top_strap > div{height:100%}

    .top_clients_wrap {display: flex; align-items: center; justify-content: flex-start; height: 100%;}
    .top_clients_wrap .clients_btn {display: flex; align-items: center; justify-content: center; gap:10px; height: 100%; padding: 0 15px; box-sizing: border-box;}
    .top_clients_wrap .clients_btn span {font-size: 14px; color: #fff; font-weight: bold; text-transform: uppercase;}
    .top_clients_wrap .clients_btn::after {content:""; display: block; width: 8px; height: 8px; border: solid #fff; border-width: 1px 1px 0 0; transform:rotate(45deg);  }


    .header_container.container_16 {margin:0; width: 100%; height: 80px; padding: 0 10px; box-sizing: border-box;}
    .header_wrap .logo {max-width: 200px;}
    .stockist_wrap .stockists_btn{width: 200px;}
    .header_wrap .menu_toggle {} 
    .header_wrap .menu_toggle a { display: flex; flex-direction: row; align-items: center; height: 50px; width: 50px; position: relative; } 
    .header_wrap .menu_toggle a>div { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; transition: ease-in-out all .3s; } 
    .header_wrap .menu_toggle a>div>div { display: flex; flex-direction: column; } 
    .header_wrap .menu_toggle a>div>div>div { height: 3px; width: 24px; margin: 2px 0; background: #fff; transition: ease-in-out all .3s; } 
    .header_wrap .menu_toggle.open a>div { transform: rotate(90deg); } 


    /*Search Bar*/
    .search_wrap {height: 45px; width: 100%; border: solid #E9E5E5; border-width: 0 0 1px 0;}
    .search_wrap .siteSearch {width: 100%; height: 100%; background: #FAFAFA; border:0; padding: 0; 
        box-sizing: border-box; border-radius: 0;}
    .search_wrap .siteSearch input {color: #393838; padding: 0 15px;}
    .search_wrap .siteSearch input::placeholder{color: inherit;}
    .search_wrap .siteSearch a{background-image: url(../images/search_mobile.svg);}

    /*Menu wrap*/
    .responsive_menu_wrap { display: none; width: 90%; background: #000; position: absolute; right: 0; top: 0; z-index:10;}
    .res_menu_top { display: flex; align-items: center; justify-content: space-between; height: 70px; padding: 0 15px; }
    .res_menu_top span {font-size: 16px; color: #979797; font-weight: bold; text-transform: uppercase; }
    .res_menu_top .close_menu {display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: url(../images/menu-close-white.svg) no-repeat center; background-size: contain;}
    .res_stockist_wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; background: #000;}
    .res_stockist_wrap .stockists {display: flex; align-items: center; justify-content: center; gap:10px; 
        width: 225px; border: 2px solid #E15520;  border-radius: 20px;}
    .res_stockist_wrap .stockists span { font-size: 14px; color: #fff; text-transform: uppercase; 
        font-weight: bold; line-height: 46px;}
    .res_stockist_wrap .stockists::before {content:""; display: block; width: 20px; height: 20px; background: url("../images/pin-orange.svg") center no-repeat; background-size: contain; }
    .responsive_menu_wrap ul { padding: 0 10px; list-style: none;}
    .responsive_menu_wrap li { padding: 0; position: relative; }
    .responsive_menu_wrap li ul { display: none; padding: 0; list-style: none; }
    .responsive_menu_wrap li a { padding: 10px 40px 10px 5px; color: #fff; font-size: 14px; display: block; position: relative; }
    .responsive_menu_wrap>ul>li>a { border-bottom: 1px solid #101010; font-size: 16px; font-weight: bold; text-transform: uppercase; }
    .responsive_menu_wrap li ul li a { color: #fff; padding: 8px 10px; font-weight: normal; text-transform: capitalize; }
    .responsive_menu_wrap .info_menu a { border: 0; font-weight: normal; text-transform: capitalize; font-size: 14px; }
    .responsive_menu_wrap .viewall { text-decoration: underline; color: #F47B20; }
    .responsive_menu_wrap .toggle_sub { position: absolute; right: 0; top: 0; height: 40px; width: 40px; padding: 0; }
    .responsive_menu_wrap .toggle_sub span { height: 20px; width: 20px; background: #E15520; border-radius: 100%; position: absolute; left: calc(50% - 10px); top: calc(50% - 10px); 
        transition: ease-in-out all .5s; }
    .responsive_menu_wrap .toggle_sub span:after { content: ""; background: #000; display: block; position: absolute; width: 10px; height: 2px; right: calc(50% - 5px); top: calc(50% - 1px); }
    .responsive_menu_wrap .toggle_sub span:before { content: ""; background: #000; display: block; position: absolute; width: 10px; height: 2px; right: calc(50% - 5px); top: calc(50% - 1px); 
        transform: rotate(90deg); transition: opacity 0.3s ease-in-out 0s; }
    .responsive_menu_wrap li.open .toggle_sub span:before { opacity: 0; }
    .responsive_menu_wrap li.open .toggle_sub span { background: #fff; }
    .res_menu_footer {}
    .res_menu_footer .close_menu { display: block; color: #fff; text-align: left; font-size: 12px; padding: 0 15px; line-height: 40px; margin-bottom: 10px; text-transform: lowercase; font-weight: normal; }
    .res_menu_info { padding: 15px; }
    .res_menu_info>a { font-size: 14px; color: #fff; line-height: 20px; }
    .res_menu_info .menu_phone { padding-left: 20px; background: url(../images/phone.svg) left center no-repeat; display: block; margin-bottom: 10px; }
    .res_menu_info .menu_email { padding-left: 20px; background: url(../images/email.svg) left center no-repeat; display: block; }


    /* Footer */
    .footer_wrap > div > div.footer_social {width: 100%;}

     /*Content Layout Module*/
    .content_layout_module .content_layout_block{gap: 25px; height: initial;}
    .content_layout_module .content_layout_block{flex-direction: column !important;}
    .content_layout_module .content_layout_block .layout_image{justify-content: center !important; padding:0;}
    .content_layout_module .layout_right .content_layout_block{align-items: flex-end;}
    .content_layout_block .layout_image{width: 100%;}
    .content_layout_block::before {left: calc(50% + 5px)}

    .content_layout_block .layout_texts .layout_heading{text-align: center;}
    .content_layout_block .layout_texts{width: 100%; position: relative; min-height: initial; padding: 60px 20px;}
    .content_layout_block .layout_texts > div{max-width: initial; text-align: center;}
    .content_layout_block .layout_buttons{justify-content: center;}

    .content_layout_block .layout_buttons a{font-size: 15px; padding: 15px 18px;}
    .content_layout_block .layout_texts div p{font-size: 14px;}
}

/*---------TABLET < 959px---------*/
@media (min-width:768px) and (max-width:959px) {
    .mobile:not(.tablet), .desktop:not(.tablet), .desktop-large:not(.tablet) { display: none !important; }
    .tablet-hidden { display: none !important; }
    .container_16 { margin-left: auto; margin-right: auto; width: 768px; }
    .container_16 .grid_1 { width: 32px; }
    .container_16 .grid_2 { width: 80px; }
    .container_16 .grid_3, .container_16 .grid_tab_3 { width: 128px; }
    .container_16 .grid_4, .container_16 .grid_tab_4 { width: 176px; }
    .container_16 .grid_5, .container_16 .grid_tab_5 { width: 224px; }
    .container_16 .grid_6, .container_16 .grid_tab_6 { width: 272px; }
    .container_16 .grid_7, .container_16 .grid_tab_7 { width: 320px; }
    .container_16 .grid_8, .container_16 .grid_tab_8 { width: 368px !important; }
    .container_16 .grid_9, .container_16 .grid_tab_9 { width: 416px; }
    .container_16 .grid_10, .container_16 .grid_tab_10 { width: 464px; }
    .container_16 .grid_11, .container_16 .grid_tab_11 { width: 512px; }
    .container_16 .grid_12, .container_16 .grid_tab_12 { width: 560px; }
    .container_16 .grid_13, .container_16 .grid_tab_13 { width: 608px; }
    .container_16 .grid_14, .container_16 .grid_tab_14 { width: 656px; }
    .container_16 .grid_15, .container_16 .grid_tab_15 { width: 704px; }
    .container_16 .grid_16, .container_16 .grid_tab_16 { width: 752px; }
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { margin-left: 8px; margin-right: 8px; }
    .grid_1 img, .grid_2 img, .grid_3 img, .grid_4 img, .grid_5 img, .grid_6 img, .grid_7 img, .grid_8 img, .grid_9 img, .grid_10 img, .grid_11 img, .grid_12 img, .grid_13 img, .grid_14 img, .grid_15 img, .grid_16 img { max-width: 100% !important; height: auto !important; }

    /*Menu*/
    .responsive_menu_wrap { width: 80%; }

    /*Footer*/
    .footer_wrap, .footer_wrap a { font-size: 12px; }
    .footer_wrap>div>div { width: 33.3333%; }
    .footer_contact { margin-bottom: 20px; }
    .footermenu li a { font-size: 12px; }
    .byline_wrap ul li a { font-size: 14px; }

    /*Fullscreen Gallery*/
    div.fullscreenfade .pagination { width: 768px; }

    /*Fullscreen Video*/
    .fullscreen-video{height: 900px;}
    .fullscreen-video .fg-video-container iframe{width:1600px;}

    /*Testimonial Module*/
    .testimonials_module.ts_row_Three .testimonial_block { width: calc(33.33333% - 10px); }
    .testimonials_module .testimonial_block { margin: 0 5px 15px 5px; }
    .testimonials_module .testimonial_block>div { padding: 5px 5px 10px 5px; }
    .testimonials_module .testimonial_description { padding: 5px; }
    .testimonials_module .testimonial_description p { font-size: 13px; }
    .testimonials_module .read_toggle a { font-size: 13px; }
    .testimonials_module .testimonial_from { padding: 0 5px; font-size: 14px; }
    .testimonials_module.ts_row_One .testimonial_video { height: 385px; }
    .testimonials_module.ts_row_One .testimonial_images { height: 360px; }
    .store_locator>div:nth-child(1) { width: 752px; }
    .store_locator>div:nth-child(2)>div:first-child { height: 400px;}
    .store_locator>div:nth-child(2)>div:nth-child(2) { height: 400px; }
    .delivery-addresses>* { width: calc(33% - 10px); }
    .delivery-address>div { padding: 10px; height: 340px; box-sizing: border-box; }

    /*Client Block Module*/
    .client_block_module {gap: 10px;}
    .client_block_module .client_block{width: calc(33.333333% - 9px);}

    .slide.video-slide iframe {height: 660px; width: 700px;}

    /*Split Screen*/
    .split-screen-section{height: 330px; }
    .split-screen-description h1{font-size: 48px; line-height: 54px;}

}

/*---------MOBILE < 767px---------*/
@media (max-width:767px) {
    .desktop-large:not(.mobile) { display: none !important; }
    .desktop:not(.mobile) { display: none !important; }
    .tablet:not(.mobile) { display: none !important; }
    .mobile-hidden { display: none !important; }
    .container_16 { margin-left: auto; margin-right: auto; width: 320px; }
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { margin-left: 5px; margin-right: 5px; width: 310px !important; }
    .grid_1 img, .grid_2 img, .grid_3 img, .grid_4 img, .grid_5 img, .grid_6 img, .grid_7 img, .grid_8 img, .grid_9 img, .grid_10 img, .grid_11 img, .grid_12 img, .grid_13 img, .grid_14 img, .grid_15 img, .grid_16 img { max-width: 100% !important; height: auto !important; }
    .alpha, .omega { margin-left: 0; margin-right: 0; }
    .prefix_1, .prefix_2, .prefix_3 { padding: 0 !important; }
    iframe { width: 100%; }

    /* Header */

    /* top strap */
    .top_clients_wrap .clients_btn {justify-content: flex-start; padding: 0 15px;}
    .top_stockist_wrap {width: 50px; padding-right: 20px; }
    .top_stockist_wrap .stockists_btn {border-left: 0; width:100%; padding:0;}

    /*Under header*/
    .under_header { display: flex; align-items: center; height: 60px; border: solid #E9E5E5; border-width: 1px 0; }
    .under_header :is(.search_toggle, .shoppingCart, .member_button) { width: 33.33333%; height: 100%; }
    .under_header .search_toggle { background: url("../images/search.svg") center center no-repeat; }
    .under_header .shoppingCart { border: solid #E9E5E5; border-width: 0 1px; }
    .under_header .shoppingCart a { align-items: center; justify-content: center; }
    .shoppingCart .cart-indication { font-size: 11px; height: 23px; width: 23px; line-height: 23px; right: 0; top: 0; }
    .under_header .member_button { background: url("../images/account.svg") center center no-repeat; }

    /*Footer*/
    .footer_wrap .container_16 { flex-direction: column; align-items: center; padding: 0 5px; }
    .footer_wrap>div>div { width: 100%; }
    .footer_contact { margin-bottom: 20px; }
    :is(.footer_info, .footer_products)>span { padding: 10px 0; border: solid #E3E1E1; border-width: 1px 0; position: relative; margin: 0; transition: ease-in-out all .3s; }
    .footer_products>span { border-bottom: 0; }
    :is(.footer_info, .footer_products)>span.open { border-bottom: 0; }
    :is(.footer_info, .footer_products) .footermenu { display: none; }
    :is(.footer_info, .footer_products)>span>span { position: absolute; right: 5px; border-radius: 100%; top: calc(50% - 10px); background: #F47B20; height: 20px; width: 20px; transition: ease-in-out all .3s; }
    :is(.footer_info, .footer_products)>span>span:after { content: ""; background: #000; display: block; position: absolute; width: 10px; height: 2px; right: calc(50% - 5px); top: calc(50% - 1px); }
    :is(.footer_info, .footer_products)>span>span:before { content: ""; background: #000; display: block; position: absolute; width: 10px; height: 2px; right: calc(50% - 5px); top: calc(50% - 1px); transform: rotate(90deg); transition: opacity 0.3s ease-in-out 0s; }
    :is(.footer_info, .footer_products)>span.open>span:before { opacity: 0; }
    :is(.footer_info, .footer_products)>span.open>span { background: #fff; }
    .footer_info, .footer_social { margin-bottom: 20px; }
    .byline_wrap ul li a { font-size: 14px; }
    .caroufredsel_wrapper div { max-width: initial !important; }

    /*Fullscreen Gallery*/
    div.fullscreenfade div.slide .banner { padding: 20px 10px; width: 310px; box-sizing: border-box; }
    div.fullscreenfade .pagination { width: 320px; }

    img { max-width: 100%; vertical-align: middle; }
    h1 { font-size: 34px; }
    h2 { font-size: 30px; }
    h3 { font-size: 28px; }
    h4 { font-size: 26px; }
    h5 { font-size: 24px; }
    h6 { font-size: 22px; }
    p { font-size: 16px; line-height: 28px; }

    /*FAQ Module*/
    .faq_module>div { padding: 10px; }
    .faq_module .faq_title { font-size: 16px; padding: 5px 25px 5px 0; }
    .faq_module .faq_title:before { width: 15px; right: 5px; }
    .faq_module .faq_title:after { width: 15px; right: 5px; }
    .faq_module .faq_content p { font-size: 14px; }

    /*Testimonial Module*/
    .testimonials_module.ts_row_Three .testimonial_block { width: 100%; }
    .testimonials_module .testimonial_description { padding: 5px; }
    .testimonials_module .testimonial_description p { font-size: 13px; }
    .testimonials_module .read_toggle a { font-size: 13px; }
    .testimonials_module .testimonial_from { padding: 0 5px; font-size: 14px; }
    .testimonials_module .testimonial_block { width: 100% !important; }
    .testimonials_module .testimonial_images { height: 220px !important; }
    .testimonials_module .testimonial_video { height: 185px !important; }

    /*Store Locator*/
    .store-refine-toggle { background: #2A2A2A; border: 1px solid #707070; border-width: 1px 0; padding:0 10px; margin-left:calc((100vw - 310px)/-2); height: 47px; display: flex; align-items: center; color: #fff; font-weight: bold; font-size: 14px; width: 100vw; box-sizing: border-box; }
    .store-refine-toggle:after { content:""; width: 10px; height: 10px; border:2px solid #F47B20; border-width:0 2px 2px 0; display: block; transform:rotate(45deg);  margin-left: auto; }
    .store-refine-toggle.open:after { transform:rotate(-135deg);  }
    .store_locator>div:nth-child(1) { display: block; width: 310px; }
    .store_locator > div:nth-child(1) > div:first-child { box-sizing: border-box;}
    .locater_close { font-size: 10px; color: #fff; text-decoration: underline; float: right; margin:15px 0;}
    .store_locator>div:nth-child(3) div { font-size: 18px; margin: 10px 0; line-height: 28px;}
    .store_locator>div:nth-child(1) input[type=text] { width: 100%; margin: 10px 0; box-sizing: border-box; }
    .store_locator>div:nth-child(1) input[type=text]+a { top: 10px;}
    .store_locator>div:nth-child(2) { flex-direction: column-reverse; }
    .store_locator>div:nth-child(2)>div:first-child { padiing: 20px auto; }
    .store_locator>div:nth-child(2)>div:nth-child(2) { width: 100% !important; height: 300px; }
    .store_products_list { margin:0 0 10px 0; line-height: 40px;}
    .store_products_list:before { display: none;}
    .store_locater_type { width: 100%; box-sizing: border-box; margin:0 0 10px 0; height: 40px;}
    .gm-style-iw { width: 300px; max-width: none !important; max-height: none !important; }
    .gm-style .gm-style-iw-d {max-height: none !important;}
    .delivery-addresses { flex-direction: column; }
    .delivery-addresses>* { width: 100%; margin: 0 0 20px; box-sizing: border-box; }
    .delivery-addresses>div { height: 340px; }
    div.apprise { width: 90% !important; }

    /*Client Block Module*/
    .client_block_module {flex-direction: column; align-items: center;}
    .client_block_module .client_block{width: 300px;}
    .client_block_module .client_block .cb_read_more > a{background: #F47B20;}

    /*Content Layout Module*/
    .layout_right .content_layout_block::before{right: calc(50% + 80px);}
    .content_layout_block::before{left: calc(50% + 63px);}
    .content_layout_block .layout_texts .layout_title{font-size: 28px;}
    .content_layout_block .layout_texts > div{flex-direction: column; align-items: center; justify-content: center;}

     /*Fullscreen Video*/
    .fullscreen-video{height: 435px;}
    .fullscreen-video .fg-video-container iframe{width:768px;}

    /*Split Screen*/
    .split-screen-module{flex-direction: column;}
    .split-screen-description h1{font-size: 40px; line-height: 46px;}
    .split-screen-module .split-screen-section{height: 300px; width: 100%; justify-content: center;}
    .split-screen-text{width: 100%;}
}
