/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    .nav > li > a{
        padding-left: 14px;
        padding-right: 14px;
    }
    .about-content p:not(:last-child){
        margin-bottom: 15px;
    }
    .ts-title{
        margin-bottom: 20px;
    }
    .ts-content{
        margin-bottom: 35px;
    }
    .ts-item:after{
        right: 100px;
    }
    .about-image img {
        margin: 0 auto;
    }
    .about-image{
        max-width: 65%;
        margin: 0 auto 10px;
    }
    .footer-contacts{
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .social{
        margin-top: 0;
    }
    footer h4{
        margin: 15px 0;
    }
    .panel-title a,
    .panel-body li a{
        font-size: 12px;
    }
    .founder-info p{
        font-size: 12px;
    }
    .accordion-tabs li.tab-head-cont div img{
        margin: 0 0 20px 20px;
    }
    .product-about h4{
        margin-right: 100px;
    }


    .nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .two-form__left {
        width: 280px;
    }

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .navbar .navbar-nav > li > a,
    .sub-menu li a{
        font-size: 14px;
    }
    .nav > li > a,
    .sub-menu li a{
        padding-left: 10px;
        padding-right: 10px;
    }
    .logo{
        max-width: 25%;
    }
    .header-content{
        padding-left: 20px;
    }
    .header-content.flex{
        flex-flow: row wrap;
    }
    .call-size-btn{
        padding: 5px 15px;
        font-size: 10px;
    }
    .search-box input {
        height: 26px;
        line-height: 26px;
        padding-left: 15px;
        font-size: 10px;
        border-radius: 13px;
    }
    .header-phone{
        font-size: 14px;
    }
    .call-back-btn{
        font-size: 10px;
    }
    .header-contact{
        margin-bottom: 0;
    }
    .news-item img,
    .news-title{
        margin: 0 auto;
    }
    .news-title{
        max-width: 505px;
    }
    .about-image{
        margin-bottom: 15px;
    }.odds{
    padding-bottom: 20px;
         }
    .odds .flex{
        flex-flow: row wrap;
    }
    .odds-list{
        margin: 30px auto;
    }
    .ts-content {
        padding: 2% 0 3% 2%;
        margin-bottom: 10px;
    }
    .ts-title{
        font-size: 18px;
    }
    .ts-content p{
        font-size: 12px;
    }
    .user-box{
        min-width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .user-avatar img{
        margin: 0 auto;
    }
    .review-text{
        max-width: 100%;
        margin-top: 10px;
    }
    .address-card li{
        font-size: 12px;
    }
    .address-title{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .address-card ul{
        margin-bottom: 20px;
    }
    .gallery-item{
        max-width: 480px;
        margin: 0 auto 45px;
    }
    main{
        position: relative;
    }
    .sidebar .product-item{
        margin-top: 0;
    }

    .nav > li > a, .sub-menu li a {
        padding-left: 7px;
        padding-right: 7px;
    }

    #form-pay .input-form {
        width: 230px;
    }

    .two-form__left {
        width: 230px;
    }

    .two-form__right {
        width: 415px;
    }
    
    
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    .steps-list.flex{
        flex-flow: row wrap;
    }
    .steps-list li{
        width: 30%;
        margin-bottom: 30px;
    }
    .step-title{
        margin-top: 15px;
    }
    .steps-list li:not(:last-child) i:after{
        width: 135%;
        right: -135%;
    }
    .steps-list li:nth-child(3) i:after{
        display: none;
    }
    .product-price,
    .product-category,
    .news-title span,
    .about-content p{
        font-size: 12px;
    }
    .stock-title span,
    .stock-date{
        font-size: 10px;
    }
    .section-title{
        font-size: 20px;
    }
    .odds .section-title{
        margin-bottom: 20px;
    }
    .odds-title{
        font-size: 14px;
    }
    .odds-content{
        font-size: 10px;
    }
    .order-form{
        text-align: center;
    }
    .order-form .form-group:nth-child(2){
        padding: 0;
    }
    .order-form .form-group{
        width: 100%;
        max-width: 320px;
        margin: 0 auto 15px;
    }
    .ts-title{
        margin-bottom: 80px;
    }
    .ts-item{
        min-height: 310px;
    }
    .ts-content{
        max-width: 40%;
        position: absolute;
        left: -60%;
        top: 0;
        height: 100%;
        transition: all 0.8s ease;
    }
    .ts-item:after{
        opacity: 0;
        transition: all 0.8s ease;
    }
    .ts-item:hover .ts-content{
        left: 0;
        transition: all 0.8s ease;
    }
    .ts-item:hover:after{
        opacity: 1;
        transition: all 0.8s ease;
    }
    .read-more {
        font-size: 14px;
        padding: 5px 20px;
    }
    .nav>li:first-child a{
        padding-left: 10px;
    }
    .navbar-collapse {
         padding-left: inherit;
         padding-right: inherit;
    }
    .odds-list li:before{
        top: 10px;
        font-size: 20px;
    }
    .odds-list li{
        padding-left: 40px;
    }
    .odds-list li:not(:last-child){
        margin-bottom: 20px;
    }
    .odds-list{
        margin: 10px auto;
    }
    .footer-button{
        margin-bottom: 15px;
    }
    .footer-contacts{
        flex-flow: row wrap;
    }
    .social{
        width: 100%;
        margin-top: 15px;
    }
    .product-item{
        max-width: 480px;
        /*margin: 10px auto;*/
    }
    .product-item a{
        min-height: 240px;
    }
    .footer-copyright .links a,
    .footer-copyright .links{
        font-size: 10px;
    }
    .xs-box {
        float: left;
        overflow: hidden;
        width: 75%;
        vertical-align: middle;
        display: inline-block;
        padding: 15px 0 0;
        margin-left: 22px;
    }
    .xs-box .call-size-btn{
        margin-right: 10px;
    }
    .xs-box .search-box{
        display: inline-block;
        width: 60%;
    }
    .header-content.flex{
        justify-content: flex-end;
    }
    .logo{
        width: 100%;
        max-width: 180px;
    }
    .founder-photo{
        float: left;
        margin-right: 15px;
    }
    .sidebar .catalog-list,
    .sidebar .stock-item{
        max-width: 480px;
        margin: 0 auto;
    }
    .sidebar .section-title{
        margin-bottom: 15px;
        margin-top: 30px;
    }
    .form-slider{
        margin: 0;
    }
    .sidebar .section-title{
        max-width: 480px;
        margin: 30px auto 15px;
    }
    .news-content p{
        font-size: 12px;
    }
    .company-links li{
        margin-bottom: 20px;
    }
    .company-links a,
    .cs-item a{
        margin-bottom: 10px;
    }
    .company-links a i,
    .cs-item a i{
        font-size: 35px;
        line-height: 80px;
        height: 80px;
        width: 80px;
    }
    .company-links li p,
    .cs-item p{
        font-size: 12px;
    }
    .sidebar .product-item{
        margin-top: 22px;
    }
    .product-about > img{
        margin: 0 15px 15px 0;
    }
    .sub-menu-box{
        position: relative;
        right: auto;
        width: auto;
        top: auto;
        background-color: transparent;
    }
    .sub-menu-box .flex{
        flex-flow: row wrap;
    }
    .sub-menu{
        padding-left: 20px;
    }
    .sub-menu li{width: 100%}
    .sub-menu li a{
        font-size: 14px;
        color: #fff;
        padding: 10px 0;
    }
    .m70{
        margin-bottom: 0!important;
    }

    .two-form__left {
        width: 260px;
        margin: 0px auto 29px auto;
        display: block;
        float: none;
    }

    .two-form__right {
        width: 100%;
        text-align: center;
        float: none;
    }


}
@media only screen and (max-width : 650px) {
    .product-about > img{
        margin: 0 0 15px 0;
        float: none!important;
    }
    .product-about h4{
        margin-right: 0;
    }
    .product-about .order-btn{
        position: relative;

    }

}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 600px) {
    .ts-title {
        margin-bottom: 40px;
    }
    .ts-content {
        max-width: 50%;
    }
    .ts-item:after{
        display: none;
    }
    .ts-content{
        background-color: #0c68b1;
        border-right: 2px solid #f4ae34;
    }
    .ts-content p {
        font-size: 10px;
    }
    .company-links{
        flex-flow: row wrap;
        margin: 0;
    }
    .company-links li{
        max-width: none;
        width: 50%;
    }
    .single-news img{
        float: none;
    }



}
@media only screen and (max-width : 480px) {
    .steps-list li{
        width: 45%;
    }
    .steps-list li:nth-child(3) i:after{
        display: block;
    }
    .steps-list li:nth-child(2) i:after,
    .steps-list li:nth-child(4) i:after{
        display: none;
    }
    .stock-title{
        bottom: 10px;
    }
    .stock-title span{
        display: block;
        font-size: 12px;
    }
    .footer-contacts ul:first-child{
        font-size: 10px;
    }
    .product-item a{
        min-height: 170px;
    }
    .dev-links{
        display: block;
    }
    .header-content{
        line-height: 1.2;
    }
    .logo{
        max-width: 140px;
    }
    .xs-box .search-box{
        display: none;
    }
    .xs-box{
        width: 70%;
    }
    .footer-button button{
        font-size: 10px;
        padding: 5px 10px;
    }
    footer .call-size-btn{
        margin-right: 10px;
    }
    .founder-photo{
        float: none;
        margin-right: 0;
    }
    .gallery-item{
        margin: 0 auto 20px;
    }
    .pagination{
        margin: 10px 0;
    }
    .pagination > li > a{
        padding: 3px 6px;
        font-size: 10px;
    }

    .two-form__payment_item-title {
        font-size: 20px;
    }




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

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


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

}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .navbar {
        border-radius: 0;
    }

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

}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .accordion-tabs {
        border: none;
        position: relative;
    }
    .accordion-tabs li.tab-head-cont {
        display: inline;
    }
    .accordion-tabs li.tab-head-cont a {
        display: inline-block;
        vertical-align: baseline;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        border-top: 0;
    }
    .accordion-tabs li.tab-head-cont a.is-active {
        border: 1px solid #dddddd;
        margin-bottom: -1px;
    }
    .accordion-tabs li.tab-head-cont div {
        border-top: 1px solid #ddd;
        float: left;
        left: 0;
        padding: 25px 0 0;
    }

}