.clb-hamburger-nav .menu .menu-item-depth-0>a:before {
		color: #000;
	}
	.ethnoroot-img {
		height: 100vh !important;
	}
	.calltry {
	   height: 100vh !important;
	}
	.misostudy {
		height: 100vh !important;
	}
	


	@media (min-width: 320px) and (max-width: 767px) {
	.number {
      width: 600px;
      margin-left: 11%;
    }
    .client_logo_section .vc_col-sm-2 {
        width: 32.33% !important;
        display: inline-block !important;
    }
	.heading_outstanding_reviews h2 {
        font-size: 26px !important;
        margin-top: 60px !important;
    }
	/* .vc_row.vc_row-flex {
        display: block !important;
    } */
	.servises-main i {
       vertical-align: text-bottom;
       font-size: 12px;
   }}

@media (min-width: 768px) and (max-width: 1024px) {
    body .our_packages_section .stuff-card .item-cards-text>a h3 {
        font-size: 20px !important;
        margin-bottom: 18px !important;
        padding-top: 20px !important;
    }
	body .our_packages_section .stuff-card p {
        font-size: 15px !important;
        line-height: 28px !important;
    }
    .stuff-card .cards-bottom button {
       font-size: 20px !important;
    }
	body .our_packages_section .stuff-card .item-cards-text>a h3 {
        font-size: 12px !important;
        margin-bottom: 18px !important;
        padding-top: 20px !important;
    }
	body .our_packages_section .stuff-card p {
        font-size: 11px !important;
        line-height: 16px !important;
    }
	.stuff-card .cards-bottom button {
       font-size: 14px !important;
    }
	body #ethno-img {
       width: auto !important;
       height: 75vh !important;
    }
	.client-inner-content {
		height: 75vh !important;
	}
	.client-inner-content {
       width: 101%;
    
    }
	.calltry {
	   height: 75vh !important;
	   padding-bottom: 97% !important;
	}
	.misostudy {
		height: 75vh !important;
	}}



@media (min-width: 381px) and (max-width: 494px) { 
    body .our_packages_section .item-cards, body .our_packages_section .stuff-card { 
        height: auto !important; 
        min-height: 250px !important; 
    }} 

@media (min-width: 495px) and (max-width: 767px) {
    body .our_packages_section .item-cards, body .our_packages_section .stuff-card {
        height: auto !important;
        min-height: 305px !important;
    }}
	
	@media (min-width: 381px) and (max-width: 494px) {
    .apps-btn-div .apps-btn a {
        font-size: 12px !important;
    }}

@media (min-width: 320px) and (max-width: 767px) {
.calltry {
   height: 40vh !important;
   padding-bottom: 55% !important;
   background-image: none !important;
    }
.misostudy { 
    height: 40vh !important; 
	padding-bottom: 60% !important; 
    background-image: none !important; 
   }}

/* =========================================
   PHONE CALLBACK FORM - RESPONSIVE
========================================= */

.get-call-back-div .phonenumber {
    width: 80%;
    max-width: 100%;

    margin: 20px 0 0 0 !important;
    padding: 1px 10px !important;

    display: grid;
    grid-template-columns: 60px minmax(0, 1fr) 135px;
    gap: 6px;

    align-items: center;
    box-sizing: border-box;

    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;

    border-radius: 30px;

    overflow: hidden;
	height: 60px;
}


/* =========================================
   COUNTRY CODE
========================================= */

.get-call-back-div .phonenumber > input.countrycode {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;

    height: 46px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    box-sizing: border-box;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    outline: none !important;
}


/* Hide duplicate CF7 Country Code field */

.get-call-back-div .phonenumber > .wpcf7-form-control-wrap[data-name="countrycode"] {
    display: none !important;
}


/* =========================================
   PHONE NUMBER WRAPPER
========================================= */

.get-call-back-div .phonenumber > .wpcf7-form-control-wrap[data-name="short-callback-mobile"] {
    width: 100%;
    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;

    display: block;
    box-sizing: border-box;
}


/* =========================================
   PHONE NUMBER INPUT
========================================= */

.get-call-back-div .phonenumber .short-callback-mobile {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: 46px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    box-sizing: border-box;

    background: transparent !important;

    border: none !important;
    border-width: 0 !important;
    box-shadow: none !important;

    outline: none !important;
}


/* Remove focus border/shadow */

.get-call-back-div .phonenumber .short-callback-mobile:focus,
.get-call-back-div .phonenumber .short-callback-mobile:active {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}


/* Remove Number Spinner */

.get-call-back-div .phonenumber .short-callback-mobile::-webkit-inner-spin-button,
.get-call-back-div .phonenumber .short-callback-mobile::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.get-call-back-div .phonenumber .short-callback-mobile {
    -moz-appearance: textfield;
}


/* =========================================
   GET A CALL BACK BUTTON
========================================= */

.get-call-back-div .phonenumber .short-callback-submit {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;

    height: 38px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    box-sizing: border-box;

    display: block;
    align-self: center;

    border-radius: 20px !important;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .get-call-back-div .phonenumber {
        grid-template-columns: 56px minmax(0, 1fr) 120px;
        gap: 5px;

        padding: 5px !important;
    }

    .get-call-back-div .phonenumber > input.countrycode {
        width: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;

        height: 44px !important;
    }

    .get-call-back-div .phonenumber .short-callback-mobile {
        height: 44px !important;
        font-size: 14px;
    }

    .get-call-back-div .phonenumber .short-callback-submit {
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;

        height: 36px !important;

        font-size: 13px;
    }}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .get-call-back-div .phonenumber {
        grid-template-columns: 55px minmax(0, 1fr) 105px;
        gap: 4px;

        padding: 5px !important;
    }

    .get-call-back-div .phonenumber > input.countrycode {
        width: 55px !important;
        min-width: 55px !important;
        max-width: 55px !important;

        height: 43px !important;
        font-size: 14px;
    }

    .get-call-back-div .phonenumber .short-callback-mobile {
        height: 43px !important;
        font-size: 14px;
    }

    .get-call-back-div .phonenumber .short-callback-submit {
        width: 105px !important;
        min-width: 105px !important;
        max-width: 105px !important;

        height: 35px !important;

        font-size: 12px;
        padding: 0 6px !important;
    }}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 380px) {

    .get-call-back-div .phonenumber {
        grid-template-columns: 52px minmax(0, 1fr) 95px;
        gap: 3px;

        padding: 5px !important;
    }

    .get-call-back-div .phonenumber > input.countrycode {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

        padding: 0 5px !important;
    }

    .get-call-back-div .phonenumber .short-callback-submit {
        width: 95px !important;
        min-width: 95px !important;
        max-width: 95px !important;

        height: 34px !important;

        font-size: 11px;
        padding: 0 4px !important;
    }}















/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .get-call-back-div .phonenumber {
        grid-template-columns: 56px minmax(0, 1fr) 120px;
        gap: 0px;

        width: 100%;
        max-width: 100%;
    }

    .get-call-back-div .phonenumber > input.countrycode {
        width: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;

        height: 46px !important;
    }

    .get-call-back-div .phonenumber .short-callback-mobile {
        height: 46px !important;
        font-size: 14px;
    }

    .get-call-back-div .phonenumber .short-callback-submit {
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;

        height: 46px !important;
        font-size: 13px;
    }}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .get-call-back-div .phonenumber {
        grid-template-columns: 55px minmax(0, 1fr) 105px;
        gap: 0px;

        width: 100%;
        max-width: 100%;
    }

    .get-call-back-div .phonenumber > input.countrycode {
        width: 55px !important;
        min-width: 55px !important;
        max-width: 55px !important;

        height: 45px !important;
        font-size: 14px;
    }

    .get-call-back-div .phonenumber .short-callback-mobile {
        height: 45px !important;
        font-size: 14px;
    }

    .get-call-back-div .phonenumber .short-callback-submit {
        width: 105px !important;
        min-width: 105px !important;
        max-width: 105px !important;

        height: 45px !important;
        font-size: 12px;
        padding: 0 6px !important;
    }}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 380px) {

    .get-call-back-div .phonenumber {
        grid-template-columns: 52px minmax(0, 1fr) 95px;
        gap: 0px;
    }

    .get-call-back-div .phonenumber > input.countrycode {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;

        padding: 0 5px !important;
    }

    .get-call-back-div .phonenumber .short-callback-submit {
        width: 95px !important;
        min-width: 95px !important;
        max-width: 95px !important;

        font-size: 11px;
        padding: 0 4px !important;
    }}