/******************************MEDIA QUERIES***********************/

@media (min-width:2280px) {

.container {

	width: 2100px !important;

}

.footer {

	background: #032e58;

	position: fixed !important;

	bottom: 0 !important;

	width: 100% !important;

}
.second-roll {
	background: #f2f2f2;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: fixed !important;
	width: 100% !important;
	bottom: 60px !important;
}
.menu-box ul {
	width: 100%;
}
.menu-box {
	position: absolute;
	top: 57%;
	transform: translateY(-50%);	
}
/*.menu-box {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}*/
.inn-menu-area{
	margin:0;	
}
}

@media (min-width:1900px) {

.container {

	width: 1700px;

}
.menu-box {
	position: absolute;
	top: 57%;
	transform: translateY(-50%);	
}


}

@media (min-width:1600px) {

.container {

	width: 1550px;

}

.footer {

	background: #032e58;

	position: fixed !important;

	bottom: 0 !important;

	width: 100% !important;

}
.second-roll {
	background: #f2f2f2;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: fixed !important;
	width: 100% !important;
	bottom: 60px !important;
}


.inner-content {

	margin-bottom: 80px !important;

}

.logo-area {

	padding: 20px 0;

}

.logo-area img {

	width: 400px !important;

}

/*.menu-box {
	margin: 170px 0 170px 0 !important;
}*/
.menu-box {
	margin: 0 !important;
	position: absolute;
	top: 42%;/*57%*/
	transform: translateY(-50%);
}
.header-call p {

	margin: 30px 0;

}

}

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

	

.fea-each {

	height: 150px;

	width: 150px;

}	

.fea-box::before {

	top: -36px;

	width: 202px;

	height: 136px;

}

.fea-box::after {

	bottom: 45px;

	width: 208px;

	height: 134px;

}

.main-menu li a {

	padding: 12px 11px;

	font-size: 13px;

}

.contact-info ul li a {

	font-size: 13px;

}

.contact-info ul li p span {

	width: 79%;

	font-size: 14px;

}

}



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

.menu-box ul li {

	width: 33.33%;

}

/******************************/

.main-menu li a {

	padding: 12px 17px;

}

.container {

	width: 960px;

}

.inn-menu-area .fea-box {

	position: absolute;

	top: 53px;

	left: 40px;

}

.logo-area img {

	margin: 10px auto;

}



 }

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

/***************************/

.container {

	width: auto !important;

}



.menu-toggle {

	display: block;

	cursor: pointer;

	color: #fff;

	font-size: 28px;

	text-align: right;

}

.inn-menu-area {

	position: absolute;

	width: 100%;

	z-index: 99;

}

.main-menu {
	display: none;
	position: absolute;
	background: #c3262f;
	z-index: 9;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}

.main-menu li {

	width: 100%;

}

.inner-content {

	margin: 40px 0 0 0;

}

.testimonials h3 {

	padding: 16px 0;

	font-size: 15px;

}

.sidebar-area {

	margin: 70px 0;

}

.our-links ul li {

	width: 100%;

}

.contact-info ul li p span {

	width: 76%;

}

.contact-info ul li p span {

	float: none;

}

.contact-info ul li p i {

	margin: 0 6px 0 0;

}

.header-call p a {

	font-size: 18px;

}

.inn-menu-area .fea-box {

	position: absolute;

	top: -50px;

	left: 40px;

}

 }

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

.testimonials h3 {

	font-size: 14px;

} 

.other-links ul li a {

	padding: 8px 13px 5px 13px;

}

}

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

.menu-box ul li {

	width: 50%;

}

.inn-menu-area .fea-box {

	position: absolute;

	top: -90px;

	left: 40px;

}	 

}

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

.testimonials h3 {

	font-size: 17px;

}

.our-links ul li {

	width: 47%;

}

.contact-info ul li p span {

	width: 88%;

	font-size: 15px;

	float:none;

}

.header-call p {

	float: none;

	color: #032e58;

	font-size: 20px;

	padding: 30px 0;

	text-align: center;

}
.site-title h2 {
	margin: 50px 0 10px 0;
}
}

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

.menu-box ul li {

	width: 100%;

}

.footer ul li{

	border-right:none;	

}

.footer ul li a {

	color: #fff;

	font-size: 13px;

	padding: 10px 6px;

}

.inn-menu-area .fea-box {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
}

.inner-content {

	margin: 40% 0 0 0;

}

}

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

.our-links ul li {

	width: 100%;

}

 .contact-info ul li p span {

	float:right;

}

	

}

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

.contact-info ul li p span {

	width: 83%;

}

.site-title h2 {

	font-size: 23px;

}

}

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

	 

/*************************/

.inner-content h5 {

	font-size: 17px;

	line-height: 29px;

}

.inner-content h4 {

	font-size: 24px;

}

.contact-info ul li p span {

	width: 81%;

}





}