/*****************************************************************
    Responsive
*****************************************************************/

@media (max-width: 2000px) {
    .col-md-5ths { width: 16.66666667% !important; float: left; display: inline-block; }
}

@media (max-width: 1600px) {
    .col-md-5ths { width: 20% !important; float: left; display: inline-block; }
}

@media (max-width: 1420px) {
    .col-md-5ths { width: 25% !important; float: left; display: inline-block; }
}

@media (max-width: 1350px) {
    body .sliders { padding: 0 30px !important; }
    #NewsletterForm .btn-success { font-weight: 400; font-size: 16px; font-family: 'Roboto'; vertical-align: middle; background: #6BB52B; position: absolute; right: -14px; top: 48px; }
}

@media (max-width: 1200px) {
    .col-md-5ths { width: 25% !important; }
}


/*****************************************************************
    Tablet
*****************************************************************/
@media (max-width: 1024px) {
    .col-md-5ths { width: 25% !important; float: left; display: inline-block; }
    #Header .form-inline .form-group { padding: 0; margin-right: -40px; }
    #Header .form-inline .form-control { width: 80%; }
    #Header .form-inline .checkbox { display: none; }
    /*body .zcmsdoor.visible-door { display: none; }*/
    .row { margin: 0; }
    #Header .menu .orange { font-size: 13px; }
    #Header .menu .green { font-size: 13px; padding: 11px 0; }
    #Header .menu-desk { display: block; }

    #Header .form-inline { padding-left: 0; width: 70%; }
    #Header .middle .logo { background: url('/Content/app/images/sprites.png') -133px -223px; width: 186px; height: 97px; display: inline-block; vertical-align: middle; }
    #SearchForm .btn-searc#Spotlighth { left: -38px; }

    #Header .menu .green a.active { padding: 11px 22px; }

    #SearchForm { padding-left: 0; width: 45% !important; }

    .bgGreen p { width: 100%; }

    #Spotlight { width: 300px; }

    #HomeContacts .row .col-md-6 { padding: 0; margin-right: 5px; width: 49%; }

    #ProductsIndex .listing .product img { width: 250px; }

    #ProductsIndex .menu a { font-size: 13px; }

    #MobMenuBtn { display: none; }
    #MobMenu { display: none; }

    #NewsletterForm .form-group { width: 50%; }
    .bgDarkgray .form-control { width: 95%; }

    #ProductsIndex .prods .product-detail { padding: 0; }
    #ProductsIndex .listing .product .prod-box .col-md-3 { padding: 0; }

    #ProductsIndex .listing .product .prod-box .col-md-6 { }

    #ProductsIndex .listing .product .description { padding-left: 10px; }
    #ProductsIndex .listing .product .desc { padding-left: 10px; }
    #ProductsIndex .listing .product .section-price { margin-top: 54px; }
    #ProductsIndex .menu .main-category > a { font-size: 13px; padding-top: 20px; padding-bottom: 10px; }
    #ProductsIndex .menu { padding-left: 0; padding-right: 0; }
    #ProductsIndex .listing .product .bgblue { padding: 0; }
    #ProductsIndex .prods .product-detail .nav-tabs { margin-top: 20px; }
    #ProductsIndex .listing .product .product-actions { width: 157px; display: inline-block; vertical-align: middle; margin: auto; margin-left: 28px; }

    #ProductsIndex .listing .product .prodDesc { width: 100% !important; }

    #SearchForm .btn-search { left: -28px; }

    body .sliders .horizontal-slider .col-md-3 { width: 33.333%; margin-bottom: 30px; }
    body .sliders .horizontal-slider { display: block; }
    body .sliders h2 { margin-left: 20px; }
    #HomeIndex .sliders .horizontal-slider .product { display: block; width: 210px; }
}

@media (max-width: 992px) {
    .col-md-5ths { width: 32.333333%; float: left; display: inline-block; }
    #Header .menu-desk { display: block; }
    #MobMenuBtn { display: none; }
    #MobMenu { display: none; }
    #Header .menu .col-md-2 { display: inline-block; float: left; font-size: 12px; }
    #ProductsIndex .menu { width: 25%; float: left; display: inline-block; }
    #ProductsIndex .prods { width: 75%; float: left; display: inline-block; }
    #ProductsScroll .product .prod-box .col-md-3 { width: 25%; float: left; display: inline-block; }
    #ProductsScroll .product .prod-box .col-md-6 { width: 50%; float: left; display: inline-block; }
    #ProductsIndex .listing .product .section-price { margin-top: 5px; }
    #ProductsScroll .product .prod-box .product-top img { width: 120px; height: auto; }
    #Header .top ul { padding-left: 0; }
        #Header .top ul li { padding: 0 15px; }
    body .sliders { padding: 0 30px; }
    .bgGreen { padding: 0 30px; }
    .bgDarkgray { background-color: #3A4346; display: block; height: 150px; line-height: 150px; padding: 0; padding-left: 60px; padding-right: 0px; }
    #Footer { margin-left: 30px; }
    #HomeIndex .bgGreen .col-md-8 { width: 50%; margin-bottom: 20px; }
        #HomeIndex .bgGreen .col-md-8 .row .col-md-4 { width: 33.222222%; }
    #HomeIndex .bgGreen .col-md-4.text-center { width: 100%; margin-top: 20px; }
    #HomeIndex .bgGreen a { width: 100%; margin-bottom: 5px; }
    #PhoneSlider { margin-top: 20px; display: block; width: 400px; margin: auto; height: 350px; overflow: hidden; background: none; }
    .bgGreen .box-gray .text { font-weight: 300; font-size: 20px; line-height: 25px; padding-left: 93px; display: block; text-align: center; position: relative; top: 21px; }
    .row.bgDarkgray .col-md-6 { width: 50%; display: inline-block; float: left; }
    .bgDarkgray .btn-success { width: auto !important; }
    #NewsletterForm .form-group { width: 60%; }
    #NewsletterForm .btn-success { font-weight: 400; font-size: 16px; font-family: 'Roboto'; vertical-align: middle; background: #6BB52B; position: relative; right: 0 !important; top: 0; }

    #Footer .col-md-3 { width: 25%; display: inline-block; float: left; }
    #Footer .col-md-5 { width: 75%; display: inline-block; float: left; }
    #Footer .col-md-4 { width: 100%; display: inline-block; float: left; }
    #Footer .copyright { font-weight: 300; font-size: 12px; }
    #nav li li { border-left: 0px solid #fff; list-style: none; outline: none; text-align: left; display: block; float: left; width: 33%; }
    #ProductsIndex .index-content .product { width: 230px; }
    body .sliders .horizontal-slider .col-md-3 { width: 50%; margin-bottom: 30px; float: left; display: inline-block; }
    #ProductsIndex .listing .product .product-actions { margin-left: 0; }
    #ProductsElectronic .col-md-3 { margin-bottom: 20px; width: 33.33333333%; }
    body .sliders .horizontal-slider .product { width: 215px; }
    body .sliders .horizontal-slider .link { height: 54px; }
    #AccountIndex .col-md-6 { padding: 0; }
    #Header .form-inline { padding-left: 0; width: 70%; }
    #Header .social { display: none; }
    #HomeIndex .sliders .horizontal-slider .product { display: block; width: 180px; }
    body .sliders { padding: 0 !important; }
}


/*****************************************************************
    Medium Devices
*****************************************************************/
@media (max-width: 800px) {
    .col-md-5ths { width: 50% !important; float: left; display: inline-block; }
    #Spotlight { display: none; }
    #BasketInfo { text-align: right; margin-bottom: 20px; }
    #Header .middle .shop .total-shop { margin: 0; font-size: 25px; }
    #ZCmsContent { padding: 0; }
    body .sliders { padding: 0 5px !important; }
    .btn.btn-info.pull-right { float: none; }
    .bgGreen { padding-left: 5px; padding-right: 5px; }
        .bgGreen .col-md-6 { width: 100%; float: left; display: inline-block; margin-bottom: 20px; }
        .bgGreen .box-gray { vertical-align: middle; }
    .bgDarkgray { padding-left: 5px; padding-right: 5px; height: auto; }
        .bgDarkgray h4 { display: block; margin: 25px 0; text-align: center; }
    body .wrapper { padding: 0 5px; }

    #LoginModal .modal-dialog { width: auto; }
    #SearchForm { margin-left: 50px !important; width: 100% !important; }
        #SearchForm .btn-search { left: -36px; top: 25px; font-size: 24px; }
    #Header .form-inline .form-control { width: 100%; }

    #Footer .wrapper { padding: 5px; }
    #Footer hr { margin-bottom: 15px; }
    #Footer .copyright { display: block; text-align: center; }
    #Footer ul { display: block; text-align: center; position: relative; margin-top: 10px; padding: 0; width: 100%; }
    #Footer .logo { margin-top: 10px; }
    #HomeIndex .bgGreen .info { padding-top: 20px; text-align: center; }
    #HomeContent, #BasketCheckout { margin-left: 45px; padding: 0 10px; }
    #AccountRegister, #AccountOrder { margin-left: 45px; padding: 0 10px; }
    #AccountIndex { margin-left: 45px; padding: 0 10px; padding-bottom: 15px; }
    #HomeContacts { margin-left: 45px; }
        #HomeContacts h1 { font-size: 24px; margin: 15px 0; }
        #HomeContacts .col-md-4 { width: 40%; float: left; display: inline-block; }
        #HomeContacts .col-md-8 { width: 60%; float: left; display: inline-block; }
        #HomeContacts .text-right { text-align: left; }
        #HomeContacts .bgDarkgray h4 { text-align: center; margin-bottom: 0; }
        #HomeContacts .row .col-md-6 { width: 100%; }
        #HomeContacts .form-inline { width: 100%; text-align: center; margin-top: -20px; }
            #HomeContacts .form-inline .form-group { display: inline-block; width: 66%; }
            #HomeContacts .form-inline input { width: 95%; }
            #HomeContacts .form-inline button { display: inline-block; }
    #ProductsIndex { margin-left: 45px; }
        #ProductsIndex .listing .product .description { padding: 0; font-size: 12px; }
        #ProductsIndex .listing .product .desc { padding: 0; }
        #ProductsIndex .listing .product .section-price { margin-top: 36px; }
        #ProductsIndex .prod-box .col-md-3 { width: 30%; float: left; display: inline-block; }
        #ProductsIndex .prod-box .col-md-6 { width: 40%; float: left; display: inline-block; }
        #ProductsIndex .listing .product .product-top img { width: 100px; height: auto; }
        #ProductsIndex .listing .product .ref { margin-bottom: 74px; }
        #ProductsIndex .listing .product .bgblue { padding: 0; display: inline-block; }
    .productSliderNav .slides img { width: 70px; height: auto; }
    #ProductsIndex .listing .product .prodDesc { width: 100% !important; }
    #ProductsIndex .prods .product-detail .col-md-7 { width: 100%; float: left; display: inline-block; }
    #ProductsIndex .prods .product-detail .col-md-5 { width: 100%; float: left; display: inline-block; }
    #ProductsIndex .prods .product-detail .nav-tabs { margin-bottom: 30px; }
    #ProductsIndex .prods { width: 70%; float: left; display: inline-block; }
    body .sliders .horizontal-slider .product { width: 226px; height: 330px; }
        body .sliders .horizontal-slider .product .box { height: 150px; }
        body .sliders .horizontal-slider .product .show-details a { line-height: 150px; }
    #Footer .col-md-3, #Footer .col-md-5 { width: 100%; text-align: center; }
    #Footer .logo { margin-right: 0; }
    #Footer .contact { text-align: center; }
    body .sliders .horizontal-slider .link { height: 70px; }
    #ProductsElectronic { margin-bottom: 20px; margin-top: 170px; }
    .bgDarkgray .form-control { height: 28px; }
    .row.bgDarkgray .col-md-6 { width: 100%; }
    .bgDarkgray .btn-success { height: 30px; line-height: 15px; }
    #NewsletterForm .form-group { width: 60%; display: inline-block; }
    #NewsletterForm { text-align: center; line-height: 60px; }
    .bgDarkgray h4 { margin-bottom: 0; }
    #ProductsIndex .menu { width: 30%; }
        #ProductsIndex .menu .main-category { margin-bottom: 8px; }
            #ProductsIndex .menu .main-category > a { padding-top: 15px; }
    body .sliders .horizontal-slider .col-md-3 { padding-left: 0; }
    #ProductsIndex .sliders h2 { text-align: center; }
    .bgGreen .box-gray .text { font-weight: 300; font-size: 15px; }
    #Header .middle { padding: 0; }
    .mob .col-sm-4 { width: 33.33333%; }
    #HomeIndex { font-family: 'Roboto'; position: relative; margin-left: 45px; }
    #Step1 form { padding: 0 5px; }
        #Step1 form .form-group { margin-bottom: 0 !important; }
        #Step1 form .row { height: auto !important; line-height: normal !important; }
        #Step1 form span { padding-left: 0; }
    #HomeSlider { height: 37.5vw; }
        #HomeSlider .slides li { height: 37.5vw; background-size: 100% !important; background-position: center top !important; }
            #HomeSlider .slides li h3 { top: 80px; }
    /*#ProductsDetail { margin-left: 45px; }*/
    #Footer .pull-right.zenn { float: none !important; text-align: center; display: block; margin-top: 10px; }
    #NewsletterForm .btn-success { font-weight: 400; font-size: 16px; font-family: 'Roboto'; vertical-align: middle; background: #6BB52B; position: absolute; right: 0 !important; top: 17px !important; }
}

/*****************************************************************
    Smartphones
*****************************************************************/

@media (max-width: 799px) {
    .col-md-5ths { width: 33.22222% !important; float: left; display: inline-block; }
    .menuMobile { position: relative; height: 50px !important; line-height: 50px !important; background-color: #60B830; }
    body .sliders .horizontal-slider .col-md-3 { padding-left: 5px; padding-right: 5px; width: 100%; }

    #Header { display: block; margin-left: 0; background-color: #EDEDED; font-family: 'Roboto'; top: 0; z-index: 20; height: auto; width: 100%; }
        #Header .btn-style { padding: 15px 15px; }
        #Header .create-account { display: none; }
        #Header .form-inline .checkbox { display: none; }
        #Header .form-inline .form-control { font-size: 13px; }
        #Header .form-inline .form-group { display: inline-block; float: left; width: 26%; margin-right: 0; padding: 10px 0; }
        #Header .form-inline a { font-size: 12px; margin: 0; text-align: center; display: inline-block; }
        #Header .form-inline.full { display: none !important; }
        #Header .loginMob { display: block; font-size: 22px; position: absolute; right: 15px; top: 1px; }
            #Header .loginMob a { color: white; font-size: 24px; }
        #Header .menu-desk { display: none; }
        #Header .middle .logo { background: url('/Content/app/images/sprites.png') -580px -2px; width: 148px; height: 75px; display: inline-block; margin-left: 0; vertical-align: middle; }
        #Header .middle .shop .show-more { display: none; }
        #Header .middle .shop .total-shop { font-size: 14px; margin: 0 5px; }
        #Header .middle { display: block; height: auto; line-height: 100px; position: relative; }
        #Header .social .circle { display: inline-block; width: 27px; height: 27px; }
            #Header .social .circle.lightblue a .fa-twitter { left: 4px; top: 4px; }
        #Header .social { margin-right: 0; line-height: 0; margin-top: 0px; }
        #Header .social,
        #Header .top { display: none; }
            #Header .top ul { display: none; }
        #Header span.pull-right { position: relative; top: 0; right: 36px; }

    #HeaderLoginForm .loginDesk { display: none; }
    #HeaderLoginForm .loginMob { display: block; position: absolute; top: 7px; left: 0; right: 0; width: 100%; margin: auto; }
        #HeaderLoginForm .loginMob a .fa { font-size: 34px; color: #60B830; }
        #HeaderLoginForm .loginMob a { text-align: right; }

    #HomeIndex { margin-top: 0; margin-left: 0; }
        #HomeIndex .sliders .horizontal-slider .product { display: block; width: 200px; }

    #HomeSlider { height: 37.5vw; }
        #HomeSlider .flex-control-nav { display: none; }
        #HomeSlider .slides li { height: 37.5vw; background-size: 100% !important; background-position: center top !important; }
            #HomeSlider .slides li a { display: none; }
            #HomeSlider .slides li h3 { font-size: 20px; }
            #HomeSlider .slides li h4 { font-size: 15px; }

    #MobMenu { display: none; background: #666; margin: 0; text-align: left; padding: 0 20px; position: fixed; width: 100%; position: relative; z-index: 11; }
        #MobMenu li { display: block; padding: 0 !important; font-size: 13px; font-weight: 700; }
            #MobMenu li a { display: block; color: white; text-transform: uppercase; font-size: 14px; line-height: 33px; }
    #MobMenuBtn { display: block; font-size: 22px; padding-left: 20px; color: white; cursor: pointer; }
        #MobMenuBtn > i { padding-right: 10px; }

    #navigation { display: none; }

    #NewsletterForm .btn-success { font-weight: 400; font-size: 16px; font-family: 'Roboto'; vertical-align: middle; background: #6BB52B; position: relative; right: 0 !important; top: 0 !important; }

    #ProductsIndex { margin-left: 0; margin-top: 0; }

    #SearchFormMobile { display: block; position: relative; height: 50px; background: white; }
        #SearchFormMobile .btn-search { position: absolute; left: 0; top: 0; width: 45px; height: 100%; display: inline-block; text-align: right; font-size: 20px; line-height: 50px; color: #60B830; }
        #SearchFormMobile .form-group { margin-bottom: 0; }
        #SearchFormMobile input[type="text"] { height: 50px !important; line-height: 30px; background: none !important; border: none !important; border-radius: 0; outline: none !important; box-shadow: none !important; font-size: 18px !important; vertical-align: middle; color: #60B830; width: 100%; padding: 5px 0; padding-left: 55px; margin: 0; }

    #SectionLeft { display: none; }
}

@media (max-width: 675px) {
    body .sliders .horizontal-slider .col-md-3 { padding-left: 5px; padding-right: 5px; width: 100%; }
    body .sliders .horizontal-slider .flex-next { top: -75px; }
    body .sliders .horizontal-slider .flex-prev { top: -75px; }
    body .sliders .horizontal-slider .product { width: 175px; height: 345px; }
        body .sliders .horizontal-slider .product > p { height: 54px; }
    body .sliders h2 { font-size: 30px; margin-left: 15px; }

    .breadcrumb { padding-left: 20px; }
    .menuMobile { position: relative; height: 50px !important; line-height: 50px !important; background-color: #60B830; }
    .productSliderNav { display: none; }
    
    #AccountIndex { margin-left: 0; padding: 0; padding-bottom: 15px; margin-top: 0; }
    #AccountRegister, #AccountOrder { margin-left: 0; padding: 0; margin-top: 107px; }
    #BasketInfo { right: 10px; width: 100px; }

    #Footer { margin-left: 0; }

    #FormContacts .row { margin: 0 !important; }
    #FormContacts { margin-bottom: 20px; }

    #Header { display: block; margin-left: 0; background-color: #EDEDED; font-family: 'Roboto'; top: 0; z-index: 20; height: auto; width: 100%; }
        #Header .btn-style { padding: 15px 15px; }
        #Header .create-account { display: none; }
        #Header .form-inline .checkbox { display: none; }
        #Header .form-inline .form-control { font-size: 13px; }
        #Header .form-inline .form-group { display: inline-block; float: left; width: 26%; margin-right: 0; padding: 10px 0; }
        #Header .form-inline a { font-size: 12px; margin: 0; text-align: center; display: inline-block; }
        #Header .loginMob { display: block; font-size: 22px; position: absolute; right: 15px; top: 1px; }
            #Header .loginMob a { color: white; font-size: 24px; }
        #Header .menu-desk { display: none; }
        #Header .middle .logo { background: url('/Content/app/images/sprites.png') -580px -2px; width: 148px; height: 75px; display: inline-block; margin-left: 0; vertical-align: middle; }
        #Header .middle .shop .show-more { display: none; }
        #Header .middle .shop .total-shop { font-size: 14px; margin: 0 5px; }
        #Header .middle { display: block; height: auto; line-height: 100px; position: relative; }
        #Header .social .circle { display: inline-block; width: 27px; height: 27px; }
            #Header .social .circle.lightblue a .fa-twitter { left: 4px; top: 4px; }
        #Header .social { margin-right: 0; line-height: 0; margin-top: 0px; }
        #Header .social, #Header .form-inline.full { display: none !important; }
        #Header .top { display: none; }
            #Header .top ul { display: none; }
        #Header span.pull-right { position: relative; top: 0; right: 36px; }

    #HeaderLoginForm .loginDesk { display: none; }
    #HeaderLoginForm .loginMob { display: block; position: absolute; top: 7px; left: 0; right: 0; width: 100%; margin: auto; }
    #HeaderLoginForm .loginMob { display: block; position: absolute; top: 7px; left: initial; right: 0; width: 40px; margin: auto; }
        #HeaderLoginForm .loginMob a .fa { font-size: 34px; color: #60B830; }
        #HeaderLoginForm .loginMob a { text-align: right; }

    #HomeContacts { margin-left: 0; margin-top: 0; }
        #HomeContacts .col-md-4 { width: 100%; }
        #HomeContacts .col-md-8 { width: 100%; float: left; display: inline-block; }
        #HomeContacts .hour { padding-left: 20px; padding-bottom: 30px; }

    #HomeContent h1 { text-transform: uppercase; font-size: 30px; text-align: center; font-weight: 300; color: #333333; margin: 0; }
    #HomeContent,
    #BasketCheckout { margin-left: 0; padding: 0; margin-top: 107px; }

    #HomeIndex { margin-top: 0; margin-left: 0; }
        #HomeIndex .bgGreen .col-md-8 .row .col-md-4 { width: 100%; }
        #HomeIndex .sliders .horizontal-slider .product { display: block; width: 170px; }

    #HomeSlider { height: 37.5vw; }
        #HomeSlider .flex-control-nav { display: none; }
        #HomeSlider .slides li { height: 37.5vw; background-size: 100% !important; background-position: center top !important; }
            #HomeSlider .slides li a { display: none; }
            #HomeSlider .slides li h3 { font-size: 20px; top: 80px; }
            #HomeSlider .slides li h4 { font-size: 15px; }

    #MobMenu { display: none; background: #666; margin: 0; text-align: left; padding: 0 20px; position: fixed; width: 100%; position: relative; z-index: 11; }
        #MobMenu li { display: block; padding: 0 !important; font-size: 13px; font-weight: 700; }
            #MobMenu li a { display: block; color: white; text-transform: uppercase; font-size: 14px; line-height: 33px; }
    #MobMenuBtn { display: block; font-size: 22px; padding-left: 20px; color: white; cursor: pointer; }

    #navigation { display: none; }

    #PhoneSlider { width: 100%; }

    #ProductsElectronic .col-md-3 { margin-bottom: 20px; width: 100%; }

    #ProductsIndex { margin-top: 0; margin-left: 0; }
        #ProductsIndex .breadcrumb { display: none; }
        #ProductsIndex .index-content .product { width: 100%; }
        #ProductsIndex .listing .product .bgblue .btn.btn-success { display: inline-block; margin: auto; }
        #ProductsIndex .listing .product .bgblue .item { margin-right: 5px; display: inline-block; vertical-align: top; }
        #ProductsIndex .listing .product .bgblue { }
        #ProductsIndex .listing .product .btn.btn-success { display: block; margin: auto; }
        #ProductsIndex .listing .product .description { padding: 0; font-size: 12px; font-weight: 700; position: absolute; top: -220px; /* text-align: center; */ left: 0; /* right: 0; */ /* margin: auto; */ }
        #ProductsIndex .listing .product .prod-box .det { width: 50% !important; position: relative; top: 77px; }
        #ProductsIndex .listing .product .product-actions { width: 60%; }
        #ProductsIndex .listing .product .product-top { text-align: center; margin-top: 50px; }
            #ProductsIndex .listing .product .product-top img { width: 200px; height: auto; text-align: center; }
        #ProductsIndex .listing .product .ref { margin-bottom: 10px; }
        #ProductsIndex .listing .product .section-price { margin-top: 5px; }
        #ProductsIndex .menu .main-category { margin-bottom: 0; }
            #ProductsIndex .menu .main-category.active > a { margin-bottom: 0; }
        #ProductsIndex .menu { width: 100%; float: left; display: inline-block; padding: 0; }
            #ProductsIndex .menu a { padding: 12px 15px; }
        #ProductsIndex .prods .listing { margin-top: 0; }
        #ProductsIndex .prods .prod-box .col-md-3 { padding: 0; width: 100% !important; }
        #ProductsIndex .prods .product-detail .col-md-5 { padding: 0; }
        #ProductsIndex .prods .product-detail .col-md-7 { padding: 0; }
        #ProductsIndex .prods .product-detail h2 { font-size: 20px; }
        #ProductsIndex .prods { width: 100%; float: left; display: inline-block; padding: 0; margin-top: 0; }

    #ProductsScroll .product .prod-box .col-md-6 { width: 50%; float: left; display: inline-block; padding: 0; }

    #SectionLeft { display: none; }

    #Spotlight { display: none; }
}

@media (max-width: 568px) {
    body .sliders { padding: 0 !important; }
    .col-md-5ths { width: 50% !important; float: left; display: inline-block; }
    #ProductsScroll .product .prod-box .col-md-3 { width: 100%; float: left; display: inline-block; }
    #ProductsIndex .listing .product .product-top { text-align: center; }
    body .sliders .horizontal-slider .product { width: 95%; height: 345px; }
    #HomeSlider { height: 37.5vw; }
        #HomeSlider .slides li { height: 37.5vw; background-size: 100% !important; background-position: center top !important; }
            #HomeSlider .slides li h3 { top: 60px; }
    #HomeIndex .sliders .horizontal-slider .product { display: block; width: 200px; }
}

@media (max-width: 418px) {
    .col-md-5ths { width: 100% !important; float: left; display: inline-block; }
    #ProductsScroll .product .prod-box .col-md-3 { width: 100%; float: left; display: inline-block; }
    #ProductsIndex .listing .product .product-top { text-align: center; }
    .bgGreen .col-md-6 { padding: 0; }
    #PhoneSlider { display: inline-block; height: 350px; overflow: hidden; background: none; }
    #ProductsScroll .product .prod-box .col-md-6 { width: 100%; float: left; display: inline-block; padding: 0; }
    #HomeIndex .sliders .horizontal-slider .product { display: block; width: 250px; }
    #ProductsIndex .listing .product .prod-box .det { width: 100% !important; position: relative; top: 0; text-align: center; }
    #ProductsIndex .listing .product .ref.pull-right { float: none !important; text-align: center; }
    #ProductsIndex .listing .product .btn.btn-success.pull-right { float: none !important; }
}

@media (max-width: 320px) {
    .bgGreen .col-md-6 { padding: 0; }
    #PhoneSlider { display: inline-block; height: 350px; overflow: hidden; background: none; }
    .col-md-5ths { width: 100% !important; float: left; display: inline-block; padding: 0; }
    #BasketInfo .fa-shopping-cart { font-size: 21px; }
    #Header .middle .shop .total-shop { display: inline-block; text-align: left; font-size: 12px; margin: 0; }
}