/* ------- Desktop Large screen ------- */
@media screen  and (max-width:1920px) {
    .recent-post-container .recent-post-box .item:nth-child(6){
        /* display:none; */
    }


}

@media screen and (max-width:1600px) {
    .recent-post-container .recent-post-box .item:nth-child(5){
        /* display:none; */
    }
}


/* ------- Only for Ipad pro landscape and Small Desktop 1366px ------- */
@media screen  and (max-width:1400px) {


    .ubermenu-skin-none.ubermenu .ubermenu-submenu .ubermenu-item-level-2{
        flex-basis: 35%;
        max-width: 300px;
    }
}

/* ------- Only for small desktop screen and ipad landscape screen ------- */

@media screen  and (min-width:1024px) and (max-width:1200px){


    .foot-section .search_form{
        width:48%;
    }


}


/* ------- Only for Ipad pro landscape and Small Desktop 1366px ------- */
@media screen  and (max-width:1169px) {
    ul.ubermenu-row.ubermenu-autoclear{
        padding:15px 0;
        margin-bottom: 0;
    }
    .woocommerce-cart-form .coupon {
        width: 50%;
        max-width: 360px;
    }
    .woocommerce form .form-row input.input-text,
     .woocommerce form .form-row textarea{
        -webkit-appearance: none;
    }

    .modal-dialog p{
        font-size:16px;
        line-height:24px;
    }

    .modal.show .modal-dialog{
        left: 0;
        top: 0;
        transform: translate(0,0%);
        margin: auto;
        padding: 0;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 450px;
   }
   .modal.show .modal-dialog  .modal-body{
        overflow-y:auto;
   }


   .modal button.close{
       display:inline-block;
   }
  .modal-dialog .common-button{
       display:inline-block;
   }


}



/* ------- IPad landscape and Desktop Only ------- */

@media only screen and (min-width: 1023px) {
	.mm-menu.mm-menu_opened { display: none !important; }
	html.mm-wrapper_opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
	html.mm-wrapper_opened { overflow: visible !important; }
	html.mm-wrapper_opened body { overflow: visible !important; }
    .mm-page__blocker { display: none !important; }

}

/* ------- Only for Ipad portrait ------- */


@media screen  and (min-width:768px) and (max-width:1023px){
    .category-post-container.recent-post-container  .category-list-box .item:nth-child(3n+1){
        padding-left: 2%;
    }

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product{
            width:32%;
            clear:none;
            margin-right: 2%;
    }
    .woocommerce ul.products[class*=columns-] li.product:nth-child(2n),
    .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
        float:left;
        clear:none !important;

    }
    .woocommerce ul.products[class*=columns-] li.product:nth-child(3n),
    .woocommerce-page ul.products[class*=columns-] li.product:nth-child(3n){
        margin-right: 0;
    }

    .footer-link-box .widget:nth-child(2) .menu > li {
        display: inline-block;
        width: 100%;
    }
    .footer-link-box .widget:nth-child(4) .menu > li {
        float: left;
        width: 100%;
    }

}


/* ------- Only for Ipad Mobile portrait ------- */

@media screen and (max-width:860px) and (orientation: portrait){
    .banner .banner-heading-row {
        min-height: calc(100vh - 200px);
    }


}


/* ------------------------------------------- */
@media screen and (max-width:1023px){

.mm-panels > .mm-panel > .mm-listview{
    margin-right: 0 !important;
    margin-left: 0 !important;
 }
 .mm-panels, .mm-panels > .mm-panel{
     bottom: 10px;
 }
 .mobile-menu ul.mm-listview{
    height: calc(100% - 135px);
 }


}
@media screen and (max-width:1023px){

    header .navbar  .navbar-toggler-btn{
        display:block;
    }

    .container {
        max-width: 100%;
    }
    .logo {
        width: 45%;
        text-align:center;
    }

    h1{
        font-size: 34px;
    }
    h2{
        font-size: 28px;
    }
    h3{
        font-size: 24px;
    }
    h4{
        font-size: 20px;
    }
    h5{
        font-size: 16px;
    }
    h6{
        font-size: 14px;
    }

    p,span{
        font-size: 14px;
    }

   header .collapse.show {
        display: flex ;
    }

.foot-section ul.break-menu li:not(:first-child){
    display:block;
    width:100%;
}
.foot-section .search_form {
    width: 68%;
}
.faqs_cont .ques ul
{
    width:80%;
}
.faqs_cont .ques_ans ul
{
    width:85%;
}
    .my_nav ul:not(.navbar-right){
        display: none;
    }
    .my_nav .navbar-right li:first-child{
    display: none;
    }
    .my_nav .navbar-right li a{
        font-size: 0;
    }
    .my_nav .navbar-right li a span{
        font-size: 20px;
    }
    header .search-icon{
        width: 25px;
        height: 25px;
    }

    .slider-container .image-box{
        min-height: 245px;
    }

    .card-box .card-inner-page-content .base_card {
        max-width: 100%;
    }
    .foot-section .head h4{
        font-size: 20px;
    }
    .foot-section ul.break-menu li{
        width: 100%;
    }
    .foot-section ul li a{
        font-size: 12px;
    }
    .footer_form .heading-row:after{
        width: 80%;
    }
    .faq-page-content .ques ul li a,
    .faq-page-content .ques .no_text{
        font-size: 16px;
    }
    .heading-row h2, .heading-row .title{
        font-size: 28px;
    }

    .login-sign-up-page-content .common-form.sign-up-form {
        max-width: 90%;
    }

    .banner-heading-row .heading-box h2{
        font-size: 28px;
        line-height: 32px;
        padding: 0 120px;
        min-height: 85px;
    }

    .recent-post-container .recent-post-box .item{
        width: calc(100% / 3);
        padding-left:2%;
    }

    .recent-post-container .recent-post-box .item:nth-child(4){
        /* display: none; */
    }

    .category-post-container.recent-post-container  .category-list-box .item:nth-child(4){
        display: block;
    }

    .category-post-container .detail-info span{
        font-size: 14px;
    }

    .common-button {
        font-size: 22px;
    }
    .modal .modal-lg {
        max-width: 90%;
    }
    .sidebar{
        /*display: none;*/
        /* justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 40px; */
    }
    header  ul.navbar-nav.navbar-right .nav-item a{
        font-size:0;
    }

    .top-left-menu .ubermenu-nav,
    .top-right-menu .ubermenu-nav{
        display:none;
    }
   .logo .navbar-brand{ margin: 0;}
   .woocommerce .product .product-detail-page .feature-image .woocommerce-product-gallery__wrapper{
       text-align: center;
       width: 100%;
   }

   .woocommerce-product-gallery__image{
       display: inline-block;
   }
.woocommerce .product .product-detail-page .feature-image img{
        /*max-height: 350px;*/
        min-height: 350px;
        width: auto;
    }


   .navbar .top-right-menu .ubermenu-nav{ display:block;}
    .navbar .top-right-menu .ubermenu-nav li:first-child{
            display:none;
    }
    .modal.fade.search-modal .modal-dialog{
        max-width:90%;
    }

    .navbar .top-right-menu   .ubermenu-skin-none .ubermenu-item .ubermenu-target-text{
        font-size:0;
    }

    .top-right-menu .ubermenu-nav .ubermenu-item.search_icon a{
        background-size: auto;
    }

    .product-detail-box .common-button{
        margin: 0 auto;
    }
    .foot-section .footer_form{
        padding: 0 10px;
    }





    .aws-container .search_icon{
        right:0;
    }

    .aws-container .aws-search-field{
        padding: 0 80px 0 25px;
    }
    .login-sign-up-page-content .common-form.sign-up-form{
        max-width: 100%;
    }

   .information-box .trade-info-box {
        max-width: 80%;
        margin: 0 auto;
    }

    .woocommerce-cart-form .coupon{
        width: 100%;
        max-width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .order-history-box .table tbody td:last-child,
    .order-history-box .table tbody th:last-child {
        width: auto;

    }

    .order-history-box .table tbody td:nth-child(2),
    .order-history-box .table tbody th:nth-child(2) {
        width: auto;

    }

    .order-history-box .table tbody td:nth-child(1),
    .order-history-box .table tbody th:nth-child(1) {
        width: auto;

    }

    .order-history-box   .table  .order-number p {
        padding-top: 0;
    }

    .order-history-box .table tbody td, .order-history-box .table tbody th{
        padding: 15px;
    }
    .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 {
        max-width: 100%;
        padding: 0;
    }
    .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
        max-width: 100%;
        margin-top: 20px;
        padding: 0;
    }

    .footer-link-box .widget,
    .footer-link-box .widget:nth-child(2),
    .footer-link-box .widget:nth-child(4){
        width:24%;
    }

    .mobile-menu .mm-listitem sup{
        top:-3px;
    }

    .mobile-menu ul.mm-listview{margin-top: 20px !important;}
    .tax-product_cat .category-post-container .detail-info h5{
        font-size: 1rem !important;
    }




}
/* 1023 CSS end */


@media screen and (max-width:767px){
    /* .content {
        margin-top: 60px;
    } */

    h1{
        font-size: 30px;
    }
    h2{
        font-size: 22px;
    }
    h3{
        font-size: 18px;
    }
    h4{
        font-size: 16px;
    }
    h5{
        font-size: 12px;
    }
    h6{
        font-size: 10px;
    }
    p,span{
        font-size: 12px;
    }


    .mobile-menu .sub-menu.mm-listview .mm-listitem__text{
        font-size:18px;
    }


    .mobile-menu .mm-listitem__text,
    .mobile-menu .mm-navbar__title,
    .mobile-menu a:not([href]):not([tabindex]),
     .mm-menu .mobile-menu a:link{
         font-size:28px;

     }
     .mm-listitem{ margin-bottom:0;}

     .mm-navbar .mm-navbar__title{
        padding-top: 0;
        padding-bottom: 0;
     }


     .mm-menu_fullscreen.mm-menu_position-bottom,
     body.fixed .mm-menu_fullscreen.mm-menu_position-bottom{
           height: calc(100vh - 65px);
    bottom: -65px;

     }
     .mm-btn_next:after, .mm-btn_prev:before{
        width: 10px;
        height: 10px;
        border-width: 2px;
     }

     .mobile-menu .mm-listview{
        height: calc(100% - 120px);
        margin:20px 0 0 0 !important;
     }

    .foot-section .search_form {
        width: 100%;
    }
    .form-control
    {
        display: inline-block;
    }


    .faqs_cont .ques ul
    {
        width:100%;
    }
    .faqs_cont .ques_ans ul
    {
        width:100%;
    }

    .foot-section ul li{
        display: inline-block;
          width: 100%;
    text-align: center;
    }

    .footer-link-box .widget:nth-child(2) .menu > li,
    .footer-link-box .widget:nth-child(4) .menu > li {
   float: left;
    width: 100%;
}

    .foot-section ul.break-menu li:not(:first-child){
          width: 100%;
    text-align: center;
        display: inline-block;
    }

    .footer_form .heading-row:after{
        width: 100%;
    }

    /* .footer_form .heading-row{
        margin: 30px 0 0;
    } */

    .foot-section input[type="email"] + button{
        margin: 0 !important;
    }

    .content .base-card-inner h2{
        font-size: 26px;
        margin-bottom:0;
        line-height:1.3;
    }
    .content .base-card-inner h2 span{
        font-size: 37px;
        margin-top: 5px;
    }
    .content .base-card-inner p{
        font-size: 14px;
        margin-top: 0;
    }
    .content .base-card-inner a{
        font-size: 18px;
    }
    .content .base-card-inner{
        min-height: 228px;
    }
    .card-box .base_card{
        max-width: 90%;
    }
    .slider-container .image-box {
        min-height: 175px;
    }

    .recent-category-box .collection {
        margin-top: 20px;
    }

    .recent-category-box .blank-bg-row{
        margin-top: 35px;
        min-height: 175px;
    }
    .strip_cont .main_cont a{
        font-size: 22px;
        line-height: 26px;
    }

    .strip_cont .main_cont p {
        font-size: 12px;
        line-height: 16px;
    }
    .strip_cont .main_cont{
        padding:20px 15px;
    }
    .strip_cont .main_cont::before{
        height: 40px;
    }
    .strip_cont .main_cont::after{
        height: 40px;
    }

    .foot-section .text1 {

        font-size: 12px;
        line-height: 16px;
    }
    .foot-section .copyright{
        font-size: 11px;
    }
    .foot-section .head{
        margin-bottom: 10px;
        text-align: center;
    }
    .foot-section .head h4{
        font-size: 22px;
    }

    .faq-page-content .ques ul li a ,
    .faq-page-content .ques .no_text{
        font-size: 14px;
    }
    .faq-page-content .ques_ans ul li .que{
        font-size: 16px;
    }
    .faq-page-content .ques_ans ul li .ans{
        font-size: 12px;
    }
    .faq-page-content .ques_ans ul li{
        margin-bottom: 40px;
    }

    .heading-row h2, .heading-row .title{
        font-size: 22px;
    }
    .login-sign-up-page-content .login_form .form-control{
        height: 45px;
        font-size: 12px;
    }
    .login-sign-up-page-content .login_form button.login,
    .common-button{
        height: 55px;
    }

   .common-form .sign-up-link{
        margin-left: -20px;
    }

    .login-sign-up-page-content .common-form .form-control{
        margin-bottom: 0;
        height: 45px;
    }

    .sign-up-form .radio-box .radio label {
        margin-right: 0;
        margin-top: 20px;
    }
    .login-sign-up-page-content .common-form button.login{
        height: 55px;
    }

    .form-radio, .form-checkbox{
        height: 18px;
        width: 18px;
        top: 3px;
    }
    .login-sign-up-page-content .common-form.sign-up-form{
        max-width: 96%;
    }
    .recent-post-container .recent-post-box .item:nth-child(3),
    .recent-post-container .recent-post-box .item:nth-child(4){
       /*  display: none; */
    }

    .recent-post-container .recent-post-box .item:nth-child(3){
       /*  display: none; */
    }

   .category-post-container.recent-post-container  .category-list-box .item:nth-child(3){
        display: block;
    }

    .banner-heading-row .heading-box h2{
        padding: 0 15px;
        font-size: 22px;
        line-height: 26px;
    }
    .filter-row .btn-group .filter-btn {
        min-width: 100px;
    }
    .category-post-container .detail-info span{
        font-size: 12px;
    }

    .category-post-container.recent-post-container  .category-list-box .item:nth-child(2n+1){
        padding-left: 0;
    }


    .common-button {
        font-size: 18px;
    }
    .feature-image figure{
        width: 60%;
        margin: 0 auto;
    }

    .login-sign-up-page-content .form-wrap,
    .login-sign-up-page-content .common-form.sign-up-form{
        max-width: 100%;
    }
    .login-sign-up-page-content .common-form .form-control{
        font-size: 12px;
    }
    label{
        font-size: 12px;
    }
    .file-upload-input,
    .file-upload-button{
        height:45px;
        font-size: 12px;
    }
    .file-upload-input{
        width:52%;
    }
    .file-upload-button{
        width:47%;
    }
    .modal-content .modal-wrap{
        max-width:100%;
    }
    .modal button.close {


        right: -15px;
        top: -15px;

        height: 30px;
        width: 30px;

    }
    .modal button.close span {
        font-size: 24px;

    }

    .table thead th,
    .order-history-box .table tbody td,
     .order-history-box .table tbody th{
        font-size: 12px;
        height: 45px;
    }
    .sidebar{
        margin-top: 20px;
    }
    .sidebar .box li,
    aside .edit-btn{
        font-size: 12px;
    }
    header .logo-img{
        display: none;
    }
    header .small-logo-img{
        display: block;
            opacity: 1;
    height: auto;
    width: 180px;
    }
    .content .base-card-inner h2 span.slight-small-heading{
        font-size: 30px;
    }
    .strip_cont .main_cont p{
        display: none;
    }
        footer  .foot-section .sub-menu-box li {
        float: right;
        width: 49%;
    }
    .foot-section .sub-menu-box li.has-children li{
        width: 100%;
    }

    footer  .foot-section .container-fluid{ padding-left: 22px; padding-right: 22px; max-width: 450px;}

    .category-post-container .detail-info h5{
        letter-spacing: 0;
    }

    .footer-link-box .widget,
    .footer-link-box .widget:nth-child(4) ,
    .footer-link-box .widget:nth-child(2) {
        width:100%;
    }
    .footer-link-box .widget ul.sub-menu {
        /*padding-left: 15px;*/
        padding: 0;
    }

    .foot-section .menu-footer-menu3-container ul.sub-menu li{
        width:100%;
    }

    .content-area {
        padding-top: 0;
    }

    .connect{
        font-size: 22px;
        padding: 0 10px;
    }

    .foot-section .newsletter-form .es_textbox {

        flex-basis: 62%;
    }
    .foot-section .es_button .es_submit_button{
        padding: 14px 7px 14px;
        border-left: 1px solid #323b83;
        font-size: 22px;
        width: 100%;
        line-height: 1;
        margin: 0;
        width:100%;
        margin: 0 !important;
        font-size: 22px;
    }

    .mobile-menu ul.mm-listview{
        margin:20px 0 0 0;
        height: calc(100% - 103px);

    }
    .mobile-menu .mm-listitem{
        margin-bottom: 0px;
        margin-top:10px;
    }
    .site-content {
        padding-top: 70px;
    }

    .inner-top-heading-row {
        margin: 0 0 25px;
    }


    .woocommerce form.login{
        padding:0;
    }

    .strip_cont .main_cont + p {
        display: none;
    }

    .strip_cont{
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .wcpscwc-product-slider .slick-list {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .woocommerce div.product div.summary ,
    .woocommerce div.product form.cart{
        margin-bottom: 0;
    }

    .mm-wrapper_opening header .navbar .navbar-toggler-icon{
        background-size: 22px;
    }

    .login-sign-up-page-content .login-form-wrap{
        margin:0 auto 0;
    }
    .submit-form-info{
        padding: 0;

    }

    .submit-form-info p br{
        display:none;
    }
    .information-box{
        padding:0;
    }

    .information-box p {
        text-align: center;
        line-height: 1.5;
    }

    .common-form .information-box label br {
        display: none;
    }
    .information-box .checked-mail {
        flex-basis: 88%;
    }
    .card-box{
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .recent-category-box .heading-row{
        padding: 25px 0 25px;
    }
    .information-box .trade-info-box{
        max-width: 100%;
    }

  .site-header .my_nav .logo{
        position:absolute;
    }
header.fixed .logo-img,
header.site-header .logo-img{
    display: none;
}

header.fixed .my_nav,
header .my_nav {
    min-height: 50px;
}

.footer-link-row{margin-top: 60px;}
#menu-item-234{margin-bottom: 0;}
.foot-section ul{margin-bottom: 40px; display: inline-block; width: 100%;}
.foot-section .sub-menu{margin-bottom: 0;}
#menu-footer-menu3{margin-bottom: 0;}
.woocommerce-products-header .banner{margin-top: 5px;}
.form-checkbox:checked::before{ left: 2px; top: -8px;}

.order-history-box .table tbody tr:last-child td{border-bottom: 0;}
.order-history-box .table tbody tr:first-child td,
.order-history-box .table tbody tr:last-child td {border-top: 1px solid #b1b1b1;}
.order-history-box .table tbody {border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
}
.banner-heading-row .heading-box{width: 85%;}
.mm-panels, .mm-panels > .mm-panel{bottom: 0;}
.recent-post-container.category-post-container{padding: 0;}

#mm-2 .sub-menu.mm-listview,
 #mm-3 .sub-menu.mm-listview,
 #mm-5 .sub-menu.mm-listview{
    justify-content: normal;
    padding-top: 0;
    }
   /* .contact-page-content .wpcf7-form{
        padding: 0 15px;
    }
    .contact-page-content .address-contact{
        padding: 0 15px;
    }
*/
}

/* 767 CSS end */



/*  ------- Mobile Portrait CSS */

@media screen and (max-width:767px) and (orientation: portrait){
    .recent-post-container .recent-post-box .item{
        width:-webkit-calc(100% / 2);
        width:-moz-calc(100% / 2);
        width:calc(100% / 2);
        padding-left: 3%;
    }
    /* .product-detail-box .common-button {
        width: 80%;
        margin: 0 auto;
    } */

}
@media screen and (max-width:767px){
    .recent-post-container .recent-post-box .item:first-child{
        width: 48%;
        float: left;
        clear: none;
    }
}
@media screen and (max-width:860px) and (orientation: landscape){
    .modal.fade.search-modal .modal-dialog{
        top: 80%;
    }


}
@media screen and (max-width:480px){
    .site-header .my_nav .logo{
        text-indent: 0px;
    }
}
@media screen and (max-width:414px){
    .site-header .my_nav .logo{
        text-indent: 0px;
    }
}
@media screen and (max-width:339px){

    .content .base-card-inner h2 span{
        font-size: 34px;
    }
    .content .base-card-inner h2 {
        font-size: 22px;
    }

    .content .base-card-inner h2 small {
        display: block;
        font-size: 16px;
    }
    .woocommerce-products-header .banner{margin-top: 5px;}
    .product-detail-box .common-button{max-width: 100%;}
}
@media screen and (max-height :600px){
    #mm-2 ul.sub-menu.mm-listview,
    #mm-3 ul.sub-menu.mm-listview,
    #mm-5 ul.sub-menu.mm-listview{
        display: block;
    }
}