/**
* media style css
*/


@media(min-width:100px) and (max-width:999px){
    
#header-outer {
  background: #000 !important;
}

	body #top #logo img,
  #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height:60px!important;
	  width:140px;
	  object-fit:contain;
  } 
	
	
}

@media (min-width: 100px) and (max-width: 1240px) {


    .acf-user-profile-form,
    .escort-user-profile-view {
        flex-direction: column;
    }

    .escort-user-profile-view{
      gap: 20px;
    }

    .escort-profile-left-side,
    .escort-left-side-view{
        width: 100% !important;
    }
    .escort-profile-right-content,
    .escort-profile-content-preview{
        width: 100% !important;
        padding: 0px !important;
    }

    .service_name_col,
    .service_type_col,
    .deposit_col,
    .rate_col{
        width: 100%;
    }

    .escort-content-listing .acf-fields {
         flex-direction: column !important;
         gap: 20px;
    }

    .escort-content-listing .acf-fields .acf-field {
        width: 100% !important;
    }

    .acf-checkbox-list li {
        width: 50% !important;
    }

    .escortTab {
        flex-direction: column !important;
        gap: 15px;
    }

    .acf-user-profile-form .escortTab .escortform-group{
        width: 100% !important;
    }

    .escort-side-view-about.escort-side-wrap-timeAvail h3 {
     margin-bottom: 10px !important;
  }

}


@media (min-width: 100px) and (max-width: 767px) {
.form-row{
        flex-direction: column;
    }

        .acf-checkbox-list li {
 		 width: 100% !important;
	}
	
	.somfrp-lost-pass-form-text {
  		margin-bottom: 20px;
	}	

  	.select_services .form-group {
 		 width: 100%;
	}
	.escort-user-profile-view .escort-side-wrap-about .escort-profile-view-row-wrap .escort-column {
  		width: calc((100% - (1 * 10px)) / 2) !important;
	}
	
	.escort-profile-right-content h2 {
  		font-size: 2.5rem;
  		margin: 1.5rem 0;
	}

  .back-button.mainbackwrap {
  margin: 0px 0 0px 0;
}

.mng-escort-model-loader-content .mng-escort-model-cntnt {
  font-size: 18px;
}

.mng-escort-model-loader-content.success .mng-escort-model-cntnt{
  font-size: 18px;
}

.escort-list-sldier {
  padding-bottom: 50px;
  padding-top: 50px;
}

.wrapcolumn {
  flex-direction: column;
}

.escort-user-profile-view .escort-profile-view-wrap h2 {
  font-size: 26px;
}



}