/*************************Media query responsive*****************************/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    .wrap-login100 {
        margin-bottom: 10px;
    }
    .main-tite h3 {
        font-size: 25px;
        padding-top: 5px;
    }
    .wrap-login100 {
        padding: 15px 15px 15px 15px;
        margin-bottom: 10px;
    }
    .register-heading {
        font-size: 20px !important;
    }
    .funkyradio label {
        font-size: 9px !important;
    }

    .total-amount {
        /* margin: 0 5px !important; */
        /* width: 90% !important; */
        width: 100% !important;
        margin-bottom: 0px !important;
        padding: 5px 3px !important;
    }

    .register .register-form {
        padding: 22px 0px  0px !important;
    }
    .register-left img {
        margin-top: 5% !important;
        width: 10% !important;
    }
    .col-custom{
        width: 50%;
    }
    .login100-form-btn a {
        font-size: 17px !important;
    }
    .main-tite h3 {
        font-size: 30px;
        /* color: #b9178f; */
        color: #f6fdff;
        line-height: 38px;
        padding-top: 20px;
        font-weight: 600;
    }
    .option-custom {
        font-size: 11px;
    }
    .register .register-form {
        margin-top: 5% !important;
    }
    .register-left {
        margin-top: 0% !important;
    }
    .left-logo img {
        max-width: 50px !important;
    }
    .left-right img {
        max-width: 41px !important;
    }
    .contact-us {
        margin-bottom: 5px;
    }
    .main-tite img {
        max-width: 115px !important;
    }
    .main-tite h3 {
        font-size: 30px !important;
        color: #f6fdff;
        padding-top: 9px !important;
    }
    .form-group {
        margin-bottom: 0.5rem !important;
    }
    .desktop-left{
        display: none;
    }
    .mobile-left{
        display: block !important;
    }
    .celebrte-logo img {
        max-width: 109px !important;
    }
    .reg-title{
        font-size: 14px !important;
        padding-bottom: 15px !important;
    }
    span.reg-title {
        font-size: 14px;
    }

    .small-txt {
        font-size: 11px !important;
        margin: 0px;
        font-weight: normal !important;
        padding: 3px 5px;
        color: #626161 !important;
    }
       .form-group label {
        margin-bottom: 0px;
        font-size: 14px;
    }
   .logo-mbl {
        margin-bottom: 20%;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
 .wrap-login100 {
        margin-bottom: 10px;
    }
    .funkyradio label {
        font-size: 9px !important;
    }

}


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
 .wrap-login100 {
        margin-bottom: 10px;
    }

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

 

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
 .register-heading {
        font-size: 24px;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
 .register-heading {
        font-size: 24px;
    }
}




@media only screen and (min-width: 960px) {
        /* styles for browsers larger than 960px; */
    }
    @media only screen and (min-width: 1440px) {
        /* styles for browsers larger than 1440px; */
    }
    @media only screen and (min-width: 2000px) {
        /* for sumo sized (mac) screens */
    }
    @media only screen and (max-device-width: 480px) {
       /* styles for mobile browsers smaller than 480px; (iPhone) */
    }
    @media only screen and (device-width: 768px) {
       /* default iPad screens */
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
    }