@media (min-width: 1300px) {

}
@media (min-width:1200px){
    #secondhotspotImg,#hotspotImg .hotspot-image{
        transform: translateX(-5%);
    } 
}
@media (max-width: 1199px) {
    body{
        padding-top: 122px;
    }    
    .container{
        max-width: 100% !important;
    }
    .main-wrapper{
        margin: 0 15px;
    }
    .main-header{
        padding: 0.5rem 0;
    }
    .section-img-content, .section-text-wrapper h2,h2
    {
        font-size: 35px;
        line-height: 45px;
    }
    .section-text-wrapper p{
        font-size: 18px;
    }
    .blog-col {
        width: 50%;
    }
    .wrapper{
        overflow: hidden;
    }
    .responsive-hotspot-wrap{
        height: 100%;
    }
    .hotspot-image{
        width: auto;
        height: 100%;
    }    
    #secondhotspotImg{
        width: 592px;
    }
    .table-responsive{
        position: relative;
    }
    .table-swipe-indicator{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url("../images/swipe.gif");
        background-color: rgba(1, 1, 1, .2);
        background-repeat: no-repeat;
        background-position: 50% 4%;
        -moz-background-size:142px 60px;
        -o-background-size:142px 60px;
        -webkit-background-size: 142px 60px;
        background-size: 142px 60px;
        z-index: 999;
        width:100%;
        height:100%;
        overflow: hidden;
    }
    .tooltip {
        transform: scale(0.7);
        top: 24px !important;
        left: 28px !important;
    }
    .tooltip.tooltip-custom-left{
        top: 12px !important;
        left: 20px !important;
    }
    .right-sides-second .tooltip.tooltip-custom-left{
        left: 14px !important;
    }
    .tip-upside{
        transform: scale(0.7);
        bottom: -30px !important;
        right: auto !important;
        top: auto !important;
    }
    .content-width-fix{
        width: 240px !important;
    }
    .product-listing .btn{
        padding: 10px 20px;
        min-width: 166px;
        opacity: 1;
    }
}

@media(max-width:1186px){
    .head-nav-link {
        font-size: 0.6rem;
        padding: 0 0.4rem;
    }
    .head-shop-icon,
    .head-alert-bar{
        font-size: 0.6rem;
    }
}

@media(min-width: 992px) {
    .head-nav-ul.head-sub-menu
    {
        display: none;
    }
    .head-nav-link:before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0.625rem;
        width: calc(100% - 0.625rem - 0.625rem);
        margin: auto;
        opacity: 0;
        transform: scaleX(0);
        border-top: 1px solid #000;
        -webkit-transition: all .3s ease-in-out 0ms;
        -khtml-transition: all .3s ease-in-out 0ms;
        -moz-transition: all .3s ease-in-out 0ms;
        -ms-transition: all .3s ease-in-out 0ms;
        -o-transition: all .3s ease-in-out 0ms;
        transition: all .3s ease-in-out 0ms;
    }
    
    .head-nav-link:hover:before {
        opacity: 1;
        transform: scaleX(1);
    } 
    .active.head-nav-link:before {
        opacity: 1;
        transform: scaleX(1);
    }
}

@media (max-width: 991px) {
    .head-navbar,.head-nav-ul.head-sub-menu
    {
        height: calc(100vh - 86px);        
        top: 86px;
        overflow-y: scroll;
        overflow-x: hidden;
        position: fixed;
        left: -100%;
        z-index: 99;
        width: 100%;
        background-color: #FFF;
        -webkit-transition: all .4s linear 0ms;
        -moz-transition: all .4s linear 0ms;
        transition: all .4s linear 0ms;
        -webkit-box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, .3);
        -moz-box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, .3);
        box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, .3);
        visibility: hidden;
    }
    .is-sticky .head-navbar,.head-nav-ul.head-sub-menu {
        height: calc(100vh - 62px);        
        top: 62px;
    }
    .head-navbar.nav-open
    {
        left: 0%;
        visibility: visible;
    }
    .head-nav-li
    {
        display: block;
    }
    .head-nav-link
    {
        display: block;
        font-size: 0.8rem;
        color: #000;
        padding: 0px 2rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-decoration: none;
        line-height: 50px;
        border-bottom: 1px solid rgba(219, 219, 219, 0.5);
    }
    .head-nav-link.has-dropdown:after
    {
        content: '';
        position: absolute;
        right: 2em;
        top: 22px;
        display: inline-block;
        width: 7px;
        height: 7px;
        background-color: transparent;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
    }
    .header-burger {
        color: #000;
        display: inline-block;
        font-size: 1rem;
        margin-left: 0.6rem;
        height: 25px;
        line-height: 25px;
        width: 25px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        -webkit-transition: all .3s linear 0ms;
        -khtml-transition: all .3s linear 0ms;
        -moz-transition: all .3s linear 0ms;
        -ms-transition: all .3s linear 0ms;
        -o-transition: all .3s linear 0ms;
        transition: all .3s linear 0ms;
    }
    .header-burger:after, .header-burger:before, .header-burger span {
        -webkit-transition: all .3s linear 0ms;
        -khtml-transition: all .3s linear 0ms;
        -moz-transition: all .3s linear 0ms;
        -ms-transition: all .3s linear 0ms;
        -o-transition: all .3s linear 0ms;
        transition: all .3s linear 0ms;
        content: "";
        background-color: #000;
        display: block;
        height: 2px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        width: 25px;
        top: 12px;
    }
    .header-burger:before {
        top: 2px;
    }
    .header-burger:after {
        top: 22px;
    }
    .opened .header-burger span {
        display: none;
    }
    .opened .header-burger:before {
        top: 12px;
        -webkit-transform: rotate(45deg);
        -khtml-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .opened .header-burger:after {
        -webkit-transform: rotate(-45deg);
        -khtml-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 12px;
    }
    .head-nav-ul.head-sub-menu
    {
        display: block;
        left: auto;
        right: -100%;
        z-index: 999;
    }
    .head-nav-li.active .head-nav-ul.head-sub-menu
    {
        right: 0;
        visibility: visible;
    }
    .head-dropdown-back .head-nav-link
    {
        font-weight: bold;
    }
    .head-dropdown-back .head-nav-link:after
    {
        content: '';
        position: absolute;
        left: 1.8em;
        top: 22px;
        display: inline-block;
        width: 7px;
        height: 7px;
        background-color: transparent;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
    }
    .link-cover
    {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 50px;
        z-index: 999;
    }
    .section-inner
    {
        display: block;
    }
    .section-img-wrapper
    {
        width: 100%;
        height: 65vw;
    }
    .section-text-wrapper
    {
        width: 100%;
        height: auto;
    }
    .home-products-section .pd-block {
        flex: 1 0 50%;
        max-width: 50%;
    }
    .cart-box tr {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #eee;
        border-radius: 10px
    }
    .cart-box td,
    .cart-box th {
        display: block
    }
    .grand-total .cart-row:first-child {
        border-top: 1px solid #eee;
        border-radius: 10px 10px 0 0;
    }
    .cart-box th:first-child {
        border-radius: 10px 10px 0 0;
    }
    .checkinputforsameinfo{
        position: unset;
        margin-top: 1rem;
    }
    .blog-back-btn{
        max-width: max-content;
    }
    .blog-sticky .collapsing{
        display: flex;
    }
    .blog-sticky .collapse.show{
        display: flex;
    }
    #shareIcons .blog-back-btn{
        margin-right: 0.2rem;
    }
    .wrapper{
        top:0px;
        height: 452px;
    }
    .home-swip-section .home-swip-column{
        min-height: 480px;
    }
    .home-products-section .pd-block{
        padding: 5px;
    }
}
@media (min-width: 768px){
    
    .content-width-fix {
        width: 310px;
        right: 12% !important;
    }
}
@media (max-width: 767px){
    .page-title {
        margin-bottom: 15px;
    }
    .products-list-product .btn{
        opacity: 1;
    }
    .pdp-product-description-content{
        width: 100%;
    }
    .products-list-col{
        width: 50%;
    }
    .wrapper{
        height: 384px;
    }
    .home-swip-section .home-swip-column{
        min-height: 450px;
    }
    .home-swip-section{
        min-height: 420px;
        padding-bottom: 50px;
    }
    #hotspotImg .hotspot-image,#secondhotspotImg .hotspot-image{
        max-width: unset;
    }
    #secondhotspotImg .hotspot-image{
        width: auto;
        height: 100%;
    }
    .tooltip{
        transform: scale(0.7);
        top: 0 !important;
        right: -90px !important;
    }
    .hot-spot .tip-upside{
        bottom: calc(100% - 20px) !important;
        top: auto !important;
        right: -70px !important;
    }
    .tooltip:not(.tip-upside)::before{
        left: 30.5%;
    }
    .tip-upside::before{
        left: 64%;
    }
    .dashboard_content{
        padding: 0;
    }
    /* =================== Configure Infotabs ======================= */
    .specs-sidebar{
        max-width: 100vw;
        overflow-x: hidden;
        border-left: 0;
    }
    .info-close-wrap{
        max-width: 100%;
    }
    .specs-mega-menu{
        width: 100%;
        border-left: 0;
        padding-top: 42px;
    }
    .specs-mega-menu>li{
        width: 100%;
    }
    .specs-mega-sub{
        position: absolute;
        width: 100%;
        z-index: 99;
        background-color: #fff;
        right: -100%;
        left: auto;
        padding-top: 43px;
        transition: all 0.4s;
        display: block;
    }
    .specs-open .specs-mega-sub{
        right: 0%;
    }
    .specs-sidebar .specs-link{
        padding-left: 16px;
    }
    .specs-sidebar .specs-link:before,.specs-open .specs-link:before{
        content: "\e649";
    }
    .specs-sidebar .specs-link:before{
        background-color: transparent;
        color: #000;
        right: 1.05rem;
        left: auto;
        font-size: 1.2rem;
    }
    .specs-sidebar .specs-open .specs-link:before{
        color: #fff;
        background-color: transparent;
    }
    .specs-heading-wrap{
        margin-top: 0;
    }
}
@media (min-width: 576px){
    
}
@media (max-width: 575px) {
    .post-footer a{
        display: block;
    }
    .home-products-section .pd-block {
        flex: 1 0 100%;
        max-width: 100%;
    }
    .products-list-col
    {
        width: 100%;
    }
    .blog-col{
        width: 100%;
    }
    .footer-socialicon-wrapper{
        justify-content: center;
        padding-left: 30px;
    }
    .head-logo{
        font-size: 18px;
    }
    .head-shop-icon label{
        display: none;
    }
    .details-action-btn-wrapper{
        flex-wrap: wrap;
    }
    .details-action-btn-wrapper .buy-now,
    .details-action-btn-wrapper .add-to-cart{
        margin-bottom: 15px;
    }
    .details-action-btn-wrapper .configure-btn{
        width: 100%;
        margin-left: 0;
    }
    .products-list-title, .products-list-price{
        text-align: left;
    }
    .products-list-price{
        font-weight: 400;
        font-size: 16px;
    } 
    .swal2-popup.custom-success-popup{
        max-width: 300px !important;
        min-width: auto;
    }
    .swal2-title{
        font-size: 0.825rem !important;
        line-height: 1.2;
    }
    .custom-success-popup .swal2-success-ring, .custom-success-popup .swal2-icon{
        width: 40px !important;
        height: 40px !important;
        margin-right: 0.825rem;
    }
    .custom-success-popup .swal2-success-line-long {
        width: 25px !important;
        right: auto !important;
        top: 16px !important;
        left: 12px !important;
    }
    .custom-success-popup .swal2-success-line-tip {
        width: 12px !important;
        left: 8px !important;
        top: 20px !important;
    }
    .custom-success-popup {
        margin-right: 0.625rem;
        margin-bottom: 0.625rem;
    }
    .quantity .qty{
        width: 36px;
    }
    .cart-btn-secondary,.cart-btn-checkout{
        padding: 5px !important;
    }
    .grand-total-row{
        padding: 0 !important;
    }
    .grand-total .proceed-btn i {
        display: none;
    }
    .auth-modal .modal-content{
        transform: scale(.8);
    }
    .auth-modal .form-tabs-content {
        padding: 20px 0px 0;
    }
    .auth-modal .form-tabs-content .form-group label{
        letter-spacing: 0;
        font-size: 10px;
    }
    .form-tabs-content{
        padding: 0;
    }
    .form-flexed-row{
        flex-wrap: wrap;
    }
    .form-flexed-row div:last-child{
        margin-left: 0;
    }
    .form-flexed-row div:first-child{
        margin-right: 0;
    }
    .products-list-title h2{
        line-height: 1.2;
        word-wrap: break-word;
    }
    .item_remove{
        padding: 5px 10px;
    }
    .swal2-icon.swal2-info{
        font-size: 30px;
        line-height: 60px;
    }
    .home-products-section .pd-block{
        padding: 4px;
    }
    .product-detail2 .img-tile{
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media (max-width: 455px){
    body{
        padding-top: 116px;
    }
}
@media (min-width: 1400px)
{
    .products-list-col
    {
        width: 33.3333%;
    }
    .products-list-product .btn
    {
        font-size: 14px;
        padding: 8px 24px;
    }
    #configurator-container{
        max-height: 800px;
    }
}

@media (min-width: 1500px) {

}
@media (max-width: 340px){
    .post-footer a:not(:last-child){
        margin-right: 0.325rem;
    }
    .post-footer a:not(:first-child) {
        padding-left: .325rem;
    }
    .head-logo{
        max-width: 170px;
    }
    .head-navbar, .head-nav-ul.head-sub-menu{
        height: calc(100vh - 82px);
        top: 82px;
    }
    .product-detail2 .btn{
        padding: 8px 0;
    }
}

@media (min-width:1200px) and (max-width: 1600px){
    
}
@media (min-width:992px) and (max-width:1199px){
    .wrapper{
        height: 350px;
    }
    .hotspot-image{
        transform: translateX(-5%);
        width: 456px;
    }
    #secondhotspotImg{
        max-width: 456px;
    }
    .home-swip-section {
        min-height: 698px;
    }
}
@media(max-width:991px){
    .wrapper{
        max-width: 600px;
    }
    .hotspot-image
    {
        width: 100%;
    }
    .pre-footer .footer-col span{
        white-space: nowrap;
    }
    .content-width-fix{
        width: 238px !important;
        right: -8% !important;
    }
    .section-img-content, .section-text-wrapper h2, h2{
        font-size: 24px;
        line-height: 35px;
    }
    .product-slideshow-title-wrap{
        text-align: center;
        width: max-content;
        padding: 6px 12px;
    }
    .product-slideshow-title-wrap>*{
        font-size: 1rem;
    }
}
@media(max-width:580px){
    #secondhotspotImg{
        width: calc(100vw - 30px);
    }
    .hotspot-image,#secondhotspotImg .hotspot-image{
        width: 600px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
   }
   .home-swip-section .home-swip-column {
    min-height: 410px;
    }
}
@media (max-width: 490px)
{
    .hotspot-image,#secondhotspotImg .hotspot-image{
        width: 500px;
    }
}
@media (max-width: 410px)
{
    .hotspot-image,#secondhotspotImg .hotspot-image{
        width: 400px;
    }
    .h5, h5 {
        font-size: 14px;
    }
}
@media (max-width: 340px)
{
    .hotspot-image,#secondhotspotImg .hotspot-image{
        width: 380px;
    }    
}
@media(min-width: 1600px){
    .main-wrapper{
        margin: 0 auto;
        max-width: 1470px;
    }
    .home-option-step .container-fluid{
        max-width: 1400px;
    }
}
@media(min-width: 1900px){    
    .cdm-container{
        max-width: 1470px;
    }
}