@media only screen and (max-width: 1400px) {


    .ProductMain .Gallery, .ProductMain .Details {
        width: 50%;
    }   
}

@media only screen and (max-width: 1200px) {
    .header {
        background-position: center !important;
    }

    .ArchiveProducts  .ProductWrapper {
        width: 33.33% !important;
    }

    .section{
        width:95%;
    }

    .shopCartDetails, .WidgetChekout {
        width: 250px;
        margin-right: 10px;
    }

    .shop_cart .shopCartTable, .mainCheckout {
        width: calc(100% - 260px);
    }

    .shop_cart .cartRow{
        height:290px;
    }

        .shop_cart .cartRow .cartPrDetails h3 {
            height: 45px;
            font-size: 16px;

        }

    .ProfileSection .rightSection {
        width: 250px;
    }

    .ProfileSection .leftSection {
        width: calc(100% - 270px);
    }

    .ProfileSection {
        width: 95%;
    }

        .ProfileSection .form-group{
            width:100%;
        }
}

@media only screen and (max-width: 992px) {
    .headerIndex {
        height: 360px;
    }

    .header .HeaderTypo {
        width: 100%;
        float: right;
    }

        .header .HeaderTypo h1 {
            margin: 55px auto 0px auto;
            text-align: center;
        }

    .header .topMenu {
        display: none;
    }

    .catSlider .owl-next {
        left: -40px;
    }

    .catSlider .owl-prev {
        right: -40px;
    }

    .OffProducts .owl-next, .Products .owl-next, .catSlider .owl-next {
        left: -50px;
    }

    .OffProducts .owl-prev, .Products .owl-prev, .catSlider .owl-prev {
        right: -50px;
    }



    .FeatureItem {
        width: 48%;
    }

    .doubleAds {
        width: 100%;
    }

    .ArchiveProducts .ProductWrapper {
        width: 50% !important;
    }

    .ProductMain{
        flex-direction:column;
    }

        .ProductMain .PriceSection{
            position:unset;
        }
        .ProductMain .Gallery, .ProductMain .Details {
            width: 100%;
        }
        .ProductMain .Gallery .BigImg{
            margin:0 auto;
        }

    .Thumbnails{
        margin:10px auto;
    }

    .shop_cart .shopCartTable {
        width: 100%;
        margin-bottom: 10px;
    }

    .shopCartDetails, .WidgetChekout {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .shop_cart .cartRow .cartPrMedia {
        width: 100%;
        float: unset;
    }

    .shop_cart .cartRow {
        height: unset;
        padding-bottom: 10px;
        width: 48%;
        float: right;
        margin: 10px 1%;
    }

        .shop_cart .cartRow .cartPrDetails {
            width: 90%;
            margin: 0 auto;
            float: unset;
            border: unset;
        }

        .shop_cart .cartRow .cartPrAction {
            width: 100%;
            height: 90px;
            float: unset;
        }

            .shop_cart .cartRow .cartPrAction a {
                left: 20px;
                top: 49px;
                right: unset;
            }

            .shop_cart .cartRow .cartPrAction .cartPrTotalPrice {
                right: 80px;
                top: 5px;
            }

        .shop_cart .cartRow .cartPrDetails h3 {
            text-align: center;
            float: unset;
            width: max-content;
            margin: 0 auto;
            max-width: 90%;
            padding: 5px 0px;
        }

        .shop_cart .cartRow .cartPrDetails .numberProduct {
            margin-right: 94px;
        }

    .shop_checkout .mainCheckout {
        width: 100%;
    }

    .shop_checkout .WidgetChekout {
        margin-top: 20px !important;
    }

    .mainCheckout .checkoutWrapper .shipping .shippingItems{
        width:100%;
    }

    .ProfileSection .rightSection {
        width: 100%;
        max-width: 800px;
        margin: 20px auto;
        float: unset;
    }

    .ProfileSection .leftSection {
        width: 100%;
    }

    .ProfileSection .leftSection {
        margin-top: 20px;
    }

    .programDetail {
        width: 50%;
    }

    .MyProgram {
        height: unset;
        padding-bottom: 15px;
    }

    .StartDate {
        border: none;
    }

    .responsive{
        display:block;
    }

    .nonResponsive{
        display:none;
    }

    .AboutSection {
        margin-top: 30px;
        margin-bottom: 30px;
    }

}

@media only screen and (max-width: 700px) {
    .headerIndex {
        height: 300px;
    }

    .header .HeaderTypo h1 {
        margin: 78px auto 0px auto;
        text-align: center;
        font-size: 28px;
        width: 85%;
        line-height: 45px;
    }

    .catSlider {
        margin: 50px auto;
    }

    .OffProductsSection {
        margin-top: 50px;
    }

    .OffProducts .owl-next, .Products .owl-next {
        left: -40px;
    }

    .OffProducts .owl-prev, .Products .owl-prev {
        right: -40px;
    }

    .featureItems {
        margin-right: 2%;
        margin-left: 2%;
    }


    .doubleAds {
        margin: 20px auto;
    }



    .ProductSlider.type2 {
        margin-top: 60px;
    }

    .section {
        width: 95%;
    }

    .catItem {
        width: 50%;
        padding-bottom: 50%;
    }

        .catItem img {
            width: 40px !important;
            height: 40px !important;
        }

    .TabContent {
        padding: 15px;
    }

    .descItem span {
        width: 160px;
    }

    .descItem .spec_value {
        width: calc(100% - 170px);
    }

    .shop_cart .cartRow{
        width:100%;
        margin:10px 0px;
    }

    .shop_checkout .mainCheckout {
        width: 100%;
    }

    .shop_checkout .WidgetChekout {
        margin-top: 20px !important;
    }

    .mainCheckout .checkoutWrapper .customerDetailMain .Address .form-group {
        font-size: 13px;
    }

    .mainCheckout .checkoutWrapper .shipping .shippingItem {
        width: 100%;
        margin: 5px 0px;
    }

    .mainCheckout .checkoutWrapper .payment .paymentItem img {
        float: unset;
        display: block;
        margin: 10px auto 0px auto;
        width: 150px;
    }

    .mainCheckout .checkoutWrapper .payment .paymentItem .paymantDetails {
        width: 100%;
    }

        .mainCheckout .checkoutWrapper .payment .paymentItem .paymantDetails p {
            text-align: center;
            margin-bottom: 15px;
        }

        .mainCheckout .checkoutWrapper .payment .paymentItem .paymantDetails span {
            margin-bottom: 15px;
            text-align: center;
        }

    .checkoutWrapper .customerDetail {
        width: 100%;
    }

    .offWrapper{
        flex-direction:column;
    }

    .offMeta {
        width: 100%;
    }

    .OffProducts{
        width:calc(100% - 40px);
    }

    .OffProductsSection .pTitle {
        margin-bottom: 0px;
    }

    .mobile_menu {
        display: block;
    }

    .footerSection {
        padding-bottom: 90px;
    }

    .enamad {
        bottom: 65px;
    }


}

@media only screen and (max-width: 590px) {
    .ArchiveProducts .ProductWrapper {
        width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    .headerIndex {
        height: 220px;
    }
    .headerContent {
        top:0px;
    }
        .header .HeaderTypo h1 {
            margin: 37px auto 0px auto;
            text-align: center;
            font-size: 23px;
            width: 85%;
            line-height: 45px;
        }

    .header .logo{
        margin-right:2.5%;
        width:135px;
    }

    .headerAction{
        margin-left:2.5%;
    }

        .headerAction .ActionButton{
            width:100px;
            font-size:14px;
            margin-right:5px;
            height:38px;
            margin-top:25px;
        }

        .owl-next {
            left: -30px !important;
        }

    .owlGallery .owl-next {
        left: -35px !important;
        right: unset !important;
    }

    .owl-prev {
        right: -30px !important;
    }

    .owl-nav img {
        width: 22px !important;
    }

    .owl-prev, .owl-next {
        top: calc(50% - 15px);
    }

    .offWrapper .owl-prev {
        right: -40px !important;
    }

    .offWrapper .owl-next {
        left: -40px !important;
    }
    /*    .OffProducts {
        margin: 25px auto;
    }*/
    .OffProductsSection > p {
        font-size: 19px;
    }

    .wrapperCatItem span {
        font-size: 17px;
    }

    .AddToBasketSection a {
        width: 116px;
        font-size: 12px;
    }

    .ProductSlider > h2 {
        font-size: 21px;
    }

    .ProductSlider .Products {
        margin: 30px auto;
    }

    .footerMain {
        min-width: unset;
        width: 100%;
    }

    .section{
        padding:10px;
    }

    .Details h2{
        font-size:18px;
    }

    #priceSectionWrapper{
        width:100%;
    }

    .ProductWrpper .AddToCart{
        width:100%;
    }

    .descItem span {
        width: 115px;
        padding: 7px 10px;
    }

    .descItem .spec_value {
        width: calc(100% - 120px);
        margin-right: 5px;
        text-align: center;
    }

    .TabControls .TabItem {
        width: 180px;
        margin: 0px auto 10px auto;
        float: unset;
        text-align: center;
    }

    .shop_cart .cartRow .cartPrDetails{
        width:100%;
    }

    .contactLine{
        width:100%;
    }

    .commentHeader p, .commentHeader label {
        width: 100%;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .rightGroup, .leftGroup {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }
    .searchArea{
        margin-left:10px;
    }
    .searchArea input {
        width: 110px;
    }

    .ProfileSection .form-group label, .ProfileSection .form-group input {
        width: 100%;
    }
    .ProfileSection .form-group label{
        margin-bottom:10px;
    }

    .ProductSlider .Products{
        width:calc(100% - 60px);
    }

    .product .productImg {
        width: 92%;
        margin: 7px auto;
        padding-top: 73%;
    }

    .FeatureItem p{
        font-size:14px;
    }

}

@media only screen and (max-width: 400px)
{
    .product h2 {
        padding: 0px 5px 0px 5px;
        font-size: 13px;
        text-align: right;
        line-height: 23px;
        height: 70px;
    }
}