﻿@media only screen and (max-width: 768px) {
    input.form-control.input-mobileno-section {
        width: 91.5%;
        margin-left: 23px;
    }

    ::placeholder {
        color: #555555 !important;
        font-size: 15px;
        font-family: Calibri !important;
    }

    /*account page*/

    input.w-100.pl-2.account-page-input.account-page-mobileNo {
        margin-left: 24px;
        width: 85% !important;
    }
    /*my samples pagination*/
    .section-pagination {
        width: 92%;
        margin-left: 15px;
    }

    .mySample-page-select {
        width: 214.3px !important;
    }

    #dvProductItemList1 {
        min-height: auto !important;
    }

    div-class-backgroud-fix {
        position: sticky;
        top: 0;
    }
    /*country code*/
    .iti__selected-flag {
        z-index: 1;
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
        padding: 1px 6px 0 4px !important;
    }

    .image-product {
        min-height: 140px !important;
        max-height: 140px !important;
    }

    .card.product_item {
        max-height: 140px !important;
        min-height: 140px !important;
    }

    .text-product {
        margin-top: -40px !important;
    }

        .text-product h4 {
            font-size: 20px !important;
        }
    .expire-details {
        margin-left: 41px !important;
    }

    .expire-timmer {
        margin-left: -11px;
    }
}



@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    input.form-control.input-mobileno-section {
        width: 88%;
        margin-left: 28px;
    }

    /*account page*/
    input.w-100.pl-2.account-page-input.account-page-mobileNo {
        margin-left: 30px;
        width: 80% !important;
    }

    input.form-control.input-mobileno-section.pag-password-mobileNo {
        width: 88.5%;
    }

    .mySample-page-select {
        width: 198px !important;
    }

    .termspage-background-section {
        height: auto;
    }

    .mySample-page-select {
        width: 195px !important;
    }
    /*country code*/
    .iti__selected-flag {
        z-index: 1;
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
        padding: 1px 6px 0 4px !important;
    }
    .image-product {
        min-height: 130px !important;
        max-height: 130px !important;
    }
    .card.product_item {
        max-height: 130px !important;
        min-height: 130px !important;
    }
    .text-product {
        margin-top: -40px !important;
    }
        .text-product h4 {
            font-size: 20px !important;
        }
    .expire-details {
        margin-left: 41px !important;
    }
    .expire-timmer {
        margin-left: -11px;
    }
 
    
}


/*iPhone6/7/8*/
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
    input.form-control.input-mobileno-section {
        width: 88%;
        margin-left: 28px;
    }

    /*account page*/
    input.w-100.pl-2.account-page-input.account-page-mobileNo {
        margin-left: 30px;
        width: 80% !important;
    }

    .mySample-page-select {
        width: 193px !important;
    }

  
   

    .mySample-page-select {
        width: 163px !important;
    }
    #dvProductItemList1 {
        min-height: auto !important;
    }
    /*country code*/
    .iti__selected-flag {
        z-index: 1;
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
        padding: 1px 6px 0 4px !important;
    }
    .image-product {
        min-height: 140px !important;
        max-height: 140px !important;
    }
    .text-product {
        margin-top: -40px !important;
    }
        .text-product h4 {
            font-size: 18px !important;
        }
    .expire-details {
        margin-left: 41px !important;
    }

    .expire-timmer {
        margin-left: -11px;
    }
 

}
/*galaxy s5*/
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    input.form-control.input-mobileno-section {
        width: 86%;
        margin-left: 30px;
    }

    .g-recaptcha {
        display: inline-block;
        transform: scale(0.8) !important;
        -webkit-transform: scale(0.8) !important;
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0 !important;
    }

    .div-recapcha {
        margin-left: 26px;
    }

    

    .sample-verify-email {
        height: 65px !important;
    }
    input.w-100.pl-2.account-page-input.account-page-mobileNo {
        margin-left: 34px !important;
        width: 76% !important;
    }

    span.select2-selection.select2-selection--single {
        width: 296px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        
        right: 19px !important;
        
    }
    span.select2-selection.select2-selection--single {
        width: 94% !important;
        margin-left:5px !important;
    }
    #drpRedeem.select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 40px !important;
    }
     span.select2.select2-container.select2-container--default {
        width: 107% !important;
    }
    .refmade-select .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 34px !important;
    }
    /*country code*/
    .iti__selected-flag {
        z-index: 1;
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
        padding: 1px 6px 0 4px !important;
    }

    /**select in my redemmed sample page*/
    #my-redemed-selectDiv span.select2-selection__arrow {
        margin-right: 23px;
    }
    #my-redemed-selectDiv span.select2-selection.select2-selection--single {
        width: 80% !important;
    }
    .image-product {
        min-height: 120px !important;
        max-height: 120px !important;
    }
    .card.product_item {
        max-height: 120px !important;
        min-height: 120px !important;
    }
    .container-fluid.sample-verify-email {
        min-height: 60px !important;
    }
    .text-product {
        margin-top: -40px !important;
    }
        .text-product h4 {
            font-size: 15px !important;
        }
    .expire-details {
        margin-left: 41px !important;
    }

    .expire-timmer {
        margin-left: -11px;
    }
 

}

/*i-phone 5/SE*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait) {
    input.form-control.input-mobileno-section {
        width: 82%;
        margin-left: 37px;
    }

    ::placeholder {
        color: #555555 !important;
        font-size: 12px;
        font-family: Calibri !important;
    }

    .iti__selected-dial-code {
        font-size: 13px;
    }

    h6.text-white.text-left.mb-0.regform-select-field {
        font-size: 15px;
    }

    .div-recapcha {
        margin-left: -26px;
    }

    select#exampleFormControlSelect1 {
        font-size: 11px !important;
        padding: 0px !important;
        height: 34px;
    }

    input.w-100.pl-2.account-page-input.account-page-mobileNo {
        margin-left: 39px;
        width: 69% !important;
    }

    .mySample-page-select {
        width: 163px !important;
    }

    .g-recaptcha {
        display: inline-block;
        transform: scale(0.7) !important;
        -webkit-transform: scale(0.7) !important;
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0 !important;
    }

    .div-recapcha {
        margin-left: 0px;
    }

   

    .my-samples-h5 {
        font-size: 1Rem;
    }

    .sample-verify-email {
        height: 65px !important;
    }
    .image-product {
        min-height: 100px !important;
        max-height: 100px !important;
    }
    .card.product_item {
        max-height: 100px !important;
        min-height: 100px !important;
    }
    .text-product {
        margin-top: -40px !important;
    }
    .text-product h4{
        font-size:15px !important;
    }
}
