@font-face {  
  font-family: myriadpro-bold-cond;  
  src: local("myriadpro-bold-cond"),  
  local("myriadpro-bold-cond"),  
  url(../fonts/myriadpro-bold-cond.otf); }
  
.logo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 70px;
	width: 246px;
	margin-top: 14px;
	margin-bottom: 15px;
}

.clear {
	clear: both;
}

.selectt {
	float: right;
	margin-top: 15px;
	width: 17%;
	margin-bottom: 15px;
}
.facebook-box {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	padding-right: 63px;
	padding-left: 63px;
}
.search-box {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 15px;
}
.search-bar {
	float: left;
	height: auto;
	width: 35%;
}
.input-search {
	float: left;
	height: auto;
	width: 70%;
}
.input-search1 {
	float: left;
	height: auto;
	width: 55%;
}
.search-bar1 {
	float: right;
	height: auto;
	width: 39%;
}
.white-box {
	float: left;
	height: auto;
	width: 100%;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	background-color: #FFF;
	margin-bottom: 20px;
}
.op-link {
	background-image: url(../images/arrowleft.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	padding-top: 60px;
	font-size: 12px;
	color: #00F;
}

.op-link1 {
	background-image: url(../images/arrowup.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	padding-top: 60px;
	font-size: 12px;
	color: #00F;
	padding-right: 15px;
	padding-left: 15px;
}

.op-link2 {
	background-image: url(../images/arrowright.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	padding-top: 60px;
	font-size: 12px;
	color: #00F;
}.right-link {
	float: right;
	margin-bottom: 15px;
}
.right-link a img {
	float: left;
	margin-left: 2px;
}
.link-box {
	float: left;
	margin-bottom: 15px;
}
.right-box {
	float: right;
	height: auto;
	width: 33%;
}
.left-box {
	float: left;
	height: auto;
	width: 65%;
}
.left-box p {
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 13px;
	color: #000;
}



   /* Large desktop */
@media (min-width: 1200px) { }

    /* Portrait tablet to landscape and desktop */
@media (min-width: 993px) and (max-width: 1199px) {
	
 }
	
     
    /* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 992px) { 
		.selectt{width:38%;}

.facebook-box {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	padding-right: 0px;
	padding-left: 0px;
}
.search-bar{width: 37%; margin-bottom:15px;}
.search-bar1{width: 59%; margin-bottom:15px;}

.input-search1{width: 50%;}

.link-box{
	width: 100%;
}

.op-link {
width: 33%;
margin-bottom:15px;
text-align:center;
}
.op-link1 {
width: 33%;
margin-bottom:15px;
text-align:center;
}
.op-link2 {
width: 33%;
margin-bottom:15px;
text-align:center;
}

}

@media (min-width: 600px) and (max-width: 767px) {
	.selectt{width:38%;}

.facebook-box {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	padding-right: 0px;
	padding-left: 0px;
}
.search-bar{width: 37%; margin-bottom:15px;}
.search-bar1{width: 59%; margin-bottom:15px;}

.input-search1{width: 50%;}

.link-box{
	width: 100%;
}

.op-link {
width: 33%;
margin-bottom:15px;
text-align:center;
}
.op-link1 {
width: 33%;
margin-bottom:15px;
text-align:center;
}
.op-link2 {
width: 33%;
margin-bottom:15px;
text-align:center;
}


}
 
 
 /* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}
 
 
@media (min-width: 481px) and (max-width: 599px) {
	
	.selectt{width:38%;}

.facebook-box {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	padding-right: 0px;
	padding-left: 0px;
}
.search-bar{width: 100%; margin-bottom:15px;}
.search-bar1{width: 100%; margin-bottom:15px;}

.link-box{
	width: 100%;
}
.op-link {
width: 100%;
margin-bottom:15px;
text-align:center;
}
.op-link1 {
width: 100%;
margin-bottom:15px;
text-align:center;
}
.op-link2 {
width: 100%;
margin-bottom:15px;
text-align:center;
}

.right-box {
	float: right;
	height: auto;
	width: 100%;
}
.left-box {
	float: left;
	height: auto;
	width: 100%;
}


 }
	
		 
/* Landscape phones and down */
@media (max-width: 480px) {

.logo {
	width: 100%;
}

.selectt{width:62%;}

.facebook-box {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	padding-right: 0px;
	padding-left: 0px;
}
.search-bar{width: 100%; margin-bottom:15px;}
.search-bar1{width: 100%; margin-bottom:15px;}

.link-box{
	width: 100%;
}
.op-link {
width: 100%;
margin-bottom:15px;
text-align:center;
}
.op-link1 {
width: 100%;
margin-bottom:15px;
text-align:center;
}
.op-link2 {
width: 100%;
margin-bottom:15px;
text-align:center;
}

.right-box {
	float: right;
	height: auto;
	width: 100%;
}
.left-box {
	float: left;
	height: auto;
	width: 100%;
}


}