.headertop{display:none;}
@media (min-width:1400px) {
.header { width: 1360px; margin: auto; }
}
@media (max-width:1024px) {
.navigation { /* position: static;*/ z-index: 99; padding: 0px 26px 0px; box-shadow: 0 0 4px -2px #000; /* background-image: url(../img/black-bg.png);*/ background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; background: rgba(23, 22, 22, 0.65); }
hr.banner-hr2 { margin: 0% 0px 0px; }
.navbar-default .navbar-nav li.active a { color: #fff; font-size: 13px; }
.baneer { position: static; }
.navbar-default { margin: 0 !important; }
.baneer { margin-bottom: 0px; }
}
@media only screen and (max-width:1024px) {
.logo-2-out { margin-top: 0 !important; }
}
 @media only screen and (max-width:1282px) and (min-width:1025px) {
.logo-2-out { margin-top: 0 !important; }
hr.banner-hr2 { margin: 0% 0px 0px; }
}
 @media only screen and (max-width:1024px) and (min-width:992px) {
.border-2 { margin-top: 0px !important; }
.nav > li > a { position: relative; display: block; padding: 24px 12px !important; }
}
 @media (min-width: 992px) {
.footleft { width: 30%; padding-right: 30px; }
.footmdl { width: 40%; padding-left: 40px; padding-right: 40px; }
.footrgt { width: 30%; padding-left: 30px; }
}
@media (max-width: 991px) {
.fonts { position: absolute; z-index: 999; float: right; right: 32px; top: 17px; left: 0; display: none !important; }
.navbar-default .navbar-nav > li > a { font-size: 13px; }
.container { width: 100%!important; }
.container-3 { width: 100%!important; }
.hair-right-outer { padding-left: 16px; }
.hair-left-outer { border-right: 0px solid #95999f; }
.baneer { position: static; float: left; }
.navbar-nav { display: inline-block; text-align: center; float: none; float: left; }
.navigation { position: static; }
.logo-2-out { margin-top: 0 !important; }
.headtplft ul { margin-left: 0px !important; padding: 0px; margin: 0px; }
.navigation1 { padding: 0 !important; }
.navigation1 .row { margin: 0; }
}
@media (min-width: 992px) {
.navbar-collapse.collapse { display: block; }
}
 @media (max-width: 1200px) {
.container { width: 100%;/* padding-left: 30px;
		padding-right: 30px; */ }
.navbar-nav li { display: inline-block; float: none; }
.row { }
.navbar-default .navbar-nav > li > a { font-size: 12px; padding: 20px 5px 20px; }
.homeblockleftin { padding-right: 50px; }
.navbar-default .navbar-nav > li { padding: 0; }
}
 @media (max-width: 1100px) {
.navbar-default .navbar-nav > li > a { font-size: 13px; padding: 20px 3px 20px; }
}
 @media (max-width: 991px) {
img.banner-image { position: inherit; }
.logo { height: auto; display: block; float: left; }
.logo img { width: 100px; height: auto; }
.logodesktop { display: none; }
.logomobile { display: block; }
.header { position: relative; }
.navigation { height: auto; }
.navbar-nav li ul li a { color: #fff !important; font-size: 12px; /* border: none; */ font-weight: 600; }
.headertop { display: none; }
.navbar { width: 100%; }
ul.appicons li { padding: 5px; float: none; display: inline-block; }
ul.sociallist { padding: 0; margin: 0px; float: none; vertical-align: middle; }
ul.sociallist li a { font-size: 24px; line-height: 24px; }
ul.sociallist li a i { font-size: 24px; line-height: 24px; }
.mobilelist { display: block; }
.mobilelist .headertop { display: block; }
.navbar-header { float: left; }
.navbar-toggle { float: none; display: block; margin: 0px 0 0 10px; border-color: #fff; color: #fff; padding: 11px 10px; border-radius: 0; }
.navbar-toggle .icon-bar { background: #fff; }
.collapse { display: none; }
.navbar-collapse { border: 0 !important; box-shadow: none; }
.navbar-nav { width: 100%; }
.navbar-nav li { width: 100%; border-bottom: 1px solid #fff; }
.navbar-nav li a { padding: 5px 7px !important; }
.navbar-default .navbar-nav > li > a:after { width: 100%; }
.navbar-nav li span { display: block; }
.navbar-nav li ul ul { position: static; width: 100%; padding: 5px 10px; }
.navbar-nav li ul { position: static !important; width: 100% !important; padding: 5px 10px; }
.navbar-nav li:hover ul { display: none; }
.headertoplft { width: 100%; text-align: center; }
.headtplft { float: none; padding-bottom: 10px; display: block; padding: 15px 0 5px; }
.headertoprgt { width: 100%; float: none; display: inline-block; }
.social { display: inline-block; float: none !important; }
.headertoprgt .appointment { float: none; display: inline-block; margin: 5px; vertical-align: middle; }
.homeblkin { padding: 0; }
.social { font-size: 0px; }
ul.appicons { float: none; margin: 5px; vertical-align: middle; }
ul.sociallist li { float: none; display: inline-block; }
.navlist { padding: 10px 15px; position: relative; z-index: 9; display: block; width: 100%; }
.navbar-header { float: right; margin-right: 0px; margin-top: 36px; }
.navbar-default .navbar-nav > li > a { text-align: left; }
.navbar-nav { margin: 0; }
.owl-pagination { bottom: 10px; }
.navbar-default .navbar-nav > li { padding: 5px 5px; text-align: left; }
.navbar-default .navbar-nav > li.appointment > a { display: inline-block; }
.specialheight { height: 200px; }
.adrss { text-align: center !important; }
.newsletblk { text-align: center; }
.footappointment { font-size: 14px !important; }
.social-icon1 li img { width: 100px; height: auto; }
.footimgblk { width: auto; max-width: 300px; }
.adrss:nth-child(2) { border: 0; }
.banapp ul { text-align: center; }
.gridder-list { width: 50%; }
.main-button { top: 38%; }
.navbar-default .navbar-nav { font-size: 0; margin-top: 0px; }
.main-button1 { margin-top: 4px; }
.btn-primary { margin: 20px auto; display: block; }
.appt_btn.appt_btn_homepage { position: static; display: block; }
}
 @media (max-width: 767px) {
h1 { font-size: 28px; }
h2 { font-size: 24px; }
.headblockinner p span { font-size: 30px; line-height: 45px; }
.adrss:nth-child(2) { border: none; }
.contactblockright { padding-left: 15px; padding-top: 30px; }
.gallery-item { width: 100%; }
.gridder-list { width: 50%; }
.hmtxtblk { padding: 20px 20px; height: auto !important; }
.specialsimgblk { height: auto; }
.specialsimgblk img { position: static !important; width: 100% !important; height: auto !important; }
.specialsblk a { float: none; }
#map { height: 300px; }
.homeimgblk { height: auto; }
.homeimgblk img { position: static !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; height: auto !important; }
.locationhrs { max-width: 100%; }
.homeimgblk.bigheight { height: auto !important; }
.banapp { padding: 0 0 25px 0; }
.banapp ul li { display: inline-block; vertical-align: top; padding: 5px; }
.banapp ul li a img {/*width:150px;*/ height: auto; }
.bannerhome h1 { text-align: center; padding-top: 10px; font-size: 18px; line-height: 37px; margin: 0px; }
.banapp ul { margin-top: 0px; padding: 0px; }
.row.service-detail { padding: 40px 0px 20px 0; color: #fff; }
.headblockinner h1 { font-size: 20px; line-height: 30px; }
.formblock { padding: 0 0 25px 0; }
.formblock .btn-send { margin: 0; }
.formblock .form-group { margin-bottom: 15px; }
.contactimg { padding: 0; }
.homewlcmblk .serviceblk { margin: 0 0 20px 0; }
.footer-hour2 { padding: 0px 20px; border-left: 1px solid #fff; border-right: 1px solid #fff; border: 0px; margin: 30px 0px; }
.hours-cont2 { float: left; margin-left: 80px; }
.form-group button { margin: 0px 59px 50px 0px; }
.navbar-nav1 li ul { position: none !important; }
.service-deatail-out p { margin: 9px 0px 9px 0px; }
.btn-send2 { margin-bottom: 20px; }
.map-deatil ul { margin: 0px; }
.bannerhome .banapp ul { margin-top: 0px; }
.app-text ul { margin-top: 20px; margin-bottom: 20px; padding: 0px; }
.container-3 p { text-align: center !important; }
.container-3 span { text-align: center !important; }
.container-3 span { text-align: center !important; margin: auto; display: block; }
.botoom-icon ul { padding: 0px; width: 255px; margin: auto; display: block; text-align: center; }
.hours-cont1 span { float: right; }
.hours-cont2 span { float: left; }
.hours-cont1 { float: left; text-align: center; width: 100%; }
.hours-cont1 span { width: 100%; }
.hours-cont2 { float: right; margin-left: 0px; width: 100%; }
.copysec.text-center { margin: 0px 0px 0px; }
.footer-hour2 { border: 0 !important; padding-left: 15px !important; padding-right: 15px !important; }
.footer-content .banapp { text-align: center; }
.footer-content .banapp ul { display: inline-block; }
.footer-content .banapp li { display: inline-block; float: none !important; }
.list-quotes h1 { padding: 15px 0; font-size: 13px; line-height: 18px; }
.list-quotes h1 span { font-size: 11px; }
.navbar-nav li ul li {padding: 5px 8px;}
}
@media (max-width: 768px) {
.services-img { margin: 0px !important; width: 50%; float: left; padding: 0px; }
.logo-2-out { margin-top: 0!important; }
.logo-2 { border-right: none; }
}
@media (max-width:640px) {
.logo-2-out { margin-top: 0 !important; }
.logo-2 img { float: left !important; }
.logo-2-text { margin: 0px 0px 0px 0px; }
}
@media (max-width: 599px) {
.postdt { clear: left; float: none; padding: 6px 0 0 10%; }
.chaticon img { width: 90%; height: auto; }
.headtplft ul li { display: block; float: none; text-align: center; padding: 0 0 5px 0; }
.social-icon1 a { margin: 4px; }
.iphoneimg { width: 100%; margin-bottom: 20px; }
.iphoneimg:last-child { margin: 0; }
.gridder-list { width: 100%; padding-left: 0; padding-right: 0; }
.servicelistin { padding-left: 0; padding-right: 0; }
.services-img { margin: 0px !important; width: 50%; float: left; padding: 0px; }
.baneer_contact { background-image: url(../img/contact-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; /* height: 100%; */ padding: 56px 0px 50px; position: relative; top: 49px; margin-bottom: 0px; }
.gallery-imgg { margin-bottom: 30px !important; }
.blog-img-left { width: 100%; margin-right: 0; }
.blog-right { width: 100%; }
.blog-cont-flex { flex-wrap: wrap; }
/* .salon-blogimg {
		padding-bottom: 40%;
	} */


}
 @media (max-width:480px) {
.map-deatil i { margin: 2px 12px 0px 12px; float: left; }
.map-deatil ul { padding: 0px; padding-bottom: 16px; }
.map-deatil li { float: 0px 0px 0px 0px !important; font-size: 13px !important; ; }
.map-deatil i { margin: 6px 15px 0px 0px !important; float: left !important; ; }
.btn-primary { margin: 20px auto; display: block; }
.gallery-imgg { margin-bottom: 0px !important; }
}
 @media (max-width: 320px) {
.services-img { margin: 0px!important; width: 50%; float: left; padding: 0px; }
}











/*Home-page-nav*/
 @media only screen and (max-width:1024px) and (min-width:992px) {
.nav1 > li > a { position: relative; display: block; padding: 24px 12px !important; }
}
 @media (max-width: 992px) {
.navbar-default .navbar-nav1 > li > a { font-size: 13px; }
.navbar-nav1 { display: inline-block; text-align: center; float: none; float: left; }
.navbar-default .navbar-nav1 { font-size: 0; margin-top: 0px; }
}
 @media (max-width: 1200px) {
.navbar-nav1 li { display: inline-block; float: none; }
.row { }
.row.service-detail { padding: 40px 0px 20px 0; color: #fff; }
.navbar-default .navbar-nav1 > li > a { font-size: 12px; padding: 20px 5px 20px; }
.navbar-default .navbar-nav1 > li { padding: 0; }
}
 @media (max-width: 1100px) {
.navbar-default .navbar-nav1 > li > a { font-size: 13px; padding: 20px 3px 20px; }
}
 @media (max-width: 991px) {
.navbar-nav1 li ul li a { color: #fff !important; font-size: 12px; /* border: none; */ font-weight: 600; }
.navbar-nav1 { width: 100%; }
.navbar-nav1 li { width: 100%; border-bottom: 1px solid #fff; }
.navbar-nav1 li a { padding: 5px 7px !important; }
.navbar-default .navbar-nav1 > li > a:after { width: 100%; }
.navbar-nav1 li span { display: block; }
.navbar-nav1 li ul ul { position: static; width: 100%; padding: 5px 10px; }
.navbar-nav1 li ul { position: static !important; width: 100%; padding: 5px 10px; }
.navlist { padding: 10px 15px; position: relative; z-index: 9; display: block; width: 100%; }
.navbar-header { float: right; margin-right: 0px; margin-top: 36px; }
.navbar-default .navbar-nav1 > li > a { text-align: left; }
.navbar-nav1 { margin: 0; }
.navbar-default .navbar-nav1 > li { padding: 5px 5px; text-align: left; }
.navbar-default .navbar-nav1 > li.appointment > a { display: inline-block; }
.botoom-icon li { margin: 0px 5px; }
.bannerhome li { font-size: 16px; }
.bannerhome .banapp ul { margin-top: 0px; }
.app-text ul { margin-top: 20px; margin-bottom: 20px; padding: 0px; }
.footer-hour2 { padding: 0px 36px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
/*Home-page-nav-end*/
}