/* ---------------------------------- Responsive Media Styles ---------------------------------*/



@media (min-width: 1200px) {
	
	.container-productdetail { max-width: 1200px}
	 
}

 

@media only screen and (min-width: 769px) {
	 
	 .tophead .tophead-right .dropdown-menu { display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; top:180%;  }
	.tophead .tophead-right  .dropdown-toggle:hover .dropdown-menu { transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
	 
	 .navbar .nav-item .dropdown-menu {  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; top: 180%  }  
	.navbar .nav-item:hover .dropdown-menu { transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }  

}





/* Medium : 647px */

@media only screen and (max-width: 767px) {
     
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
     
}

/* Small : 320px */

@media screen and (max-width: 575px) {
	
}

@media (min-width: 320px) and (max-width: 440px) {
	.banner-searchicon { height: 16px; }
	.discover-items { padding: 2px 5px; }
	.btn { padding: 7px 20px !important}
	.moblogo img { height: 50px; width: 100%; object-fit: contain;}
	.btn-outline-head { font-size: 12px;}
	.btn-outline-head i { font-size: 11px; margin-left: 0px;}
	.banner-head-content h1 { font-size: 18px;}
	.banner-head-content p { font-size: 12px;}
	.search-bar input { font-size: 12px; padding: 0px 8px; }
	.btn-primary-banner { font-size: 12px; padding: 8px 30px;}
	.search-bar { border-radius: 10px;}
	.discover-location { border-left: none;}
	.browse-categories .browse-links { padding: 6px 7px; margin-right: 5px;}
	.browse-links a { font-size: 12px;}
/*	.hero-section { height: 460px; background-size: cover; background-position: right;}*/
	.hero-section .carousel img { height: 460px;  }
	.carousel-indicators { bottom: 0px;  }
	.top-banner { mix-blend-mode: none;}
	/* .top-banner { margin-top: 20px;} */
	.top-category { padding: 30px 0px;}
	.head-text h1 { font-size: 20px;}
	.cate-box p { font-size: 12px;}
	.cate-box { margin-bottom: 10px;}
	.cate-box img { height: 70px; width: 50px; object-fit: contain;}
	.head-text h5 { font-size: 16px;}
    .services-offered { padding: 40px 0px 0px 0px;}
	.listing-item-content p { font-size: 12px;}
	.listing-item-content h1 {font-size: 16px;}
	.listing-badge { font-size: 10px;}
	.join-text { padding: 60px 0px;}
	.join-text h1  { font-size: 25px;}
	.join-text p { font-size: 13px;}
	.btn-primary { font-size: 12px;}
	.it-works { padding: 40px 0px;}
	.how-work-img i  { font-size: 25px;}
	.how-work-img { flex: 0 0 80px; width: 80px; height: 80px;}
	.work-content p { font-size: 12px;}
	.work-content h1 { font-size: 15px;}
	.it-works-bg img { height: 250px; background-size: cover;}
	.from-blog {padding: 40px 0px;}
	.noflexwrap { flex-wrap: inherit; overflow-x: scroll;}
	.blogging-item-content h1 { font-size: 15px;}
	.blog-box { height: 300px; width: 250px;}
	.img-box-2 { height: 100%; background-size: contain;}
	.blogging-item-content { padding: 0px 0px 20px 0px;}
	.blogging-item-content p { font-size: 12px;}
	.blogging-item-content p span { font-size: 13px;}
	.tip-badge { font-size: 8px;}
	footer { padding-top: 40px;}
	.footer-disc p { font-size: 13px;}
	.f-links li a { line-height: 30px;}
	.location-dets p { font-size: 12px;}
	.copyright-text p { font-size: 11px;}
	.helpful-links h1 { font-size: 18px;}
	.tophead-2 ul li { display: block; line-height: 40px;}

	.project-dropdownbox { width: 288px;}
	.makeup-badge { top: -200px !important;}
	.makeup-context h3  { font-size: 16px;}
	.makeup-item-content { padding: 8px;}
	.makeup-img-circle img { width: 95px;}
	.makeup-bordr { border-radius: 5px;}
	.pagination-order .pagination li a { margin: 5px; padding: 10px 15px;}

	/* new-change */
	.make-up-location  { height: 400px;}


	/* ===== */
	.makeup-img-circle-2 img { height: 75px;}
	.tab-content ul.list-unstyled li { padding: 15px 5px;}
	.service-sub-text  { margin-top: 40px;}
	.about-text p { font-size: 13px;}
	.service-sub-text h1 { font-size: 20px;}
	.review-box .border-left { border-left: none !important; padding: 0px;}
	.user-profile-img { height: 70px; width: 300px; }
	.service-box { padding: 20px;} 
	.radio label { font-size: 12px !important; margin-right: 11px !important; }
	.search-group .dropdown { font-size: 14px; height: 46px; padding: 12px;}
	.service-sub-text a p { font-size: 13px;}
	.order-dets p a { font-size: 13px;}
	.new-modal .modal-body {padding: 25px;}
	.new-modal .modal-header { padding: 20px 25px;}
	.modal-tab .nav-link { padding: 12px;}
	.services-tabs .nav-tabs .nav-link { font-size: 14px; padding: 10px 11px; }
	.search-group-1 label { font-size: 14px;}
	.remember-lable label { font-size: 12px !important;}
	.lost-link{ font-size: 13px;}
	.close-btn-filter i {font-size: 19px;}
	.new-modal .modal-header .close-btn-filter { padding: 6px 12px;}
	.search-group input { padding: 22px 15px;}

	/*====new====*/
	.looking-input input { padding-left: 40px; 	}
	.location-input input { padding-right: 40px; }

	/* ==== */
	.top-head h2 { font-size: 25px; }
	.personal-detailstext h3 { font-size: 19px; }
	.pay-label { font-size: 13px; }

	.open-box { height: 209px; }
	.booking-summary { padding: 25px; }
	.Confirm-bookingcontent i { font-size: 60px; }
	.Confirm-bookingcontent h2 { font-size: 23px;  margin-bottom: 10px; margin-top: 15px; }
	.Confirm-bookingcontent p { font-size: 14px; margin-top: 13px; }
	.view-btn { padding: 9px 30px; font-size: 13px; }

	.appointment-date { font-size: 11px; padding: 4px 5px; }
	.makeup-context-2 p { font-size: 12px; }
	.status-contentbox { padding: 10px; }

	.ideastatusbar li:after { width: 63%; }
	.ideastatusbar li { width: 23%; }

	.user-topdrop button { font-size: 14px; }
	.listing-item-content {  padding: 20px 20px 14px; }

/*
	.user-topdrop .dropdown-menu.show  {
		transform: translate3d(-87px, 43px, 0px) !important;
	}
*/

/* ============================== */
.gallery-slider .owl-prev span{ left: 10px;}
.gallery-slider .owl-next span{ right: 10px;}

	 
}