@media screen and (max-width:1300px)

{


}

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

	
nav ul li a {
  display: inline-block;
  padding: 10px 10px;


	
}
	
	
}



@media screen and (max-width:992px)

{
	
	nav ul li a {
  padding: 10px 2px; font-size: 11px;
 
}
	
.service_box h2
{
	font-size: 14px;
}	
.service_box:nth-child(2)
{
	border-right: none;
}
.service_box
{
	margin: 15px 0;
}	
.service_box img
{
	width: 55px;
}	

nav ul li{float:none; display:inline-block;}

nav ul{text-align:center; display:inline-block;}
	
.index_slider_panel article h2{font-size: 22px}

.index_slider_panel a{font-size: 14px; }	
	

	

}






@media screen and (max-width:860px)

{
.about_heading_area h2
{
	font-size:22px;
}
.service_heading_area h2
{
	font-size:22px;
}	
.download_heading
{
	font-size:22px;
}
.download_box1 h2 {
    font-size: 20px;
}
.gallery_heading
{
    font-size: 20px;
}
.subpage_body_left_area
{
	width:100%;
}
.subpage_body_right_area
{
	width:100%;
	margin-top:20px;
}		
}

@media screen and (max-width:767px)

{

	
 
	
	.nav-mobile {
    display: block;
  }

  nav {
    padding: 70px 0 15px;
	  position: absolute; top:-28px; right: 0;
	  width:100%;
  }

  nav > ul {
    display: none; background-color:#faf6e9; padding:15px; margin-top:11px;
  }

  nav ul li {
    float: none; 
	width:100%;
	text-align:center;
	border-bottom:1px solid #b3a063;
  }
	

  
   nav ul li:hover{background-color:#FFF;}
   
   nav ul li a:hover{background-color:transparent;}

  
  .nav-dropdown {
  
  width:100%;
  background-color:#F3F3F3;
}


nav > ul > li i{float:right; margin-right:4px}

.nav-list > li > .nav-dropdown{display:none;}
.nav-list > li:hover > .nav-dropdown {
  display: block !important;
}

	
#first {
	order: 2;
}
#second {
	order: 1;
}
	
.header_left {
    width: 50px;
    float: left;
}
.about_right
{
	margin-top: 45px;
	text-align: center;
}
.footer_box2 h2
{
	margin-top: 40px;
}
.footer_bottom_left
{
	text-align: center;
}
.footer_bottom_right
{
	text-align: center;
}	
}


@media screen and (max-width:700px)

{

	


}



@media screen and (max-width:576px)

{
	

	
.index_slider_panel .large{min-height: 450px; }
	
	
	
	
	
}


@media screen and (max-width:480px)

{
	

}



@media screen and (max-width:350px)

{
	
}