
@media (max-width: 1570px) { 
    .navbar .navbar-brand{margin-right: 30px;}
    .navbar .navbar-nav-links .nav-item{margin: 0 40px;}
    .navbar .navbar-nav-links .nav-item:after{right: -42px;}
    /* Start Home Page ---*/
    .section-books{ background-size: 45% !important; }
    .top-banner-content { padding: 111px 0 25%; }
    .section-quotes:not(.section-quotes-img) {
        height: 796px;
        background-position: 93% 3% !important;
        padding-top: 0;
        background-size: 50% !important;
    }
}
@media (min-width: 1450px) {
        
    .container{ max-width: 1440px; }
    
}
@media (max-width: 1450px) { 
    .container{ max-width: 95%; }
    /* Start Home Page ---*/
    .card-wraper .card{ height: 180px; }
    .section-quotes.phylosophy-section-quotes .view-product-img img { width: 147%; }
    .section-quotes.phylosophy-section-quotes .quotes-bannter-content{ padding: 0 0% 0 9%; }
    .woocommerce ul.products li.product .btn{ padding: 9px 5px; }
    .card-body-content h6{ margin-bottom: 25px;}
    .card-body-content .card-text{ margin-bottom: 25px; }
    .card-body-content h4{ margin: 25px 0;}
}
@media (max-width: 1366px) {
    .navbar .navbar-nav-links .nav-item{margin: 0 28px;}
}
@media (max-width: 1240px) {
    /* Start Home Page ---*/ 
    .card-wraper .card .card-body .box-left{    width: calc(100% - 155px); }
    .box-left p{ line-height: 20px; }
    .navbar .navbar-nav-links .nav-item{margin: 0 25px;}
    .navbar .navbar-nav-links .nav-item .nav-link{font-size: 14px;}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1199px) { 
    .card-wraper .card { height: 155px; }
    h1, h2{ font-size: 38px; line-height: 20px}
    h3 { font-size: 20px;}
    h5 { font-size: 20px;}
    h4 { font-size: 22px;}

    /* .btn{ padding: 9px 5px; } */
    /* Start Header ---*/
    .navbar{padding: 20px 0 30px;}
    .navbar .navbar-brand{ margin-right: 15px; }
    .navbar .navbar-nav-links .nav-item{ margin: 0 20px; }
    .navbar .navbar-nav-links .nav-item:after{ right: -22px;}
    /*.navbar .navbar-nav-links .nav-item .nav-link{font-size: 15px;}*/
    .navbar-expand-lg .navbar-nav{margin-left: 15px;}
    .navbar-nav-drop .nav-item{padding: 0 22px;}

    /* Start Home Page ---*/
    .section-books{ background-position: 79% 31% !important; }
    .top-banner-content { padding: 29% 0 25%; }
    .card-wraper { justify-content: center; flex-wrap: wrap; align-items: center; }
    .card-wraper .card{ display: inline-block; margin-bottom: 14px; background-position: -40px 0 !important; }
    .card-wraper .card .card-body .box-left{ width: calc(100% - 115px); text-align: left;     display: block;}
    .box-left h3{  margin-bottom: 15px;}
    .box-left h3:before { bottom: -9px; }
    .section-cards .top-banner-content{ padding: 34% 0 14%;}
    .section-cards .top-banner-content h2{ line-height: 36px;}
    .section-quotes:not(.section-quotes-img){ background-size: 45% !important; height: 587px; }
    .section-next-gen .card-body-content{ padding: 0; }
    .card-body-content h6{ margin-bottom: 20px;}
    .card-body-content .card-text{ margin-bottom: 13px; }
    .card-body-content h4{ font-size: 22px; margin-bottom: 20px; }
    .section-next-gen .card{  margin-top: 25px;}
    .section-quotes.section-quotes-img { padding: 180px 0 70px; }
    .section-quotes.section-quotes-img .quotes-img{ top: -258%;}
    .section-quotes .quotes-content{ font-size: 27px;}
    
}
@media (max-width: 1140px) { 
    .navbar .navbar-nav-links .nav-item{ margin: 0 12px; }
    .navbar .navbar-nav-links .nav-item:after{ right: -14px;}
    ul.products .type-product .btn{ width: 100%; margin: 0; }
    ul.products .type-product .btn:last-child{margin-top: 10px; }
    .order-product-table tr td{ padding:21px 10px; }
    .product__slider-wraper{width: 100%;
} 

@media (max-width: 1024px) { 
    .navbar .navbar-nav-links .nav-item .nav-link{font-size: 13px;}
    /* Start Home Page ---*/
    .section-quotes:not(.section-quotes-img){ height: 476px; background-position: 87% 0% !important; }
    .contact-title h3{ font-size: 16px;}
    .order-product-table tr th{ padding: 0 8px;}
    .order-product-table tr td{ font-size: 12px; padding: 21px 10px;}
    .order-product-table tr td span{ margin-top: 4px;}
    .order-product-table .product-cell a{flex-wrap: wrap;}
    /* .order-product-table .product-cell .product-img-sm { margin: 0; } */
    .order-product-table .product-cell .product-details { width: calc(100% - 116px); }
    .order-product-table .product-cell .product-details h6{ font-size: 12px;  }
    .order-product-table .product-cell .product-details p{ font-size: 14px;}
    .order-action{ width: 100%; font-size: 12px; }
}
@media (max-width: 991px) { 
    /* Start Home Page ---*/
    h1, h2 { font-size: 25px; }
    
    .navbar{ padding: 15px 0;}
    .navbar-expand-lg .navbar-nav{margin-left: 0;}
    .header-banner-section { padding: 10px 0 30px; }
    .top-banner-content h1{ letter-spacing: 0; }
    .top-banner-content{ padding: 12% 0 25%; }
    .view-product-img .mobile-img{ display: block;width: 100%;margin: 50px auto;}
    /* .header-banner-section .header-banner-inner .left-banner */

    .common-banner-bg { opacity: 0.4; background-size: contain; width: 100%;}
    .header-banner-section .header-banner-inner .right-banner {
        background-size: cover;
        width: 100%;
        right: -215px;
    }

    .section-books { background-position: 79% 30% !important; }
    .card-body-content .card-text{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .card-wraper .card .card-body .box-left{ width: calc(100% - 180px); padding-bottom: 0 }
    .card-wraper .card { width: 60%; margin-right: 0; }
    .section-cards .top-banner-content{ padding: 9% 0 14%; }

    /* Start Philosophy Page ---*/
    .main-content-section .container { padding-right: 15px; }
    
    /* Start Contact Page ---*/
    .contact-section .container { padding-right: 15px; }

    
    .quick-links-inner ul .quick-link-items a .quick-img{ height: 100px; }
    .quick-links-inner ul .quick-link-items a span { font-size: 14px; }

    .order-action .btn-action{  width: 123px;}
    .home header.page-header{ position: static; }
    .section-books{ background: none !important; padding-top: 0; }
    /* .view-product-img .mobile-img{     display: block; width: 100%;} */
    
    .mobile-menu-close{ display: block; font-size: 20px; color: #fff;}
    .mobile-menu { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; z-index: 9; background: rgba(0,0,0,0.9); }
    .navbar .navbar-nav-links .nav-item .nav-link{ display: inline-block; color: #fff;}
    .navbar-nav-drop .nav-item .nav-link{ display: inline-block;}
    .collapse:not(.show){ display: inline-flex; }
    .mobile-menu{ width: 0%; transition: 0.5s; overflow: hidden; }
    .mobilemenu-show{ width: 100%; transition: 0.5s; z-index: 9999;}
    .mobile-menu .navbar-nav { width: 100%; text-align: center; }
    .mobile-menu .navbar-nav-drop { display: none;}

    .mobile-nav-drop{ display: block; padding-right: 25px; width: 220px;}
    .mobile-nav-drop .nav-item.dropdown { display: inline-flex; position: relative; z-index: 15;}
    .mobile-menu .navbar-nav li { margin: 5px 0 !important; }
    .navbar .navbar-nav-links .nav-item:after{ content: none;}
    
    /* .wmc-cart-wrapper .wmc-cart{ right: 3px; } */
    .notify { border: 1px solid #fff; }
    .notify span{ line-height: 12px; }
    .mobile-menu-close { display: block; font-size: 24px; color: #fff; width: 25px; height: 25px; position: absolute; top: 80px; right: 56px; }
    .mobile-menu-close:before { width: 25px; height: 3px; content: ""; position: absolute; background: #fff; transform: rotate(45deg); top: 10px; }
    .mobile-menu-close:after { width: 25px; height: 3px; content: ""; position: absolute; background: #fff; transform: rotate(-45deg); top: 10px; }
    .navbar .navbar-nav-drop .dropdown-menu {position: absolute; }
    /* .navbar .navbar-nav-drop .dropdown-menu:before{ content: none; } */
    .navbar .navbar-nav-drop .dropdown-item {border: 0; color: #353b3d;}
    .quantity{ margin-left: auto;}
    .product__slider-wraper { width: 100%; }
    .woocommerce div.product .product_title{ margin-bottom: 10px; }
    .woocommerce div.product p.price, .woocommerce div.product span.price{ margin-bottom: 10px; }
    .navbar .navbar-brand{ margin-right: 18px;}
    .order-product-table .product-cell .product-details{ width: 100%; margin-top: 10px;}

    .woocommerce-column--shipping-address{
        margin-top: 10px;
    }
    .woocommerce-orders .woocommerce-content-wraper{
        padding: 10px 0px;
    }
    /* Profile page */    
    .auth-wrapper.left-cl, .auth-wrapper.right-cl{padding: 25px 15px;}
    .profile-img {position: relative;}
    .profile-img .imgbox-form .imgbox{width: 150px; height: 150px;}
    /* Footer */
    .ftr-logo-wrap{flex-direction: column; }
    .page-footer .footer-site-name{width: 100%; margin: 15px 0 0;text-align: center;}
    .page-footer .footer-site-name h5{font-size: 16px;}
    .page-footer .footer-site-name p{font-size: 13px;}
}
        
@media (max-width: 768px) {
    h1, h2,.woocommerce-tabs h2, .related.products h2 {
        font-size: 20px;
    }
    h3{ font-size: 18px; }
    h5{ font-size: 22px; }
    
    /* Start Home Page ---*/
    .card-wraper .card .card-body .box-left{ width: calc(100% - 228px); }
    
    .card-wraper .card:hover{transition: all 0.3s ease-in-out; background-size: 68% !important;}
    .cust-order-1 { order: 1; }
    .cust-order-2 { order: 2; }
    
    .view-product-img .mobile-img { display: block; width: 100%; }
    .top-banner-content { padding: 3% 0 3%; }
    .top-banner-content h1{ margin-bottom: 10px; }
    .top-banner-content p { margin-bottom: 15px; }
    .card-wraper{ display: block; }
    .card-wraper .card{ display: block; width: 100%; max-width: 100%; background-size: auto !important; }
    .section-cards { padding: 30px 0 0; }
    .section-cards .top-banner-content h2{ margin-bottom: 10px; }
    .section-cards .top-banner-content p { margin-bottom: 15px; }
    .section-quotes:not(.section-quotes-img){ height: auto; background: none !important; }
    .section-quotes .view-product-img{ position: static; }
    .section-quotes:not(.section-quotes-img) .view-product-img .mobile-img{ display: block; width: 81%; margin: auto; }
    .section-cards .view-product-img{ position: static; margin: 0; }
    .section-cards .top-banner-content{ padding: 0% 0 0%; }
    .section-next-gen .card-body-content{ margin: 15px 0 25px; }
    .owl-theme .owl-controls{ margin-top: 15px; }
    .card-body-content h4{ margin-bottom: 15px; }
    .card-body-content a{ display: inline-block; }
    .section-quotes.section-quotes-img .quotes-bannter-content{ width: 100%; }
    .section-quotes.section-quotes-img .quotes-bannter-content .said-by{ text-align: right; }
    .section-quotes.section-quotes-img { padding: 0px 0 25px; }
    .section-quotes.section-quotes-img .quotes-img{ position: relative; top: auto; right: auto; width: auto; margin: auto; }
    .flex-property-mob{ display: flex; flex-direction: row-reverse !important; flex-wrap: wrap-reverse; }
    .section-next-gen h2 { margin-bottom: 10px;  line-height: 30px; }
    .section-next-gen .card { margin-top: 10px; }


        /* Start Philosophy Page ---*/
    .header-banner-content{ width: 100%; }
    .header-banner-section .header-banner-inner{ height: 149px;}
    .header-banner-section .header-banner-content-box { padding-right: 10px; width: calc(100% - 125px); margin-left: auto;}
    .breadcrumb-wraper{ text-align: left;}
    .main-content-section { padding: 20px 0 20px; }
    .main-content-section .article-title h3{ margin-bottom: 10px;}
    .main-content-section .article-title p{ margin-bottom: 15px; line-height: 26px;}
    .main-content-section .article-product-img { padding-top: 0;     }
    .section-quotes.phylosophy-section-quotes{ padding: 0 0 30px;}
    .section-quotes.phylosophy-section-quotes .view-product-img { position: static; }
    .section-quotes.phylosophy-section-quotes .view-product-img img { width: 100%; }

    /* Start Contact Page ---*/
    .contact-title { margin-bottom: 20px; }
    /* .woocommerce { margin-bottom: 50px; } */
    .auth-content .btn{ font-size: 12px; padding: 15px 5px;}
    .woocommerce-content-wraper{ padding-bottom: 0;}
    .quick-links-inner ul{ flex-wrap: wrap; margin: 0;     justify-content: space-between;}
    .quick-links-inner ul .quick-link-items{ width: 31.9%; margin: 0; margin-bottom: 15px; }
    .quick-links-inner ul .quick-link-items:last-child{ margin: 0; }
    .order-product-table .product-cell .product-details{ width: 100%; margin-top: 10px;}
    .order-product-table .product-cell .product-details h6{ word-break: unset; }
    .woocommerce div.product div.summary { width: 100%; margin-top: 15px; }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{ background-color: transparent; }

    .contact-info .mb-53px{ margin-bottom: 17px; }
    .contact-info textarea.form-control.line-input{ height: 130px; }


    /***** custome table for responsive header start **********************/

    table.table.custom-table, .table.custom-table thead, .table.custom-table tbody, .table.custom-table th, .table.custom-table td, .table.custom-table tr { display: block; }
    /* Hide table headers (but not display: none;, for accessibility) */
    .table.custom-table thead tr { position: absolute; top: -9999px; left: -9999px; }
    .table.custom-table tbody:nth-child(odd) tr:first-child { background: white; }
    .table.custom-table td { border: none; position: relative; padding-left: 50%; width: inherit !important; min-height: 34px; }
    .table.custom-table td.column-1.status { background: gray; border-radius: 4px 4px 0 0; }
    .table.custom-table td.column-1.status.purchased { background: black; }
    .table.custom-table td.column-1.status.purchased:before { color: white; }
    .table.custom-table td.column-1.status.cancelled { background: red; }
    .table.custom-table td.column-1.status.cancelled:before { color: white; }
    .table.custom-table td.column-2 { padding-left: 50%; padding-right: 0.5rem; }
    .table.custom-table td:before { position: absolute;  top: 23px; left: 15px; width: 45%; padding-right: 10px; white-space: nowrap; content: attr(data-column); color: #848889; font-weight: bold; }

    .order-product-table tr td{ padding: 10px; }
    .order-product-table tr td.hidden-td{  min-height: 18px; padding: 0;}
    .order-action .view-order{  position: static; text-align: left;}
    .order-product-table tr td:not(.hidden-td){padding: 10px;     padding-left: 50%; }

    /***** custome table for responsive header end **********************/
    .woocommerce-column--shipping-address {margin-top: 30px;}
    .woocommerce ul.order_details li{ display: block; width: 100%; border: 0;}
    .woocommerce ul.order_details li label{ width: 50%;}
    .woocommerce ul.order_details li p{ display: inline-block;}
    .woocommerce table.shop_table{ margin: 0; }
    .woocommerce-checkout-payment { margin-top: 20px; }
    table.shop_table.shop_table_responsive.product-cart tr td:first-child { border: 0 !important; }
    table.shop_table.shop_table_responsive.product-cart tr:last-child td{ padding-bottom: 0; }
    table.shop_table.shop_table_responsive.product-cart tr td{ padding: 15px; }


    .woocommerce-shipping-totals .woocommerce-shipping-destination{ text-align: left; margin: 15px 0 !important;}
    .woocommerce-shipping-totals .woocommerce-shipping-calculator{ text-align: left;}
    .woocommerce-shipping-totals .woocommerce-shipping-calculator .form-row{ padding: 0;}
}
@media (max-width: 767.98px){
    .container{width: 100%;}
    .page-footer .footer-right-img{justify-content: flex-start;}
    .menu-footer-menu-login{text-align: center;}
    .page-footer form{width: 100%;}
    .easy_testimonial .main-content-2:after{top: -16px;}
    .easy_testimonial .grey-merit_style .title-area-2 .easy_testimonial_title{
        padding: 10px 30px 10px 0 !important;font-size: 20px !important;
    }
    .easy_testimonial .rate-area-2{right: 5px !important;height: 85px !important; padding: 10px !important; }
    .easy_testimonial .rate-area-2:after{bottom: -12px !important; right: 3px !important; height: 30px !important; width: 30px !important; }
    .easy_testimonial .times-text{padding: 0 15px 15px 15px !important;}
    .page-footer .footer-site-name{justify-content: center;}
    .page-footer .footer-right-img{ margin-top: 20px; transition: 1s; }  
    .profile-field{flex-direction: column;padding: 15px; margin: 0;}
    .panel-title{margin: 0;}
    .profile-field label:after{display: none;}
    .auth-wrapper.left-cl{margin-bottom: 20px;}
    .editlink{font-size: 13px; line-height: normal;}
    .profile-field span{width: 100%;}
    .easy_testimonial .rate-area-2:before{right: 24px;}


}
@media (max-width: 600px) {
    /* Start Home Page ---*/
    .section-quotes .quotes-content{ font-size: 25px; margin-top: 20px; text-align: center; margin-bottom: 0; }
    .auth-wrapper-inner{ padding: 27px 15px; }
    .card-wraper .card:hover { transition: all 0.3s ease-in-out; background-size: 98% !important;}
    .header-banner-section .header-banner-inner .left-banner{background-size: contain !important;}
    .header-banner-section .header-banner-inner {height: 100px;}
    
    
    .woocommerce-notices-wrapper .woocommerce-message.alert.alert-success{ position: relative; padding: 20px; }
    .woocommerce-notices-wrapper .woocommerce-message.alert.alert-success .button.wc-forward{ position: static; width: 100%; text-align: center; margin-bottom: 10px;}
    .woocommerce-notices-wrapper .woocommerce-message.alert.alert-success .restore-item{ position: static; }


    .contact-title p { margin: 0 0 5px;}
    }
    @media (max-width: 576px){

    /* Start Home Page ---*/
    .navbar .navbar-brand{ width: 60px; }
    .navbar .navbar-brand img{ width: 100%;}    
    .table-responsive{ overflow-x: auto; }
    .auth-wrapper-inner { padding: 27px 27px; }
    .card-wraper .card .card-body .box-left{ width: calc(100% - 175px); }
    .product-type-simple .blukinq{ margin-top: 15px; margin-left: 0; }
    .quantity .qty_button{ height: 32px; line-height: 34px; }
    .quantity .form-control{ height: 32px; }
    .nav-item.dropdown .wmc-content:not(.wmc-empty){ right: -59px; }
    .nav-item.dropdown .wmc-content:before{ top: -12px; right: 24%; }
    .mobile-nav-drop{width: 140px;padding-right: 0;}
    .navbar-nav-drop .nav-item{padding: 0 15px;}
    img.rounded-circle.p-icon{    width: 28px; height: 28px;}
    .navbar .navbar-nav-drop .nav-item:after{height: 25px;}
    /* .navbar .navbar-nav-drop .dropdown-menu{ right: -32%;} */
    .navbar .navbar-nav-drop .dropdown-menu.menu-dropdown.show{ right: -32%; }
    .navbar .navbar-nav-drop .dropdown-menu.login-dropdown.show { right: -159%; }
    .navbar .navbar-nav-drop .dropdown-menu:before{ right: 61%; }
    .quick-links-inner ul .quick-link-items{ width: 100%; }
    .card-body-content a { display: block; margin: 0; margin-top: 10px; }
    .section-next-gen .card-body-content { margin: 15px 0; }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{ width: 100%; margin-bottom: 20px; }
    .btn.btn-primary.send-message-btn{ width: 100%; }
    .woocommerce form .form-row-first, .woocommerce-page form .form-row-first{ width: 100%; }
    .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { float: right; width: 100%; }
    .woocommerce ul.order_details li{display: inline-block; width: 100%; border: 0; margin: 0; padding: 0;}
    .woocommerce ul.order_details li label{width: 150px; vertical-align: top;}
    .woocommerce ul.order_details li p{display: inline-block;width: calc(100% - 155px);}
    .woocommerce ul.order_details li p.email-value{ word-break: break-all;}
    .woocommerce-checkout #payment ul.payment_methods li input{ margin: 8px 1px 0 0;}
    .wc_payment_methods.payment_methods.methods li { display: flex; width: 100%; flex-wrap: wrap;}
    .woocommerce-checkout #payment ul.payment_methods li input#payment_method_paypal{ margin: 18px 1px 0 0;}
    .wc_payment_methods.payment_methods.methods li label{ width: 90%; padding-left: 20px;}
    .woocommerce-checkout #payment div.payment_box p:last-child { width: 100%;}
    .woocommerce-checkout #payment div.payment_box{ margin: 5px 0 10px 0;}
}


@media (max-width: 320px){
    .custom-checkbox input + label:after{ top: 12px;}
}
