/* CSS Document */

@media screen and (max-width:1260px){
	
	#content {
        margin: 179px 0 0;
    }
    
    .inner-section .gallery {
        min-height: 490px;
    }
    
    .inner-section .gallery .inner {
        padding: 82px 34px 30px 17px;
    }
    
    .inner-section .map {
        min-height: 415px;
    }
    
    .form {
        padding: 32px 12px 20px 25px;
    }
    
    .single img.top {
        width: 204px;
    }
    
    .single img.bottom {
        width: 280px;
    }
	
}

@media screen and (max-width:992px){
	
    #main-menu {
        margin: 0 0 0 -15px;
    }
    
    #main-menu li {
        font-size: 14px;
        padding: 0 15px;
    }
    
    #content {
        margin: 181px 0 0;
    }
    
    .carousel-gallery .owl-carousel {
        padding: 0 50px;
    }
    
    .carousel-gallery .owl-nav .owl-prev {
        left: -13px;
    }
    
    .carousel-gallery .owl-nav .owl-next {
        right: -13px;
    }
    
    .boxes .box h2 {
        font-size: 26px;
    }
	
    .boxes .box h3 {
        font-size: 20px;
    }
    
    .inner-section .gallery,
    .inner-section .map {
        min-height: 0;
    }
    
    .inner-section .gallery .inner {
        padding: 20px 20px;
    }
    
    .inner-section .text {
        padding: 50px 20px 20px 20px;
    }
    
    .blocks .block span {
        font-size: 21px;
        line-height: 75px;
        height: 75px;
    }
    
    .form {
        padding: 32px 21px 20px 20px;
    }
    
    .form label {
        font-size: 15px;
    }
    
    .inner-section .map {
        margin: 40px 0 0 0;
    }
    
    .inner-section .map .inner {
        padding: 20px 17px 13px;
    }
    
    .main-gallery li img {
        margin: 0 0 7px;
    }
    
    .single .large {
        font-size: 17px;
    }
    
    .single img.top {
        width: 151px;
    }
    
    .single img.bottom {
        width: 208px;
    }

}

@media screen and (max-width:768px){
    
    #header .top {
        padding: 15px 0;
    }
    
    #header .logo {
        text-align: center;
    }
    
    #header p {
        text-align: center;
    }
    
    #header .logo img {
        margin: 0 auto;
    }
    
    #main-menu {
        margin: 0;
    }
    
    #main-menu li:after {
        display: none;
    }
    
    #main-menu a {
        text-align: center;
    }
    
    #main-slider {
        margin: 161px 0 0 0;
    }
    
    .title-bar {
        padding: 20px 0;
    }
    
    .title-bar h1 {
        font-size: 20px;
        line-height: 24px;
    }
    
    #content {
        margin: 211px 0 0;
    }
    
    .boxes .box h3 {
        font-size: 15px;
        line-height: 18px;
    }
    
    .boxes .box h2 {
        font-size: 21px;
        padding: 0 15px 15px;
    }
    
    .boxes .box h3 {
        font-size: 18px;
        line-height: 20px;
    }
    
    .boxes .box p {
        font-size: 14px;
        padding: 0 15px;
    }
    
    .carousel-gallery .owl-nav {
        display: none;
    }
    
    .carousel-gallery .owl-carousel {
        padding: 0;
    }
    
    .inner-section .text {
        padding: 20px;
    }
    
    .inner-section .text p {
        font-size: 14px;
    }
    
    .blocks .block span {
        font-size: 17px;
        height: 60px;
        line-height: 60px;
        padding: 0 10px 0 15px;
    }
    
    .main-gallery li {
        width: 50%;
    }
    
    .main-gallery li img {
        margin: 0 5px 7px !important;
    }
    
    .single img.top,
    .single img.bottom {
        width: 90%;
        margin: 0 0 15px;
    }
    
    .single .large {
        font-size: 16px;
        padding: 20px 15px 15px;
    }
    
    #footer {
        padding: 45px 0 20px 0;
    }
    
    #footer p {
        text-align: center;
        padding: 20px 0 0 0;
    }
    
}

@media screen and (max-width:405px){
    
    #main-slider {
        margin: 178px 0 0 0;
    }
    
    #content {
        margin: 228px 0 0 0;
    }
  
    
}