@media screen and (max-width: 1200px) {
	.main-navigation li {
		font-size: 12px;
	}
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
		width: auto;
		float: right;
	}
	.main-navigation li a {
		padding: 8px 10px;
	}
}
@media screen and (max-width: 1024px) {
	

}
@media screen and (max-width: 992px) {
	.main-navigation li {
		font-size: 11px;
	}
	.main-navigation li a {
		padding: 8px 11px;
	}
	.top-header .fa {
		width: 21px;
		line-height: 17px;
		font-size: 10px;
		margin: 0 0px;
	}
	.top-header {
		font-size: 13px;
	}
	.services-box .boxes {
		width: 49%;
	}
	.logo img {
    height: 85px;
	}
}
@media screen and (max-width: 900px) {


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

}
@media screen and (max-width: 768px) {
	.top-header,.top-header *{
		text-align: center !important;
	}
	.top-header {
		font-size: 16px;
	}
	.logo{
		text-align:center;
	}
	.navigation {
		text-align:center;
		margin-top: 0px;
	}
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
		float: none;
		width: 100%;
		text-align: center;
		background: #0a2648;
		margin-bottom: 10px;
	}
	.main-navigation li {
		font-size: 15px;
	    padding-bottom: 0px;
		    display: block;
	}
	.main-navigation li a{
		padding: 8px 17px;
		color: #ffffff;
		display: block;
		border-radius: 0;
	}
	.main-navigation li:hover a{
		border-bottom: 1px solid #ffffff;
	}
	.main-navigation li ul{
		position: relative;
		width: 100%;
		text-align: center;
	}
	.main-navigation li ul li a{
		width:100%;
	}
	.services-box .boxes {
		width: 100%;
		max-width: 400px;
	}
	.site-content,.widget-area{
		width: 100%;
	}
	.top-head {
    	background: rgba(0,0,0,.1);
	}
	.home-sec .sec-content {
    	max-height: 100%;
	}
}
@media screen and (max-width: 767px) {
	

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

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

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

}
 @media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio:0){
      
      
}
@media only screen and (min-width: 1300px){
   
}