@media only screen and (min-width: 1400px) {    
    .container{
        max-width:1260px;
    }
}
@media only screen and (min-width: 1728px) {    
    .container{
        max-width:1588px;
    }
}
@media only screen and (max-width: 1599.98px) {    
    h1{
        font-size: 50px;
    }
    h2{
        font-size: 35px;
    }
    .joinus-inner-wrapper{
        padding: 32px 250px;
    }
}
@media only screen and (max-width: 1499.98px) {    
    h1{
        font-size: 40px;
    }
    h2{
        font-size: 30px;
    }
    .joinus-inner-wrapper{
        padding: 30px 200px;
    }
}
@media only screen and (max-width: 1199.98px) {    
    h1{
        font-size: 35px;
    }
    h2{
        font-size: 28px;
        line-height: 1.3;
    }
    .mt-main {
        margin-top: 70px;
    }
    .logo-back{
        width:300px;
        height:150px;
    }
    .joinus-inner-wrapper {
        padding: 30px 150px;
    }
}
@media only screen and (max-width: 991.98px) { 
    .mt-main {
        margin-top: 60px;
    } 
    body{
        font-size: 16px;
        line-height: 1.2;
    }  
    h1{
        font-size: 30px;
    }
    h2{
        font-size: 20px;
    }
    .cta-btn{
        font-size: 16px;
        padding: 12px 20px;
    }
    .main-banner{
        padding:40px 0;
    }
    .joinus-inner-wrapper {
        padding: 30px 80px;
    }
    .footer-wrapper{
        padding: 0 40px;
    }
    .footer-logo-area {
        max-width: 230px;
    }
    .footer-top-block {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .footer-bottom-block {
        padding: 26px 0;
    }
    .top-logo-link {
        margin: 12px 0;
    }
}
@media only screen and (max-width: 767.98px) {  
    .top-logo-link{
        margin:10px 0;
    }
    .header .logo{
        max-height:35px;
    }
    .main-banner {
        padding: 35px 0;
    }
    h1{
        font-size: 35px;
        margin-bottom:20px;
    }
    h2{
        font-size: 25px;
        margin-bottom:20px;
    }
    .cta-btn{
        margin-top:28px;
    }
    .main-banner-img-back{
        margin-top:30px;
    }    
    .mt-main {
        margin-top: 50px;
    }
    .extra-padding1{
        padding-right:15px;
    }
    .extra-padding2{
        padding-left:15px;
    }
    .inner-block-margin{
        margin-top:30px;
    }
    .joinus-inner-wrapper {
        padding: 30px;
    }
    .footer-top-block {
        padding: 40px 0;
    }
    .footer-logo-area {
        max-width: 100%;
    }
    .footer-logo-area .footer-logo{
        max-height:35px;
    }
    .footer-logo-link{
        margin-bottom: 20px;
    }
    .footer-bottom-block {
        padding: 20px 0;
    }
    .followus-area{
        margin-top:40px;
    }
    .followus-area h5 {
        margin-bottom: 20px;
    }
    .copyright-part{
        flex-direction: column;
        font-size: 14px;
    }
    .main-footer {
        margin-bottom: 30px;
    }
    .copyright-part .copyright{
        margin-bottom: 8px;
    }

    /* Login and Signup pages CSS Start Here */
    .inner-new-wrapper {
        margin-top: 60px;
    }
    .top-header-area{
        justify-content: space-between;
        padding-left:20px;
        padding-right:20px;
    }
    .login-btn-part{
        position: static;
    }
}
@media only screen and (max-width: 575.98px) { 
    /* Login and Signup pages CSS Start Here */

    .login-regis-form input,
    .login-regis-form p,
    .inner-new-wrapper p,
    .country,
    .registration-content ul li {
        font-size: 14px;
    }
    .top-header-area{
        padding:5px 12px;
    }
    .bidells-header-buttons,
    .bidells-header-buttons-outline{
        padding:10px;
    }
    .bidells-header-buttons-outline{
        margin-left:10px;
    }
    .top-logo-link {
        margin: 10px 10px 10px 0;
    }
    .iti__country{
        font-size: 14px;
    }
}
@media only screen and (max-width: 375.98px) {  
    body{
        font-size: 14px;
        line-height: 1.3;
    } 
    h1{
        font-size: 30px;
    }
    h2{
        font-size: 20px;
    }
    .logo-back {
        width: 280px;
        height: 130px;
    }
    .footer-wrapper {
        padding: 0 30px;
    }
}