/* Maximum Resolution

=============================================================*/



/* Extra small devices (phones, 480px)

---------------------------------------------------*/

@media (max-width: 320px) { 



}



@media (max-width: 480px) { 

.navbar-brand{width:80%;}

#download ul li{margin-bottom:5px;}

#top-header .email-us{float:none;}

#top-header .app-icon{float:none;} 

}

@media (max-width: 639px) { 

#our-services .services-inner{display:block;}

#our-services .services-inner .ser-box{display:block; padding-top:30px;}

#connect-us ul li a img{width:50px; height:49px;}

}





/* Small devices (tablets, 768px and below)

---------------------------------------------------*/

@media (max-width: 767px) {

#our-services .services-inner{width:100%; float:none;} 

#album-categories ul li h3{margin-bottom:30px;}

.join-us-form{margin-bottom:30px;}



}



/* Medium devices (desktops, 992px and below)

---------------------------------------------------*/

@media (max-width: 991px) { 



.navbar-brand > img{width:70%}



}



@media (max-width: 1015px) {

 	

}



/* Large devices (large desktops, 1200px and below)

---------------------------------------------------*/

@media (max-width: 1200px) { 





}





/* Minimum Resolution

=============================================================*/



/* Extra small devices (phones, 480px)

---------------------------------------------------*/

@media (min-width: 480px) { 

 

}



/* Small devices (tablets, 768px and up)

---------------------------------------------------*/

@media (min-width: 768px) { 

.photo-gallery .gallery-images img{height:200px;}  

  

}



/* Medium devices (desktops, 992px and up)

---------------------------------------------------*/

@media (min-width: 992px) { 

header .navbar .navbar-nav > li > a{ padding-top:25px; padding-bottom:25px;} 

}



/* Large devices (large desktops, 1200px and up)

---------------------------------------------------*/

@media (min-width: 1200px) { 





}





/* Max and Min Resolution

=============================================================*/



/* Small devices (tablets, 640px and 767px)

---------------------------------------------------*/

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

 

}



/* Tablets (768px and 991px)

---------------------------------------------------*/

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

#our-services .services-inner .ser-box{width:80px; height:80px;}

#our-services .services-inner .ser-box img{width:40% !important;}

 

}



/* Desktop (992px and 1199px )

---------------------------------------------------*/

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

 

}



/* Large Desktop (1200px and up )

---------------------------------------------------*/

@media (min-width:1200px) {

	

}





/*Responsive Menu*/



@media (min-width:768px) {

 .dropdown:hover .dropdown-menu {

display: block;

}

 .dropdown .dropdown-menu {

 

top:100%;

 

}

 .dropdown .dropdown-menu li a {

color:#424242;

border-bottom:1px solid #e9e9e9;

padding:7px 20px;

font-weight:normal;

border-bottom:none;

}

 .dropdown .dropdown-menu li a:hover {

color:#fff;

background:#cc0a0a;

}

}