/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {


}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1270px) {
    /************** menu *****************/
    #navbar-lg.nav-bar ul {font-size: 0.8rem;}
    #navbar-lg.nav-bar ul li:before {top: -1px;}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    body{font-size: 15px}
    header .bottom {height: 126px;}
    header .bottom .logo{width: 60px}
    header .bottom .logo-2{width: 170px;padding-left: 10px}
    header .bottom .time {margin-top: 13px;}
    /************** menu *****************/
    #navbar-lg.nav-bar ul {font-size: 0.65rem;}
    #navbar-lg.nav-bar ul li:before {top: -1px;}
    section#menu-lg {height: 35px;}

    section#form .sale {font-size: 0.63rem;margin-bottom: 30px}
    section#form .block-form .title {font-size: 1.5rem;}
    section#form .block-form .sub-title {font-size: 0.9rem;margin-bottom: 30px}
    #manufacture .block .title {font-size: 0.6rem}
    #video .block {padding: 0; }
    #reviews .dispute hr {width: 100%;margin-left: 0;}
    .discussion .form .img{display: none}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    body{font-size: 14px}
    header .bottom {height: 108px;}
    header .bottom .logo{width: 40px}
    header .bottom .logo-2{width: 140px;padding-left: 10px}
    header .bottom .slogan .text {font-size: 1rem;margin-top: 22px;}
    header .bottom .time .text {font-size: 1.125rem;}
    header .bottom .time .num {font-size: 3rem;}
    header .bottom .right img {width:100px;margin-top: 18px;}
    /************** menu *****************/
    #navbar-lg.nav-bar ul {font-size: 0.425rem;}
    #navbar-lg.nav-bar ul li:before {top: 0;}
    section#menu-lg {height: 32px;}

    section#form .block.left {margin-left: 3%;}

    section#form .sale {font-size: 0.5rem;margin-bottom: 0}
    section#form .block-form .title {font-size: 1.2rem;}
    section#form .block-form .sub-title {font-size: 0.7rem;margin-bottom: 28px}
    section#form .order .title {font-size: 1.2rem;}
    section#form .order .tel {line-height: 1.4rem;}
    #manufacture .block .title {font-size: 0.6rem}
    #video .block {padding: 0; }
    #reviews .dispute hr {width: 100%;margin-left: 0;}
    .discussion .form .img{display: none}
    section#form .price .old {font-size: 1.1rem;}
    section#form .price .new {font-size: 1.4rem;}
    section#form .order .sub-title {margin-top: 17px;}
    h2 {font-size: 1.6rem;padding-top: 24px;}
    footer .contact div, footer a {font-size: 0.6rem;}
    #list .block-right a {
        font-size: 0.9rem;
    }
    #manufacture .block {display:block;margin-bottom: 16px}
    section#form .counter-title {font-size: 0.8rem;}
    #certificate .wrap-carousel  {
        /**/ width: 96%;
        margin: 0 auto;
    }
    #video{width: 96%}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    section#form{margin-top: 185px}
    section#form .block{width: 80%;margin-left: 10%;}
    section#form .block.left {margin-left: 10%;}
    .btn-default {font-size: 0.8rem;}
    section#form .order .title {font-size: 1rem;}
    section#form .counter-title {font-size: 0.7rem;}
    section#form .block-form .sub-title {margin-bottom: 3px;}

    #manufacture .block .title {font-size: 1.1rem;}
    #link .block-link{padding-bottom: 20px;border-bottom: 1px #494949 solid}
    #seo h4 { font-size: 1rem;}
    #reviews .top .right {text-align: right}
    #reviews .enter-more .block-xs{display: block}
    #reviews .enter-more .title { font-size: 0.675rem;}
    footer {text-align: center}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 490px) {
    .slogan-main{display: none}
    section#form {margin-top: 380px; }
    #list .block-right a {
        font-size: 0.7rem;
    }

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}