/* ---------------------------------- 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) {

	.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 10px;
		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;
	}


}