/* #iPad (LandScap)
================================================== */
/* Note: Design for a width of 1024px */
@media only screen and (min-width:1024px) and (max-width: 1199px) {

.navbar > .container 	{ width:100%;}	

}

@media only screen and (min-width: 1024px) and (max-width: 1100px) {
 .navbar > .container { width:970px;}
	.navbar li a{font-size:90%; padding: 10px;}
	.navbar li{margin:0;}

}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .logo {
        width: 75px;
        top: 0px;
    }
    .navbar{padding-top: 10px;}
	.navbar li{margin: 0;}
    .navbar li a{font-size:80%; padding: 10px;}
    .service .service-list li {width: 49%;}
    h1 {font-size: 28px;}


}

/* Mobile (Global) 
================================================== */
/* Note: Design for a iPhone Land, Port Mode and smart phone*/

@media only screen and (max-width:767px) {
    /*.logo{width: 90px; position: fixed; left: 15px; top: 0; z-index: 100;}*/
    .logo {
        width: 75px;
        left: 15px;
        margin-top: 0px;
    }
	.navbar{position: fixed; padding: 0; z-index: 99; top: 0;}
    .navbar ul{margin-top:0; margin-bottom: 0;}
    .navbar-toggle .icon-bar{background-color: #FFF;}
    .navbar li{float: left; width: 100%;  border-bottom: 1px solid #FFF; margin: 0;}
    .nav>li>a{padding: 15px 0; display: block; }
    
    .home-slider { margin-top: 50px; }
    .carousel-control { font-size: 30px; }
    .carousel-control.right { right: 15px; }
    .carousel-control.left { left: 15px; }
    
    .main{padding: 15px 0;}

    #desert-slider{margin-top: 30px;}

    .bottom-footer p{text-align: center;}
    .top-footer{display: none;}
    .service .image {display: block;}
    .service-box {width: 100%; display: block; padding-left: 0;}
    .service .service-list li {width: 100%; display: block;}
    p {font-size: 15px;}
    h1 {font-size: 17px;}
    .btn-more {font-size: 13px;}
    
}


/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 300px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	

}


/*  #Mobile (Smart Phone)
================================================== */
/* Note: Design for a width of 220px */
@media only screen and (max-width:319px) {
	
	
}