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

	

  body {

    overflow-x:hidden;

  }

  

 /* .main-menu .navigation > li{

    margin: 0px 10px;

  }*/

  .sticky-header .main-menu{

    margin-left: 0px;

  }

 

 

  .about-style-two .about-content{

    margin-top: 0px;

  }

 

  .main-slider .slider-wrapper .image img{

    min-height: 100%;

    width: auto;

  }

  .intro-section .intro-content{

    margin-right: 0px;

  }

	

}

@media (min-width: 1200px){

.sticky-header .main-menu .navigation > li > a {

    padding: 24px 16px 25px 16px;

  }

}

@media (min-width: 992px){

  .main-header .logo-box{

    padding: 5px 42px 5px 43px;

  }

}



@media (max-width: 991px){

	.main-slider .slide {
   height: 400px;

	}

	.form-area {

	top: 178px;
right: 65px;
}

	.logo-column img{

		width:100%;

	}
.intro-section {
    padding: 478px 0px 15px 0px;
}
.centered {
    position: absolute;
    transform: translate(-50%, -50%);
    background-color: #ffffff9c;
    width: 300px;
    z-index: 99;
    top: 90px;
    left: 196px;
    padding: 10px;
    font-size: 14px;
}
.centered h3{
      font-size: 1.0rem;
}
	.call-area{

		text-align:center;

	}
.call a {
    
    color: #000;}
.centered p{
font-size: 12px;
}
}

@media (max-width: 575px){



.call {



    margin: 0px 0 15px !important;



}

}

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

	

  .main-header{

    margin-bottom: 0px;

  }

  .main-header .menu-area{

    margin-top: 0px;

    background: transparent;

    border: none;

  }

  .main-menu{

    margin-left: 0px;

  }

  .main-menu .navigation > li > ul > li{

    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;

    padding: 0px 30px;

  }

  .main-menu .navigation > li > ul > li:hover{

    background: transparent;

  }

  .main-header .small-logo-box{

    text-align: center;

    padding: 10px 0px;

    margin-top: 0px;

  }

  .sticky-header .main-menu .navbar-header .navbar-toggle .icon-bar{

    background: #ffffff;

  }



  .about-style-two .about-content{

    margin-bottom: 30px;

  }



	.about-section .about-content h2, .location h3, .amenities h3, .price h3, .floor h3, .sitemap h3, .locationmap h3{

	font-size:20px;

	}

	.location{

	padding: 30px 0px;
  background: url(../images/location.jpg);

	}

	.amenities{

	padding: 30px 0px 0;}

	.amenities-box h4{

	font-size: 15px;}

}





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

	

	

  .about-section .about-image .img-box{

    margin-bottom: 30px;

  }



}



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

	





}





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





  .main-header .small-logo-box{

    display: none;

  }

}



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



  .main-slider .slider-content{

    display: none;

  }

  .form-area{

	  right:50px;

  }



}



@media (max-width: 575px){

.main-menu .navbar-header{

	text-align:center;

	

}

  .main-header .logo-box {

    display: block;
 padding: 0px 0px 5px 43px;

    text-align: center;

  }



.animated1{

  margin-left: 80px;

}  



.intro-section .single-item{

	width:50%;

}

.intro-section .single-item .content-box{

	width:100%;

}

}

@media (max-width: 991px){

.intro-section {

    padding: 150px 0px 15px 0px;

}

@media(min-width:992px) and (max-width:1199px){ 

.sticky-header .main-menu .navigation > li > a {



    padding: 24px 4px 26px 4px;



}

.main-menu .navigation > li > a{

	font-size:15px;

	padding: 25px 4px 24px 4px;

}

.main-menu .navigation > li {



    margin: 0px;



}

  .main-menu {



    margin-left: 45px;



}

   .call a {



    font-size: 15px !important;

   }





}

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

	.call a {

		font-size:14px !important;

	}
  .centered {
    position: absolute;
    transform: translate(-50%, -50%);
    background-color: #ffffff9c;
    width: 300px;
    z-index: 99;
    top: 90px;
    left: 196px;
    padding: 10px;
    font-size: 14px;
}

}

@media(min-width:576px) and (max-width:991px){ 

.main-header .logo-box {

	text-align:left;

	margin-top:5px;

	

}

.main-header .menu-area{

	text-align:right;

	margin-top:8px;

}

.main-header .small-logo-box{

	margin-top:14px;

}

.intro-section .single-item{

	width:33%;

}

.intro-section .single-item .content-box{

	width:100%;

}

}









/* =============== Mobile menu ===================== */



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

  .header-top .links-nav li{

    margin-right: 15px;

  } 

  .main-menu .navbar-header{

    position: relative;

    float:none;

    display:block;

    width:100%;

    top: 0px;

    z-index:12;

  }

  .main-header .main-menu {

    width: 100%;

  }  

  .main-menu .navbar-header .navbar-toggle{

    display:inline-block;

    z-index:7;

    float:none;

    padding: 4px 5px;

    cursor:  pointer;

    border-radius:0px;

	background-color:#f8b62b;

	border:none;

	margin:0 auto;

  }  

  .main-menu .navbar-header .navbar-toggle .icon-bar{

    background: #222;

    height: 2px;

    width: 29px;

    display:  block;

    margin: 7px 5px;

  }

  .main-menu .collapse {

    overflow:auto;

    float:none;

    width:100%;

    padding:0px 0px 0px;

    border:none;

    margin:0px;

    max-height: 320px;

    -ms-border-radius:3px;

    -moz-border-radius:3px;

    -webkit-border-radius:3px;

    -o-border-radius:3px;

    border-radius:3px;

   }

   .main-menu .navbar-collapse > .navigation{

    float:none !important;

    margin:0px !important;

    width:100% !important;

    background: #333333;

    border:1px solid #ffffff;

    border-top:none;

  }  

  .main-menu .navbar-collapse > .navigation > li{

    margin:0px !important;

    float:none !important;

    width:100%;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;

  }  

  .main-menu .navigation > li > a,

  .main-menu .navigation > li > ul:before{

    border:none;  

  }  

  .main-menu .navbar-collapse > .navigation > li > a{

    padding:10px 10px !important;

    border:none !important;

  }  

  .main-menu .navigation li.dropdown > a:after,

  .main-menu .navigation > li.dropdown > a:before,

  .main-menu .navigation > li > ul > li > a::before,

  .main-menu .navigation > li > ul > li > ul > li > a::before{

    color:#ffffff !important;

    right:15px;

    font-size:16px;

    display:none !important;

  }  

  .main-menu .navbar-collapse > .navigation > li > ul,

  .main-menu .navbar-collapse > .navigation > li > ul > li > ul{

    position:relative;

    border:none;

    float:none;

    visibility:visible;

    opacity:1;

    display:none;

    margin:0px;

    padding:0px;

    left:auto !important;

    right:auto !important;

    top:auto !important;

    width:100%;

    background: #333333;

    -webkit-border-radius:0px;

    -ms-border-radius:0px;

    -o-border-radius:0px;

    -moz-border-radius:0px;

    border-radius:0px;

    transition:none !important;

    -webkit-transition:none !important;

    -ms-transition:none !important;

    -o-transition:none !important;

    -moz-transition:none !important;

    box-shadow:none !important;

  }    

  .main-menu .navbar-collapse > .navigation > li > ul,

  .main-menu .navbar-collapse > .navigation > li > ul > li > ul{

    border-top:1px solid rgba(255,255,255,0.1) !important;

  }

  .main-menu .navbar-collapse > .navigation > li:last-child{

    border-bottom: none;

  } 

  .main-menu .navbar-collapse > .navigation > li > a,

  .main-menu .navbar-collapse > .navigation > li > ul > li > a,

  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{

    padding:12px 10px !important;

    line-height:22px;

    color: #b8b8b8;

    background: #333333;

    text-align:left;

    min-height:0px;

  }  

  .main-menu .navbar-collapse > .navigation > li:hover > a,

  .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,

  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,

  .main-menu .navbar-collapse > .navigation > li.current > a,

  .main-menu .navbar-collapse > .navigation > li.current-menu-item > a{

    color: #ffffff !important;

    background: #333333;

  }  

  .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{

    display:block;

  }  

  .main-menu .navbar-collapse > .navigation li.dropdown:after,

  .main-menu .navigation > li > ul:before{

    display:none !important;  

  }



}

