@media (min-width: 1366px) {
canvas.ice-ani{height:350px !important}
    #specialbox {
        padding-top: 100px;
        height: 465px !important
    }

   .certification{text-align: left;/*margin-left: 26.545%*/}

   .certification img{margin-left: 0;margin-right: 10px;}

   .navbar .navbar-brand{width: 280px}

}
@media (min-width: 1440px){
canvas.ice-ani{height:465px !important}
#specialbox {
        padding-top: 100px;
        height: 465px !important
    }

}
@media (min-width:769px ) and (max-width: 1366px) {
.bp-banner h1, .red-band p{
    font-size: 26px
}
}
@media (max-width: 990px) {

    .container {

        width: 970px;

    }

    

}

@media (max-width: 768px){

    body, footer, .info-box p{font-size: 14px}

    .navbar-toggle{margin-top: 23px}

    .navbar-toggle.collapsed{margin-top: 22px}

    .navbar-toggle.collapsed{}

    .navbar-toggle .icon-bar:nth-child(2){transform: rotate(45deg) }

    .navbar-toggle .icon-bar:nth-child(3){transform: rotate(135deg);margin-top: -2px}

    .navbar-toggle.collapsed .icon-bar:nth-child(2){transform: rotate(0deg) }

    .navbar-toggle.collapsed .icon-bar:nth-child(3){transform: rotate(0deg);margin-top: 4px}

    .navbar-toggle .icon-bar:nth-child(4){transform: rotate(135deg);margin-top: -2px;opacity: 0}

    .navbar-toggle.collapsed .icon-bar:nth-child(4){transform: rotate(0deg);margin-top: 4px;opacity: 1}

    .navbar-toggle .icon-bar{border-bottom: 1px solid #29779B}

    #navbar-collapse{background: #fff;margin-top: 0}

    .navbar .navbar-nav{margin: 0;padding-top: 20px}

    .navbar #navbar-collapse li{border-top: 1px solid #ddd;height: auto}

    .navbar #navbar-collapse li > a{padding:15px 20px;line-height: normal}

    .navbar #navbar-collapse li > a i{display: none}

    .container {width: 760px;max-width: 100%}

    #specialbox .modal{text-align: left}

    #specialbox .section-text{font-size: 22px;line-height: 30px;margin-bottom: 10px}

    #specialbox a.round-btn {height: 55px;line-height: 55px;font-size: 20px;margin: 10px 0;min-width: 90%;}

    #specialbox a.round-btn i.fa{vertical-align: middle}

    #specialbox .text{}

    .box-button span{width: 45%}

    #specialbox .text span i.fa{font-size: 20px}

    .swhocase .show-content{font-size:18px;line-height:28px }

    .swhocase .show-content p{margin-bottom: 0}

    .swhocase img, .info-box img{width: 100%}

    .info-box,  #specialbox{padding-top: 30px;}

    .info-box p{line-height: 24px}

    .promo-section{padding-top: 30px;padding-bottom: 10px}

    .promo-section ul li{width: 100%;margin-left: 0;margin-bottom: 20px;min-height: inherit}

    .info-box h2{font-size: 24px}

    .to-call p{text-align: center;font-size: 15px}

    .to-call br{display: block}

    .to-call a{font-size:16px }

    .to-call .pull-right{float: none !important;margin-top: 15px}

    footer{padding-top:30px }

    footer .row .col-xs-12, .certification{text-align: center}

    .sitemap div{/*width: 100%;*/ float: none !important;text-align: center}

    #buy .modal-dialog{margin-top: inherit;top: inherit;width: 94%;max-width: 600px}

    .form-group.no-margin{text-align: center}

    .navbar-toggle.collapsed {
        margin-top: 22px;
    }
    .about-advantages-main-container > div.col-md-6 {margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px solid #ddd}
    .about-advantages-main-container > div.clearfix{display: none}
    .about-advantages-box{text-align: center}
    .about-advantages-box > span, .about-advantages-box > .content-wrpr{float: none}
    .about-advantages-box > .content-wrpr{width: 100%;margin-left: 0}
    .technology footer{border-top: none;padding-top: 10px}

}    

@media (max-width: 480px) {

    #buy .modal-title{font-size: 20px;margin-bottom: 20px}

    #specialbox a.round-btn{font-size:14px; }

    #specialbox a.round-btn .glyphicon, #specialbox a.round-btn .fa {font-size: 19px;}

    #specialbox .text{font-size: 13px}

    .swhocase .show-content{padding: 20px}

    footer .site-nav {
        margin-bottom: 15px;
    }

    .copyright p {
        font-size: 12px;
    }

}

@media (min-width:768px) and (max-width:1169px) {
    .navbar #navbar-collapse li {
        border-top: none;
    }

    .navbar #navbar-collapse li > a {
        padding: 20px 10px;
        font-size: 12px;
    }
    
   /* .navbar .navbar-nav {
        padding-top: 30px;
    }*/
   
   .navbar #navbar-collapse li{padding: 0 10px}
   .navbar #navbar-collapse li > a{padding: 0}
   canvas.ice-ani{max-height:350px}
    
} 

@media (max-width:1169px) {

    #specialbox {
        padding-top: 100px;
    }

   .navbar .navbar-brand span {
        font-size: 15px;
   } 

   #specialbox a.round-btn {
        font-size: 15px;
        height: 40px;
        line-height: 40px;
        max-width: 400px;
        min-width: initial;
   }

   #specialbox a.round-btn .glyphicon, #specialbox a.round-btn .fa {
        font-size: 16px;
   }

   .box-button {
        margin-top: 20px;
   }

   #specialbox .text {
        font-size: 18px;
   }
} 


@media (max-width:992px) {
    .scroll-down-home-banner{display: none}
    .info-box {
        padding-bottom: 30px;
    }

    .swhocase {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    footer .fa {
        display: block;
        margin-bottom: 5px;
        margin-top: 10px;
    }

    .to-call a {
        display: block;
        max-width: 200px;
        margin-left:auto;
        margin-right:auto;
    }

    .certification img {
        margin-right: 10px;
        margin-left: 10px;
    }

    .swhocase .col-xs-12 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hm-page-ice-van-image {
        margin-left:auto;
        margin-right:auto;
        display: block;
        max-width: 400px;
        height: auto;
    }

    .swhocase .show-content {
        padding: 1em;
    }
} 


@media (min-width:600px) and (max-width:992px) {
    .swhocase .col-xs-12 {
        float: left;
        width: 50%;
    }

    .swhocase > .row > div:nth-of-type(3) {
        clear: both;
        display: none;
    }
} 

@media (max-width:600px) {
    #specialbox {
        padding-top: 80px;
    }

    .box-button span {
        width: 100%;
        padding: 10px;
        font-size: 14px;
    }

    #specialbox .text > span:nth-of-type(2) {
        margin-top: 5px;
        margin-left: 0;
        border-left: 1px solid #1373b7;
    }

    #specialbox a.round-btn {
        display: block;
        max-width: initial;
        margin-left:auto !important;
        margin-right:auto !important;
        min-width: 280px;
    }

    #specialbox a.round-btn.buy {
        margin-left: 0;
    }
} 

@media (min-width:992px) {
   /* .copyright br {
        display: none;
    }*/
} 

@media (max-width:448px) {

    .navbar .navbar-brand {
        width: 240px;
    }

    #specialbox .section-text strong {
        font-size: 14px;
    }

    #specialbox {
        padding-top: 25px;
    }

    #specialbox .section-text {
        font-size: 18px;
    }
} 

@media (max-width:1920px) {
    .scroll-down-home-banner {
        /*display: none;*/
    }
} 

@media (min-width:2300px) {
    #specialbox {
        padding-top: 150px;
    }
}
@media (min-width: 1100px) {
    .benefits-box .container{min-width:1024px;text-align: center}
    .benefits-box .container .col-md-3{width: 140px;margin: 0 0 15px;display: inline-block;float: none;vertical-align: top}

}