@media only screen and (max-width : 1024px)
{

	
}
@media only screen and (max-width : 768px)
{
	
	
}
@media only screen and (max-width : 240px)
{
}
@media only screen and (min-width : 241px) and (max-width : 320px)
{
.main
{
width:200px;

}
#logo
{   width:50%;
	
}
#cssmenu > ul > li > a {
  padding:7px 20px 7px 20px;
  margin: 0px 0px 0px 0px;
  font-size:12px;
 
}
#cssmenu ul {
    width: 60%;
}
 #top2-sub
{
	margin-top:0px;
	
}
  #top4 h2
  {
	background-image:none;
	border-bottom:1px solid #666;
	padding:0px 0px 10px 0px;  
  }
  #gal
{
width:80px;
}
#gal h3
{
	font-size:9px;
}
#gal a img
{
display:none;	
}
.cd-item {
    width: 70%;
    height: auto;
  
    padding: 0px 0px 30px 0px;
  }
  .owl-theme-bnr .owl-controls-bnr .owl-buttons-bnr div
				{
				display:none;	
				}
				#top2
				{
					position:relative;
					z-index:-99;
					background-image:none;
				}
				#top3-left
		 {
		width:100%;
		 }
		  #top3-right
		  {
			width:64%;
			margin-left:17%;
			margin-top:4%;
			float:left;
		  }
		  
		    #top5 h2
			{
				font-size:14px;
				width:30%;
				margin-top:10px;
			}
			#social
			  {
				 width:70%;
				 float:left;
				 margin-left:40px;
				 margin-top:10px;
				
			  }
			  	#social img
				{
					width:16%;
				}
			  .ftr-left
		       {
		   width:100%;
		       }
			   .ftr-right
				{
				width:100%;
				padding-bottom:10px;
				}
.item2{
             width:70%;
			 margin:10px 30px 20px 30px;
			 }
			 .box-sub h3
			 {
				font-size:14px; 
			 }
p iframe
{
display:none;
}
}
@media only screen and (min-width : 321px) and (max-width : 480px)
{

.main
{
	width: 250px ;
}

body {
    padding-left: 0px !important;
	width: 100% !important;
    padding-right: 0px !important;
}
p iframe
{
display:none;
}

#logo
{   width:50%;
	
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    margin-left: -6px !important;

    
}
#cssmenu > ul > li > a {
  padding:7px 20px 7px 20px;
  margin: 0px 0px 0px 0px;
  font-size:12px;
 
}
#cssmenu ul {
    width: 60%;
}
 #top2-sub
{
	margin-top:0px;
	
}
  #top4 h2
  {
	background-image:none;
	border-bottom:1px solid #666;
	padding:0px 0px 10px 0px;  
  }
  #gal
{
width:150px;
}
#gal h3
{
	font-size:10px;
}

#top2-sub {
    width: 100%;
    height: auto;
	margin: -6px 0px 0px 0px;
    padding: 15px 10px 15px 10px;
    float: left;
    background-color: #2196f396 !important;
    position: relative;
    z-index: 999;
}
.owl-pagination1 {
    position: absolute;
    width: 100%;
    z-index: 99999;
    bottom: -45px !important;
}

.owl-theme1 .owl-controls1 .owl-page1 {
    display: inline-block;
    margin-left: -5px;
    zoom: 1;
  
}

#top5 ul li {
    width: auto;
    float: left;
    list-style: none;
    font-family: "MuseoSans-100";
    color: #fff;
    font-size: 13.5px;
    margin: 0px;
    padding: 11px 29px 5px 10px;
    float: left;
}
.box {
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: -1% 0px 35px 0px !important;
    float: left;
    bottom: 0;
    background-image: url(../images/box.png);
    background-repeat: repeat-x;
    background-size: 100% 100%;
    background-position: bottom;
    position: absolute;
    z-index: 999;
}
#gal a img
{
display:none;	
}
.cd-item {
	width: 100%;
    height: auto;
  
    padding: 0px 0px 30px 0px;
  }
  .owl-theme-bnr .owl-controls-bnr .owl-buttons-bnr div
				{
				display:none;	
				}
				#top2
				{
					position:relative;
					z-index:-99;
					background-image:none;
				}
				#top3-left
		 {
		width:100%;
		 }
		  #top3-right
		  {
			width:64%;
			margin-left:17%;
			margin-top:4%;
			float:left;
		  }
		  
		    #top5 h2
			{
				font-size:14px;
				width:30%;
				margin-top:10px;
			}
			#social
			  {
				 width:50%;
				
			  }
			  .ftr-left
		       {
		   width:100%;
		       }
			   .ftr-right
				{
				width:100%;
				padding-bottom:10px;
				}
				.item2{
             width:70%;
			 margin:10px 30px 20px 50px;
			 }
			 .box-sub h3
			 {
				font-size:14px; 
			 }

}
@media only screen and (min-width : 481px) and (max-width : 640px)
{
.main
{
width:400px;
}
#logo
{  width:38%;
	
}
#cssmenu > ul > li > a {
  padding:7px 10px 7px 10px;
  margin: 0px 0px 0px 0px;
  font-size:12px;
}
 #top2-sub
{
	margin-top:0px;
}
  #top4 h2
  {
	background-image:none;
	border-bottom:1px solid #666;
	padding:0px 0px 10px 0px;  
  }
  p iframe
{
display:none;
}

  #gal
{
width:150px;
}
 .more
 {
margin:0px;	 
 }
#gal h3
{
	font-size:10px;
}
#gal a img
{
display:none;	
}

 #top3-left
		 {
		width:100%;
		 }
		  #top3-right
		  {
			width:64%;
			margin-left:17%;
			margin-top:4%;
			float:left;
		  }
		    #top5 h2
			{
				font-size:14px;
				width:30%;
				margin-top:10px;
			}
			#social
			  {
				 width:50%;
				
			  }
			  .owl-theme-bnr .owl-controls-bnr .owl-buttons-bnr div
				{
				display:none;	
				}
				.item2{
             width:35%;
			 margin:10px 30px 20px 30px;
			 }
			 .box-sub h3
			 {
				font-size:14px; 
			 }


}
@media only screen and (min-width : 641px) and (max-width : 768px)
{

.main
{
width:600px;
}
#logo
{  width:37%;
	
}
#gal
{
width:160px;
}
#gal h3
{
	font-size:12px;
}
#cssmenu > ul > li > a {
  padding:5px 10px 7px 10px;
  margin: 0px 0px 0px 0px;
  font-size:12px;
 
}
  #top4 h2
  {
	background-image:none;
	border-bottom:1px solid #666;
	padding:0px 0px 10px 0px;  
  }
  .cd-item {
    width: 70%;
    height: auto;
  
    padding: 0px 0px 30px 0px;
  }
.owl-theme-bnr .owl-controls-bnr .owl-buttons-bnr div
{
display:none;	
}
.box
{
	padding:10% 0px 15px 0px;
}
#top2-sub
{
	margin-top:-60px;
	padding:15px 0px 15px 0px ;


}
 #top3-left
		 {
		width:62%;
		 }
		  #top3-right
		  {
			width:34%;
			margin-left:10px;
			margin-top:11%;
		  }
		  #social img
		  {
			padding:0px;
			width:30%;  
		  }
		   #top4 
		 {
			margin:10px 0px 0px 0px;
		 }
		  .item2{
             width:30%;
			 margin:10px 20px 20px 0px;
			 }


}
@media only screen and (min-width : 769px) and (max-width : 960px)
{

.main
{
width:730px;
}
#logo
{
}
#gal
{
width:170px;
}
#cssmenu > ul > li > a {
  padding: 10px 10px 10px 10px;
  margin: 0px 0px 0px 0px;
  font-size:12px;
}
  #top4 h2
  {
	background-image:none;
	border-bottom:1px solid #666;
	padding:0px 0px 10px 0px;  
  }
  .cd-item {
    width: 55%;
    height: auto;
    margin: 0px auto;
    padding: 0px 0px 30px 0px;
  }
  
		 	 .item2{
             width:25%;
			 }

}
@media only screen and (min-width : 961px) and (max-width : 1024px)
{

.main
{
width:900px;
}

#logo
{

}
#gal
{
width:200px;
}
#cssmenu > ul > li > a {
  padding: 30px 10px 30px 10px;
  margin: 0px 0px 0px 0px;
  font-size:13px;
}
  #top4 h2
  {
	background-image:none;
	border-bottom:1px solid #666;
	padding:0px 0px 10px 0px;  
	  
  }
   .cd-item {
    width: 70%;
    height: auto;
  
    padding: 0px 0px 30px 0px;
  }
   .item2{
             width:25%;
			 }

}
@media only screen and (min-width : 1025px) and (max-width : 1124px)
{


.main
{
width:980px;


}

#logo
{
}
#gal
{
width:240px;
}

}
@media only screen and (min-width : 1125px) and (max-width : 1190px)
{
	
.main
{
width:1000px;

}
#logo
{
	
}
#gal
{
width:240px;
}

}
@media only screen and (min-width : 1191px) and (max-width : 1264px)
{
.main
{
width:1100px;	
}
#logo
{

	
}

}
@media only screen and (min-width : 1265px) and (max-width : 1365px)
{
.main
{
width:1150px;	


}
#logo
{
	

	
}
}
@media only screen and (min-width : 1225px)
{
}