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

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

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

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

@media only screen and (max-width: 1120px) {
    
    .mainLogin .contentLogin .col2 .h3 {
        font-size: 30px;
    }
    .mainLogin .contentLogin .col2 .h3 strong {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1100px) {
    
    .itemSecureTr .titleSub {
        font-size: 20px;
    }
    .itemSecureTr .titleSub span {
        font-size: 16px;
    }
    .FeatureBox {
        grid-gap: 20px;
        grid-template-columns: repeat(2,1fr);
    }
    .dashboardBox .itemcard.themeCard1 .content {
        font-size: 20px;
    }
    .itemAdsSmall .MainContentItemAds {
        grid-gap: 20px;
    }
    .itemAdsSmall .top h3.title {
        font-size: 18px;
    }
    .itemAdsSmall .top span.CatItemAds a {
        font-size: 16px;
    }
    .itemAdsSmall .MainContentItemAds span.pic {
        width: 150px;
        height: 150px;
    }
    .itemAdsSmall .MainContentItemAds .content {
        width: calc(100% - 170px);
    }
    .PriceDate span.price.discount {
        font-size: 20px;
    }
    .PriceLocation span.price {
        font-size: 16px;
    }
    .itemAdsSmall .hoverBox a {
        font-size: 14px;
    }
    .itemAdsSmall .hoverBox a:before {
        width: 30px;
        height: 30px;
    }

}

@media only screen and (max-width: 980px) {
    
    
    .mainLogin .contentLogin .col2 .h3 {
        font-size: 26px;
    }
    .mainLogin .contentLogin .col2 .h3 strong {
        font-size: 26px;
    }
}

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

}
@media only screen and (max-width: 768px) {
    .mainLogin .contentLogin .col1, .mainLogin .contentLogin .col2 {
        width: 100%;
    }
    .mainLogin .contentLogin .col1 {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        opacity: 0.1;
        height: 100%;
    }
    .itemSliderLogin {
        position: relative;
        width: 100%;
        background: no-repeat center / cover;
        display: block;
        height: 100% !important;
        max-height: 100% !important;
    }
    .itemSliderLogin:before {
        display: none;
    }
    .mainLogin .SliderOne, .mainLogin .SliderOne .swiper-wrapper, .mainLogin .SliderOne .swiper-slide {
        height: 100%;
    }
    .NextPrevSlider {
        opacity: 0;
    }
    .mainLogin .contentLogin .col2 {
        position: relative;
        z-index: 1;
        background: transparent !important;
    }

}

@media only screen and (max-width: 680px) {
    
    .contentForm {
        display: flex;
        flex-direction: column;
    }
    .contentForm .col:nth-child(2) .boxInput textarea {
        min-height: 150px;
        max-width: 150px;
    }
    
}

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

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

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

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

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

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

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

}