@media (min-width: 1200px) /* lg*/ {
    .container {
        width: 1170px;
    }
    /* .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
         padding-left: 8px;
         padding-right: 8px;
     }*/
    .col-lg-80 {
        width: 80% !important;
    }
    .col-lg-78 {
        width: 78% !important;
    }
    .col-lg-77 {
        width: 77% !important;
    }
    .col-lg-75 {
        width: 75% !important;
    }
    .col-lg-72 {
        width: 72% !important;
    }
    .col-lg-70 {
        width: 70% !important;
    }
    .col-lg-60 {
        width: 60% !important;
    }
    .col-lg-575 {
        width: 57.5% !important;
    }
    .col-lg-57 {
        width: 57% !important;
    }
    .col-lg-565 {
        width: 56.5% !important;
    }
    .col-lg-55 {
        width: 55% !important;
    }
    .col-lg-46 {
        width: 46% !important;
    }
    .col-lg-45 {
        width: 45% !important;
    }
    .col-lg-44 {
        width: 44% !important;
    }
    .col-lg-43 {
        width: 43% !important;
    }
    .col-lg-40 {
        width: 40% !important;
    }
    .col-lg-38 {
        width: 38% !important;
    }
    .col-lg-37 {
        width: 37% !important;
    }
    .col-lg-315 {
        width: 31.5% !important;
    }
    .col-lg-30 {
        width: 30% !important;
    }
    .col-lg-28 {
        width: 28% !important;
    }
    .col-lg-25 {
        width: 25% !important;
    }
    .col-lg-23 {
        width: 23% !important;
    }
    .col-lg-22 {
        width: 22% !important;
    }
    .col-lg-20 {
        width: 20% !important;
    }
    .col-lg-21 {
        width: 21% !important;
    }
    .col-lg-185 {
        width: 18.5% !important;
    }
    .col-lg-175 {
        width: 17.5% !important;
    }
    .col-lg-14285 {
        width: 14.285% !important;
    }
    .row_pc {
        margin-right: -15px !important;
        margin-left: -15px !important;;
    }
    .row-lg-5 {
        margin-right: -5px !important;
        margin-left: -5px !important;;
    }
    .floR {
        float: right !important;
    }
    .header-cart i{
        font-size: 45px;
    }
    .headernav .nav-menu{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .menu-image{
        padding: 0 !important;
    }
    .header-top .logo{
        padding-left: 165px;
        text-align: left;
    }
    .header-top .header-right{
        padding-right: 165px;
    }
    .generation .generItem:hover{
        margin-top: -35px;
        -webkit-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }
    .productsindex .owl-prev, .productsindex  .owl-next{
        top: 30%;
    }
    .productsindex .owl-prev{
        left: -30px;
    }
    .productsindex  .owl-next{
        right: -30px;
    }
    .newsfeed .news-image img{
        height: 145px;
    }
    .newsfeed {
        padding: 80px 0;
    }
    .newsfeed .news-desc{
        height: 65px;
        -webkit-line-clamp: 3;
    }
    .prefooter  .col-md-10,.locations  .col-md-10, .partners .col-md-10, .about-us .col-md-10, .newsfeed .col-md-10{
        max-width: 75% !important;
        margin-left: 12.5% !important;
    }
    .newsletter{
        padding: 20px 0;
    }
    .lettertext , .letterphone{
        min-height: 46px;
    }
    .locations {
        padding-bottom: 20px;
        margin-bottom: 45px;
    }
    .lettertext{
        justify-content: flex-end;
    }
    .letterphone{
        justify-content: left;
    }
    .prefooter .footTitle{
        margin-top: 0;
    }
    .generation .owl-carousel{
        display: block;
    }
    .widget-item .product-name{
        margin-top: 0;
    }

    /****************** Menu Main ********************/
    .nav-menu>.menu-item{
        position: relative;
    }
    .has-dropdown>.nav-dropdown{
        background: #fff;
        border-radius: 8px !important;
        min-width: 200px;
        box-shadow: 0 0 10px #969696;
    }
    .nav-menu>.has-dropdown>.nav-dropdown:before{
        content: '';
        z-index: -1;
        top: -20px;
        left: 25%;
        position: absolute;
        /*box-shadow: 0 0 10px #969696;*/
        /*transform: rotate(38deg) skew(-10deg);*/
        width: 39px;
        height: 20px;
        background: url('../img/icons/caret.png?3') no-repeat center top;
    }
    .nav-menu>.has-dropdown .nav-dropdown .menu-item{
        position: relative;
        z-index: 2;
        width: 100%;
        display: inline-block;
    }
    .nav-menu>.has-dropdown .nav-dropdown .menu-item .menu-link{
        padding: 8px 10px;
        width: 100%;
        display: inline-block;
    }
    /* Level 3*/
    .nav-menu>.has-dropdown .nav-dropdown .nav-dropdown{
        left: 101% !important;
    }
    .nav-menu>.has-dropdown .nav-dropdown .nav-dropdown .menu-item{
        float: none;
    }
    /****************** Menu Main ********************/

    .categorysale .news-box.col-md-6:nth-child(2n+1),
    .news-list .news-box.col-md-4:nth-child(3n+1),
    .product-list .product-box.col-md-3:nth-child(4n+1){
        clear: both;
    }
    .news-list .news-box .news-image img{
        width: auto;
        height: 200px;
    }
    .categorysale .news-image img{
        width: 100% !important;
        height: auto !important;
        max-height: 300px;
    }
    .about-us .news-desc{
        height: 110px;
        -webkit-line-clamp: 5;
    }
    .showing .sngtxt{
        float: left;
        margin-bottom: 0;
    }
    .showing .sngdrop{
        float: right;
        max-width: 200px;
    }
    .showing .sngtxt, .showing .sngdrop{
        width: auto;
    }
    .product-image img{
        height: 176px;
        object-fit: contain;
    }
    .category-img img{
        height: 200px;
    }
    .reviews{
        width: 70%;
    }
    #comment .revcmt, #comment label{
        padding-right: 0;
    }
    #comment label{
        width: 28%;
    }
    #comment .form-group>.col-md-9{
        width: 72%;
    }
    .postItem .postImg img {
        max-height: 300px;
    }
    .ageNavBox{
        display: block;
    }
    .ageNavItem{
    }
    .ageNavItem:hover{
        margin-top: -20px;
        -webkit-transition: all .5s;
        transition: all .5s;
    }
    .ageNavItem.nth5{
        max-width: 100% !important;
    }
    .ageNavImg{
        min-height: 297px;
    }
    .ageNavImg img{
        bottom:0;
        left: 0;
        position: absolute;
    }
    .ageNavItem.nth5 img{
        max-width: 192px !important;
    }
    .bookagelist{
        display: block;
        padding-top: 100px;
    }
    .readingDesc{
        max-width: 75%;
    }
    .readingItem .readFirstR{
        text-align: right;
    }
    .readingItem .readFirstL{
        padding-right: 50px;
    }
    .news-list .news-title{
        padding: 0 0 12px;
        min-height: 70px;
    }
    .newsfeed-list .news-item.col-md-6:nth-child(2n+1){
        clear: both;
    }
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    .headernav .nav-menu{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .widget-item .product-name{
        margin-top: 0;
    }
    .categorysale .news-box.col-sm-6:nth-child(2n+1),
    .news-list .news-box.col-md-4:nth-child(3n+1),
    .product-list .product-box.col-md-3:nth-child(4n+1){
        clear: both;
    }
    .news-list .news-box .news-image img{
        max-height: 200px;
    }
    .button-mobile{
        display: none;
    }
    .header-top .row{
        display: flex;
        align-items: center;
    }
    .div-control{
        order: 3;
    }
    .div-search{
        order: 2;
    }
    .button-tablet .icon-menu .line-2{
        margin-top: -2px;
    }
}

@media (max-width: 1024px) {
    .mTabContent img{
        height: auto !important;
    }
    .product-image img{
        height: 221px;
        object-fit: contain;
    }
    .product-item{
        height: 340px;
    }
    /*.nav-toggle{*/
    /*    left: -30px;*/
    /*}*/
    .nav-container .container{
        background: #fff;
    }
    .category-img img{
        height: 147.88px;
    }
}

@media (max-width: 768px) {
    .product-image img{
        height: 226px;
        object-fit: contain;
    }
    /*.nav-toggle{*/
    /*    left: -94px;*/
    /*}*/
    .category-img img{
        height: 216px;
    }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .news-list .news-box.col-sm-4:nth-child(3n+1),
    .product-list .product-box.col-sm-4:nth-child(3n+1){
        clear: both;
    }
    .leftcart, .rightcart, .history-back{
        width: 100%;
    }
    .history-back{
        margin-bottom: 15px;
    }
    .product-attrs{
        display: none;
    }
    .button-mobile{
        display: none;
    }
    .header-top .row{
        display: flex;
        align-items: center;
    }
    .div-control{
        order: 3;
    }
    .div-search{
        order: 2;
    }
    .button-tablet .icon-menu .line-2{
        margin-top: -2px;
    }
}

@media (min-width: 768px) {

}

/* xs */
@media (max-width: 767px) {
    .product-image img{
        height: 200px;
        object-fit: contain;
    }
    .product-item{
        height: 275px;
    }
    .nav-toggle{
        left: 0px;
    }
    .category-img img{
        max-height: 200px;
    }
    a.twolinks{
        width: 50% !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-block;
        float: left;
    }
    .subcribleBlock form{
        width: 80%;
    }
    .header-cart span big{
        display: none;
    }
    .header-top .logo{
        padding-top: 15px;
    }
    .header-right .header-item{
        float: right;
        padding: 0;
    }
    .header-right .header-item a{
        float: left;
        margin-left: 10px;
    }
    .header-cart i{
        font-size: 20px;
    }
    .header-right{
        display: block;
        width: 100%;
    }
    .headernav .nav-container .container{
        padding: 0;
    }
    .searchbyage .searchByDesc, .age-year{
        display: block;
    }
    .aside-left{
        margin-bottom: 10px;
    }
    .searchbyage {
        margin: 35px 0;
    }
    .news-image{
        margin-bottom: 10px;
    }
    .news-box.col-xs-6:nth-child(2n+1),
    .product-list .product-box.col-xs-6:nth-child(2n+1){
        clear: both;
    }
    .postInfo{
        text-align: left;
    }
    .prowish{
        margin: 15px 0 0 0;
        display: block;
    }
    .firstdetail{
        padding-top: 0;
    }
    .removeCartItem{
        display: inline-block !important;
    }
    .ageNavBox .item{
        width: 100%;
    }
    .bookAgeItem {
        text-align: center;
    }
    .bookAgeTab, .bookAgeText{
        color: #666;
        padding-top: 15px;
    }
    .product-attrs{
        display: none;
    }
    .button-tablet{
        display: none;
    }
}

@media (max-width: 480px) {
    .modalControl .btn.close-modal{
        display: none;
    }
    .product-image img{
        height: 178px;
        object-fit: contain;
    }
    .category-img img{
        max-height: 176px;
    }
}

@media (max-width: 420px) {
    .news-box.col-xs-6{
        clear: both;
        width: 100%;
    }
    .category-img img{
        max-height: 173px;
    }
}

@media (max-width: 375px) {
    .category-img img {
        max-height: 153.5px;
    }

    .product-image img{
        height: 158.5px;
    }

    .quanties{
        margin-right: 10px;
        max-width: 66px;
    }
}

@media (max-width: 360px) {
    .modalControl .btn{
        width: 100%;
        margin-bottom: 10px;
    }
    .title-modal{
        font-size: 14px;
    }
    .product-image img{
        height: 151px;
        object-fit: contain;
    }
    .category-img img{
        height: 146px;
    }
}