
/* ==========================================================================
   Media styles
   ========================================================================== */

@media only screen and (max-width: 1300px) and (min-width: 1200px) 
{
    
}

@media screen and ( max-width: 1200px ) 
{
    .main-menu ul li a, .second-menu ul li a { font-size: 14px; padding: 0px 12px;}
    .home-frequent-main-left h3 { font-size: 45px;}
    .frequent-box-cont { padding: 0 25px;}

    /*==============================================================================
      Landing page 03-04-2019
      ==============================================================================*/
    .landing-text-box h3 { font-size: 44px; line-height: 54px;}
    .landing-parmanent-box { margin-left: 0px; padding: 55px 32px;}
    .landing-additional-services-right h3 { font-size: 38px;}
    .landing-additional-services { margin-top: 50px;}
}


@media screen and ( max-width: 991px ) 
{
    a.book-consulting { width:100%; height:auto; background:none; font-family: 'ubunturegular'; font-size: 14px; line-height:20px;}
    
    .header-booking { display:none;}
    .logins { display:none; position:static; width:100%; margin-top:0px; padding:0px; background:none;}
    .login-btn { display:none;}
    .wordpress-admin {width:100%; border-right: none;}
    .intakeQ {width:100%; color: #fff; padding-left:0px;}
    
    
	.main-menu { display:none;}
    .second-menu { display: none;}
	.mobile-menu { display:block; background:#434a49;}
	.mobile-menu a.menu-toggle{display:block; z-index:1; top: -66px; right:10px; background:#d89c10;}
	.mobile-menu ul.menu-list{display:none;}
	.mobile-menu ul li span { display:none;}
	.mobile-menu ul.menu-list li a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}
	.mobile-menu ul.menu-list> li a.open, .mobile-menu ul.menu-list > li > ul > li a:hover { background:#d89c10;}
	.mobile-menu ul.menu-list > li > ul { background:#1863b1;}
	.mobile-menu ul.menu-list > li > a:hover { background:#a1c726;}
    .mobile-menu ul li a.active { color: #fff;}
    
    .banner-text { text-align: center; padding-left: 0px;}
    a.banner-btn { margin: auto;}
    .banner-text h2 { font-size: 36px; line-height: 36px; margin-bottom: 15px;}
    .home-top-left h3 { font-size: 36px;}
    .home-top-block { padding: 50px 0;}
    .home-frequent-top-box { margin-top: 35px;}
    .home-frequent-block { padding-top: 30px;}
    .frequent-acco { padding-left: 0px;}
    .frequent-acco > img { position: static; margin-bottom: 15px;}
    .home-frequent-main-right { padding-left: 0px;}
    .home-frequent-main-left h3 { font-size: 38px;}
    
    .testi-wrapper .commen-head h3 { font-size: 35px;}
    .testi-wrapper { padding: 0px 50px;}
    .footer-top-menus > ul { text-align: center;}
    .footer-booking { text-align: center;}
    .footer-top-menus { padding: 10px 0;}
    .footer-booking { padding: 10px 0;}
    .footer-top-block { padding: 20px 0;}
    .footer-subsribe-block { padding-left: 0px;}
    .footer-main-block { padding: 40px 0;}
    
    .about-content-left > ul > li { padding-left: 38px;}
    .about-content-left > ul > li > a, .about-content-left > ul > li > p { font-size: 16px;}
    .about-content-left { margin-right: 0px;}
    .about-content-right { margin-left: 0px;}
    .about-content-block > ul > li { padding: 50px 0;}
    .contact-address-right { padding-left: 30px;}
    .serices-main-right { padding-top: 0px;}
    
    
      /*==============================================================================
      Landing page 03-04-2019
      ==============================================================================*/
    .parment-makeup-left h3 { font-size: 38px; line-height: 46px;}
    .landing-banner-block { height: auto;}
    .landing-banner-main { min-height: inherit; padding: 50px 0;}
    .parment-makeup-block { padding: 50px 0;}
    .landing-parmanent-box { margin-top: 0px; border-radius: 10px; max-width: inherit; width: 100%; margin-top: 30px; text-align: center; padding: 35px 25px;}
    .landing-parmanent-box-span { display: block; text-align: center;}
    .landing-parmanent-box-span img { display: inline-block;}
    .landing-services-box { text-align: center;}
    .landing-services-box img { display: inline-block;}
    .landing-additional-services-left { margin: 0px;}
    .landing-additional-services-right h3 { font-size: 30px;}
    .landing-services-box h4, .landing-parmanent-box h4 { margin-bottom: 15px;}
    .landing-contact-block { padding: 50px 0;}
    .landing-contact-main p { font-size: 20px; line-height: 30px;}
    .landing-map-block iframe { height: 250px;}
    .landing-services-box { margin-bottom: 35px;}
    
}

@media screen and ( max-width: 767px ) 
{	
    .header-top-main { display: none;}
    .logo { margin-top: 0px;}
    .mobile-menu a.menu-toggle { top: -92x;}
    .home-top-main { text-align: center;}
    .frequent-box-cont-btn > img { display: none;}
    .frequent-box-cont-btn { display: block;}
    .home-frequent-main { padding: 50px 0;}
    .home-frequent-main-left { margin-bottom: 35px; text-align: center;}
    .footer-connect-block { margin-top: 25px;}
    
    .testi-wrapper .lightSlider.lsGrab>* { padding: 50px 0px;}
    .testi-wrapper .lightSlider.lsGrab>*:before, .testi-wrapper .lightSlider.lsGrab>*:after { display: none;}
    .testi-section { padding: 50px 0;}
    .gallery-yellow { padding: 25px;}
    .gallery-yellow h3 { font-size: 30px;}
    
    .about-content-message-box { margin-top: 40px; padding: 20px; padding-top: 40px;}
    .about-content-message-box:before { left: 20px; top: -25px;}
    .contact-address-right { padding: 0px; border-left: none; padding-bottom: 30px;}
    .contact-address-left { padding: 20px 0;}
    .contact-address-box { margin-bottom: 10px;}
    .serices-main-box { padding-right: 0px;}
    span.sevice-amount { position: static;}
    .serices-block > ul > li { padding: 50px 0;}
    .serices-main-right { padding-left: 0px; padding-top: 25px;}
    .serices-main-left:after { display: none;}
    .serices-main-left > img { margin: auto;}
    .serices-main-right { text-align: center;}
    .serices-main-right > p { margin-bottom: 15px;}
    .serices-main-box p { margin-bottom: 5px;}
    
    
     /*==============================================================================
      Landing page 03-04-2019
      ==============================================================================*/
    .landing-additional-services { text-align: center;}
    .landing-additional-services-left { margin-bottom: 20px;}
    .landing-additional-services-left img { display: inline-block;}
    .landing-contact-ul li { margin-bottom: 10px;}
    .landing-text-box h3 { text-align: center; line-height: 35px; font-size: 30px;}
    .landing-book-now { margin: auto;}
    .parment-makeup-left h3 { font-size: 30px; line-height: normal;}
    .parment-makeup-left { text-align: center; padding-bottom: 20px;}
    .parment-makeup-left img { display: inline-block;}
    .parment-makeup-block { padding: 45px 0 35px 0;}
    .landing-services-block { padding: 50px 0;}
    .landing-services-box img { margin-bottom: 20px;}
    
}

@media screen and ( max-width: 600px ) 
{	
    .testi-item { padding: 0px 30px 30px 30px;}
    .testi-item:before { left: 20px;}
    .testi-item:after { right: 20px;}
    .nav-controls { position: relative;}
    .testi-wrapper .commen-head { padding-bottom: 10px;}
}

@media screen and ( max-width: 480px )
{
    .testi-wrapper { padding: 0px;}
    .testi-item { padding: 0px 15px 15px 15px}
    
}

@media screen and ( max-width: 400px ) 
{
    .home-frequent-main-right .data { padding-left: 20px;}
}

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


