/**
Wrapper Max
 */
@media screen and (min-width: 1200px) and (max-width: 1330px) {
    /**
    BOXED
     */
    body.Boxed #SiteTop,
    body.Boxed #SiteHeader,
    body.Boxed #Main,
    body.Boxed #Slider { width: calc(100% - 30px); margin:0 auto; border-right:1px solid; border-left:1px solid; }
    body.Boxed .Wrap { width: calc(100% - 30px); }
    body.Boxed .col-half-section { width: 100%; max-width: 100%; }

    .Wrap { width: calc(100% - 30px); }
    .col-half-section { width: 100%; max-width: 100%; }

    #SiteNavigation {
        width: calc(100% - 210px);
        margin-left: 10px;
    }

    #SiteLogo { max-width: 200px; display: inline-block; }
}

/**
Laptop Small
 */
@media screen and (min-width: 1024px) and (max-width: 1199px) {

    body.Boxed #SiteTop,
    body.Boxed #SiteHeader,
    body.Boxed #Main,
    body.Boxed #Slider { width: 100% !important; margin:0 auto; border:0; }
    body.Boxed .Wrap { width: calc(100% - 30px); }
    body.Boxed .col-half-section { width: 100%; max-width: 100%; }

    .Wrap { width: calc(100% - 30px); }
    .col-half-section { width: 100%; max-width: 100%; }

    .MobileMenu { display: block; top:80px;}
    .MobileMenu.Opened { z-index: 10001; background: transparent; }
    .MobileMenu.Opened:after,
    .MobileMenu.Opened:before { transform: rotate(45deg); top:-20px; }
    .MobileMenu.Opened:before { transform: rotate(-45deg); }
    body.Ar .MobileMenu { left:10px; right:inherit; }

    #SiteNavigation { width: 250px; height: 100%; position: fixed; right:0; top:0; float: none; display: none; margin: 0; z-index: 10000; overflow: auto; border-left:5px solid; }
    #SiteNavigation.ShowMenu { display: block; }
    #SiteNavigation.ShowMenu > ul { padding-top: 80px; }
    #SiteNavigation.ShowMenu ul > li { display: block; height: auto; min-height: 50px; line-height: 50px; }
    #SiteNavigation ul li a { display: inline; height: 50px; line-height: 50px; }
    #SiteNavigation ul li.HasChild:before { right:15px; }
    #SiteNavigation.ShowMenu ul li ul { width: 100%; min-width: 100%; display: none; position: relative; top:0; }
    #SiteNavigation ul li ul li a { line-height: initial; display: inline-block; }
    #SiteNavigation ul li ul li.HasChild:before { content: ''; position: absolute; top:25px; right:15px; font-weight: normal; border-left: 5px solid transparent;
        border-right: 5px solid transparent; border-top: 5px solid; height: 5px; }
    #SiteNavigation ul li.HasChild:hover > ul { display: block; }
    #SiteNavigation ul li ul li ul { position: relative; left:0; }

    body.Ar #SiteNavigation { left:0; right:inherit; border-left:0; }

    #ProductImages { width: 350px; }
    #ProductInfo { width: calc(100% - 365px); }

    aside.Sidebar.Products { width: 250px;  }

    .ProductListing { width: calc(100% - 265px); }

    #ProductSearchForm input[type="text"] { width: 150px; }

    #Slider .SlideItem .TextContainer span.Title {  font-size:24px; text-shadow: 1px 1px 0px #000; }
    #Slider .SlideItem .TextContainer span.SubTitle { font-weight: bold; font-size: 36px; margin-bottom:30px; text-shadow: 1px 1px 0px rgba(0,0,0, .5); }
    #Slider .SlideItem .TextContainer span.Spot { font-size:18px; margin-bottom:30px; display: block; text-shadow: 1px 1px 0px rgba(0,0,0, .5); }
}

/**
Tablet
 */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    body.Boxed #SiteTop,
    body.Boxed #SiteHeader,
    body.Boxed #Main,
    body.Boxed #Slider { width: 100% !important; margin:0 auto; border:0; }
    body.Boxed .Wrap { width: calc(100% - 30px); }
    body.Boxed .col-half-section { width: 100%; max-width: 100%; }
    body.NoScroll { height: 100%; overflow: hidden;  }

    .Wrap { width: calc(100% - 30px); }
    .col-half-section { width: 100%; max-width: 100%; }

    .MobileMenu { display: block; top:80px;}
    .MobileMenu.Opened { z-index: 10001; background: transparent; }
    .MobileMenu.Opened:after,
    .MobileMenu.Opened:before { transform: rotate(45deg); top:-20px; }
    .MobileMenu.Opened:before { transform: rotate(-45deg); }
    body.Ar .MobileMenu { left:10px; right:inherit; }

    #SiteNavigation { width: 250px; height: 100%; position: fixed; right:0; top:0; float: none; display: none; margin: 0; z-index: 10000; overflow: auto; border-left:5px solid; }
    #SiteNavigation.ShowMenu { display: block; }
    #SiteNavigation.ShowMenu > ul { padding-top: 80px; }
    #SiteNavigation.ShowMenu ul > li { display: block; height: auto; min-height: 50px; line-height: 50px; }
    #SiteNavigation ul li a { display: inline; height: 50px; line-height: 50px; }
    #SiteNavigation ul li.HasChild:before { right:15px; }
    #SiteNavigation.ShowMenu ul li ul { width: 100%; min-width: 100%; display: none; position: relative; top:0; }
    #SiteNavigation ul li ul li a { line-height: initial; display: inline-block; }
    #SiteNavigation ul li ul li.HasChild:before { content: ''; position: absolute; top:25px; right:15px; font-weight: normal; border-left: 5px solid transparent;
        border-right: 5px solid transparent; border-top: 5px solid; height: 5px; }
    #SiteNavigation ul li.HasChild:hover > ul { display: block; }
    #SiteNavigation ul li ul li ul { position: relative; left:0; }
    body.Ar #SiteNavigation { left:0; right:inherit; border-left:0; }

    #ProductImages { width: 350px; }
    #ProductInfo { width: calc(100% - 365px); }

    aside.Sidebar.Products { width: 250px;  }
    .ProductListing { width: calc(100% - 265px); }
    #ProductSearchForm input[type="text"] { width: 150px; }

    #Slider .SlideItem .TextContainer span.Title {  font-size:18px; text-shadow: 1px 1px 0px #000; }
    #Slider .SlideItem .TextContainer span.SubTitle { font-weight: bold; font-size: 24px; margin-bottom:30px; text-shadow: 1px 1px 0px rgba(0,0,0, .5); }
    #Slider .SlideItem .TextContainer span.Spot { font-size:14px; margin-bottom:10px; display: block; text-shadow: 1px 1px 0px rgba(0,0,0, .5); }
    #Slider .SlideItem .blt-button { padding: 8px; font-size: 18px; }

    .HalfContentPlugin [class*='column-'] { display: block; float: none; width: 100%; height: auto; }

    .row > .ContentBox.column-4.w-pad:nth-of-type(4n-3),
    .row > .ContentBox.column-4.w-pad:nth-of-type(4n-1) { padding-left: 0; padding-right: 7.5px; margin:0 }
    .row > .ContentBox.column-4.w-pad:nth-of-type(4n-2),
    .row > .ContentBox.column-4.w-pad:nth-of-type(4n) { padding-left:7.5px; padding-right: 0; margin:0; }
    .ContentBox.column-4 { width: 50%; margin-bottom:15px; }

    .PagesPlugin .column-3.w-pad { width: 100%; float: none !important; padding: 0 !important; margin-bottom: 15px !important; }

    .IVBoxPlugin .IVItem.content-5 { width: 100% !important; }
    .IVBoxPlugin .IVItem.content-5 .col-half-section.pad-100 { padding: 50px !important; }

    .PortfolioPlugin .row > .column-4.w-pad:nth-of-type(4n-3),
    .PortfolioPlugin .row > .column-4.w-pad:nth-of-type(4n-1) { padding-left: 0; padding-right: 7.5px; margin:0 }
    .PortfolioPlugin .row > .column-4.w-pad:nth-of-type(4n-2),
    .PortfolioPlugin .row > .column-4.w-pad:nth-of-type(4n) { padding-left:7.5px; padding-right: 0; margin:0; }
    .PortfolioPlugin .column-4 { width: 50%; margin-bottom:15px; }

    .PortfolioPlugin .Mansonry { column-count: 2; column-gap: 10px; }

    .FeaturesPlugin .column-4 { width: 50%; }

    .ProductPlugin .content-4 { width: 80% !important;}
    .ProductPlugin .content-4.offset-30 { margin-left:10%; margin-right: 10%; }
    .ProductPlugin .row > .column-4.w-pad:nth-of-type(4n-3),
    .ProductPlugin .row > .column-4.w-pad:nth-of-type(4n-1) { padding-left: 0; padding-right: 7.5px; margin:0 }
    .ProductPlugin .row > .column-4.w-pad:nth-of-type(4n-2),
    .ProductPlugin .row > .column-4.w-pad:nth-of-type(4n) { padding-left:7.5px; padding-right: 0; margin:0; }
    .ProductPlugin .column-4 { width: 50%; margin-bottom:15px; }

    .ContactPlugin { display: block; }
    .ContactInformations,
    .ContactPluginMap { display: block; width: 100%; }

    .PricePlugin .column-5 { width: 50%; }
    .PricePlugin .column-5 .PriceItem.Featured { margin-top: 30px; }

    .ParallaxPlugin h2 { font-size: 24px; }
    .ParallaxPlugin .TextContainer span.Spot { font-size: 14px; }
    .ParallaxPlugin .Testimonials .TestimonialItem h3 { font-size: 24px; }

    #PageContent { width: 100%; float: none; display: block; padding: 0; }
    #PageContent:after { display: none; }
    #Page aside.Sidebar { width: 100%; float: none; display: block; margin:15px 0; }
}

/**
Phone
 */
@media screen and (min-width: 300px) and (max-width: 767px) {
    body.Boxed #SiteTop,
    body.Boxed #SiteHeader,
    body.Boxed #Main,
    body.Boxed #Slider { width: 100% !important; margin:0 auto; border:0; }
    body.Boxed .Wrap { width: calc(100% - 30px); }
    body.Boxed .col-half-section { width: 100%; max-width: 100%; }

    body.NoScroll { height: 100%; overflow: hidden;  }

    h1 { font-size: 28px; }
    h2 { font-size: 24px; }
    h3 { font-size: 18px; }

    .Wrap { width: calc(100% - 10px); }
    .col-half-section { width: 100%; max-width: 100%; }

    #SiteTop { height: auto; line-height: initial; }
    #SiteTop [class*='column-'] { width: 100%; display: block; float: none; text-align: center; padding: 5px !important; }
    #SiteTop ul#TopContact li { margin: 5px; }
    /*#TopSocial { display: block; text-align: center; padding-bottom: 10px; }*/
    #TopSocial { display: none; }

    #SiteHeader,
    #SiteLogo,
    #SiteLogo a{ height: 80px; line-height: 80px; }
    #SiteLogo { max-width: 250px; }
    #SiteHeader { position: relative; border-bottom:0; }

    #SiteLogo img { height: auto !important; max-height: calc(100% - 20px);  }

    .MobileMenu { display: block;}
    .MobileMenu.Opened { z-index: 10001; background: transparent; }
    .MobileMenu.Opened:after,
    .MobileMenu.Opened:before { transform: rotate(45deg); top:-70px; }
    .MobileMenu.Opened:before { transform: rotate(-45deg); }
    body.Ar .MobileMenu { left:10px; right:inherit; }

    #SiteNavigation { width: 250px; height: 100%; position: fixed; right:0; top:0;  float: none; display: none; margin: 0; z-index: 10000; overflow: auto; border-left:5px solid; }
    #SiteNavigation.ShowMenu { display: block; }
    #SiteNavigation.ShowMenu > ul { padding-top: 80px; }
    #SiteNavigation.ShowMenu ul > li { display: block; height: auto; min-height: 50px; line-height: 50px; }
    #SiteNavigation ul li a { display: inline; height: 50px; line-height: 50px; }
    #SiteNavigation ul li.HasChild:before { right:15px; }
    #SiteNavigation.ShowMenu ul li ul { width: 100%; min-width: 100%; display: none; position: relative; top:0; }
    #SiteNavigation ul li ul li a { line-height: initial; display: inline-block; }
    #SiteNavigation ul li ul li.HasChild:before { content: ''; position: absolute; top:25px; right:15px; font-weight: normal; border-left: 5px solid transparent;
        border-right: 5px solid transparent; border-top: 5px solid; height: 5px; }
    #SiteNavigation ul li.HasChild:hover > ul { display: block; }
    #SiteNavigation ul li ul li ul { position: relative; left:0; }
    body.Ar #SiteNavigation { left:0; right:inherit; border-left:0; }

    #Slider .SlideItem .TextContainer span.Title {  font-size:18px; text-shadow: 1px 1px 0px #000; }
    #Slider .SlideItem .TextContainer span.SubTitle { font-weight: bold; font-size: 24px; margin-bottom:10px; text-shadow: 1px 1px 0px rgba(0,0,0, .5); }
    #Slider .SlideItem .TextContainer span.Spot { display: none; }
    #Slider .SlideItem .blt-button { padding: 5px; font-size: 14px; }


    .w-pad:nth-of-type(n) { padding: 15px 0 !important; margin: 0 !important; }
    [class*='column-'] { width: 100% !important; float: none !important; }
    [class*='content-'] { width: 100% !important; float: none !important; }
    [class*='offset-'] { margin: 0; }
    body.Ar [class*='offset-'] { margin: 0; }
    [class*='pad-'] { padding: 15px !important; }

    p { font-size: 14px !important; margin-bottom: 5px !important; }

    .DividerPlugin,
    .DividerPlugin .text-left,
    .DividerPlugin .text-right,
    .IVBoxPlugin,
    .IVBoxPlugin.text-right,
    .IVBoxPlugin.text-left{ text-align: center !important; }

    .PortfolioItem { margin-bottom: 0; }

    .PortfolioPlugin .Mansonry { column-count: 1; column-gap: 10px; }

    .ParallaxPlugin .TextContainer.PluginContent-Left,
    .ParallaxPlugin .TextContainer.PluginContent-Right { text-align: center; }
    .ParallaxPlugin .TextContainer span.Spot { display: block; text-align: center; width: 100%; float: none; }
    .ParallaxPlugin .TextContainer span.Spot p { width: 100%; max-width: 100%; }

    .ParallaxPlugin h2 { font-size: 24px; }
    .ParallaxPlugin .TextContainer span.Spot { font-size: 14px; }
    .ParallaxPlugin .Testimonials .TestimonialItem h3 { font-size: 24px; }

    #PageContent { width: 100%; float: none; display: block; padding: 0; }
    #PageContent:after { display: none; }
    #Page aside.Sidebar { width: 100%; float: none; display: block; margin:15px 0; }

    #FooterNavigation { display: none; }
    #FooterSocial { padding-top: 20px; font-size: 14px; }

    aside.Sidebar.Products { width: 100%; display: block; float: none; text-align: center; }
    aside.Sidebar.Products button.blt-button { display: inline-block; font-size: 14px; padding: 5px; }
    aside.Sidebar.Products .Widget { display: none; text-align: left; margin-bottom: 0; margin-top: 15px; }
    aside.Sidebar.Products .Widget.show { display: block; }
    aside.Sidebar.Products .Widget.hide { display: none; }
    .ProductListing { width: 100%; float: none; margin-top:15px; }
    .ProductListing .column-4.w-pad { padding: 0 !important; }
    #ProductSearchForm input[type="text"] { width: 150px; }

    #GalleryPhotos .column-4.w-pad,
    #PortfolioList .column-4.w-pad { padding: 0 !important; }
    #Portfolio .Slider .PortfolioSlide span { display: none; }

    #GalleryPhotos { margin-top: 15px !important}
    #GalleryPhotos .column-4.w-pad { margin-bottom: 15px !important; }

    #PageSocials { margin: 10px 0; text-align: left; }
    #PageSocials ul { margin: 0; }

    .ContactInformations { width: 100% !important; display: table; }

    #ProductImages { width: 100%; float: none; }
    #ProductInfo { width: 100%; float: none; }
    #ProductDetailTabs ul li { padding: 8px 15px; }

    #TabComments .CommentForm { float: none; width: 100%; padding: 0; display: block;}
    #TabComments .CommentList { width: 100%; padding: 0; border:0; }
    #TabComments .CommentList:after { display: none; }
}