@media only screen and (min-width:1600px) {

	.container {

		max-width: 1400px;

	}

	.card_body .image-ratio {
		padding-top: 290px;
	}

}



@media only screen and (min-width:1900px) {

	.container {

		max-width: 1600px;

	}

}



@media only screen and (max-width:1366px) {
	.banner-content {
		max-width: 80%;
	}

	.banner-content h1,
	.banner-content h2,
	.banner-content h3 {
		font-size: 36px;
		line-height: 44px;
	}
}

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



	.servicebox .servicecon {

		padding: 20px 80px 20px 50px;

	}

	.servicebox:nth-child(even) .servicecon {

		padding: 20px 50px 20px 80px;

	}

	.servicebox .servicecon h2 {

		font-size: 28px;

		margin-bottom: 10px;

		line-height: 32px;

	}

	.servicebox .serviceimg {

		height: 465px;

	}



}



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

	.navbar-collapse ul li {

		margin-right: 10px;

	}

	.navbar-text {

		padding: 0;

		margin-left: 20px;

		align-items: center;

	}

	.carousel-inner .carousel-item {

		height: 500px;

		background: #000;

	}

	.aboutbox {

		width: auto;

	}



	.servicebox .servicecon {

		display: block;

		/* display: -webkit-box;

		-webkit-line-clamp: 12;

		-webkit-box-orient: vertical;

		overflow: hidden;

		text-overflow: ellipsis; */

	}

	.servicebox .servicecon {

		padding:0px 20px 0px 20px;

	}

	.servicebox:nth-child(even) .servicecon {

		padding:0px 20px 0px 20px;

	}
	.aboutbox [class*="col-"]:nth-child(2) {
		padding-left: 15px;
	}
	.container {
		max-width: 98%;
	}
	.aboutbox [class*="col-"]:nth-child(2) p {
		font-size: 29px;
		line-height: 36px;
	}
	.help_section{padding: 70px 0;}
	.help_section h2{font-size: 32px; line-height: 44px;}
	.contact_form1 .heading h2, .coninfo .heading h2 { 
		font-size: 26px;
		line-height: 28px;
	}
}

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


	.contact_form1{padding: 30px;}
	.banner-content h1,
	.banner-content h2,
	.banner-content h3 {

		font-size: 40px;

		line-height: 46px;

	}

}

@media only screen and (max-width:991px) {
	
	.servicehome h2 {
		font-size: 30px !important;
    	line-height: normal !important;
    	margin: 0;
    	font-weight: 700;
	} 
	.navbar {

		padding: 10px 0;

	}

	.navbar-text {

		display: flex;

	}

	.bd_toggle {

		display: block;

	}

	.mob_nav {

		position: absolute;

		background: #283c86;

		background: -webkit-linear-gradient(to bottom, #003f53, #283c86);

		background: linear-gradient(to bottom, #003f53, #283c86);

		top: 100%;

		z-index: 999;

		width: 250px;

		right: 0;

		margin: 0;

	}
	.header-appear .header-fixed{padding: 0;}
	.mob_nav:after {

		content: "";

		width: 0px;

		height: 0px;

		position: absolute;

		border-left: 8px solid transparent;

		border-right: 8px solid transparent;

		border-bottom: 8px solid #023f56;

		top: -8px;

		right: 9px;

	}

	.mob_nav li a {

		color: #fff !important;

		margin: 0;

		padding: 10px;

		display: block;

		text-align: left;

		position: relative;

		border-bottom: 1px solid #035670;

	}

	.mob_nav li {

		display: block !important;

	}

	.navbar-collapse ul li>a {

		padding: 10px 10px 10px 15px !important;

	}

	.navbar-collapse ul li {

		margin: 0;

	}

	.navbar-collapse ul li.active>a:before,
	.navbar-collapse ul li:hover>a:before {

		display: none;

	}

	.navbar-collapse ul li>ul.dropdown-menu {

		background: #4a4a4a;

	}

	.navbar-collapse ul li>ul.dropdown-menu a.dropdown-item {

		font-size: 11px;

		padding: 10px !important;

	}

	.navbar-text ul li a {

		height: 30px;

		width: 30px;

		line-height: 30px;

		background: #101010;

	}

	.navbar-text ul {

		margin-right: 20px;

	}

	.navbar-collapse ul li.active>a:before,
	.navbar-collapse ul li:hover>a:before,
	.navbar-collapse ul li>a:before {

		display: none;

	}

	.banner-content h1,
	.banner-content h2,
	.banner-content h3 {
		font-size: 30px;
		line-height: 40px;
	}

	.wsite-logo {
		max-width: 250px;
		margin: 0 auto 30px;
	}



	.banner-content {

		max-width: 100%;

	}



	.ptb {

		padding: 35px 0;

	}

	.pt {
		padding-top: 35px;
	}

	.pb {
		padding-bottom: 35px;
	}



	.inner_banner {

		height: 200px;

	}



	.banner_area_text_box .page-title {

		font-size: 26px;

		line-height: 30px;

	}

	.aboutbox h2,
	.aboutbox h1,
	.aboutbox h3,
	.aboutbox h4,
	.ftrtop .heading h2, .servicehome h2{

		font-size: 30px;

		line-height: 36px;

		margin-bottom: 10px;

	}

	.aboutbox p {

		padding: 0;

		font-size: 14px;

		line-height: 20px;

	}

	.aboutbox img.bgimg {

		width: 150px;

		opacity: 0.5;

	}

	.aboutbox img {

		height: auto;

	}

	.servicebox .serviceimg {

		height: 270px;

	}

	/* .servicebox .servicecon {

		-webkit-line-clamp: 10;

	} */

	.abcon h2 {

		font-size: 30px;

		line-height: 36px;

		margin-bottom: 18px;

	}

	.help_box {

		max-width: 100%;

	}



	.help_section h2 {

		font-size: 30px;

		line-height: 36px;

	}


	button.navbar-toggler {
		background: #004054;
		border: 0;
		width: 49px;
		height: 40px;
		right: 0;
		padding: 6px;
		position: relative;
		margin-left: 15px;
		outline: none !important;
	} 
 
	button.navbar-toggler span{
		width: 35px;
		height: 3px;
		border-radius: 5px;
		background-color: #fff;
		position: absolute;
		left: 6px;
		top: 50%;
		transform: translateY(-50%);
		transition: 0.5s;
	}
 
	button.navbar-toggler span::before{
		content: "";
		width: 30px;
		height: 3px;
		border-radius: 5px;
		background-color: #fff;
		position: absolute;
		right: 0;
		top: -8px;
		transition: 0.5s;
	}
 
	button.navbar-toggler span::after{
		content: "";
		width: 30px;
		height: 3px;
		border-radius: 5px;
		background-color: #fff;
		position: absolute;
		right: 0;
		bottom: -8px;
		transition: 0.5s;
	} 
 
	.navbar-toggler[aria-expanded="true"] span{
		background-color: transparent;
	}
	.navbar-toggler[aria-expanded="true"] span::after{
		bottom: 0;
		transform: rotate(-45deg);
	}
	.navbar-toggler[aria-expanded="true"] span::before{
		top: 0;
		transform: rotate(45deg);
	}

	.aboutbox [class*="col-"]:nth-child(2) p {
		font-size: 22px;
		line-height: normal;
	}
	.servicebox .servicecon h2{font-size: 22px; line-height: normal !important;}
	.contact_form1 .heading h2, .coninfo .heading h2 { 
		font-size: 22px;
		line-height: normal;
	}
	.conli li p, .conli li p strong:nth-child(2){font-size: 14px;}
	.conli li p strong{font-size: 13px; line-height: normal;}
	.contact_form1 .wpcf7-text, .contact_form1 .wpcf7-date, .contact_form1 .wpcf7-select, .f12_captcha-133 input, .contact_form1 input#f12_captcha-498 {
		height: 44px;
		outline: none;
	}
	.contact_form1 .wpcf7-submit{height: 44px;}
	.conli li .icon{
		width: 40px; 
		height: 40px;
	}
	.ftlogo {
		padding-right: 0;
		text-align: center;
	}
	.copyright {
		margin-top: 30px;
		padding: 0 0 10px 0;
		text-align: center;
	}
	.inner_con ul li{font-size: 13px;}
	.bd_btn { 
		height: 40px; 
		line-height: 39px !important;
		padding: 0 15px;
		font-size: 14px !important; 
	}
	.help_section h2 {
		font-size: 25px;
		line-height: 33px;margin-bottom: 0;
	}
	.servicebox .servicecon h2{
		font-size: 20px !important;
	}
	.aboutbox {text-align: center !important;}
	.banner-content-wrapper{padding: 80px 0;}
}

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

	.contact_form1 {

		padding: 25px;

	}

	.es-form-field-container {

		justify-content: start;

		flex-wrap: wrap;

	}

	.es-form-field-container .gjs-row {

		flex: 0 0 100%;

		max-width: 100%;

		background: #fff;

	}

	.es-form-field-container .gjs-cell [type="email"] {

		padding: 10px;

	}

}
/* 576 */
@media only screen and (max-width:767px) {

	.navbar-text .bd_btn {
		font-size:0 !important;
	}
	
	.carousel-inner .carousel-item {

		height: 400px;

	} 
	.banner-content h1,
	.banner-content h2,
	.banner-content h3 {

		font-size: 28px;

		line-height: 32px;

		margin-bottom: 10px;
		font-weight: 500;

	}

	.aboutbox p {
		padding: 0;
		font-size: 16px;
		line-height: 24px;
	}

	.aboutbox [class*="col-"]:nth-child(2) p {
		font-size: 22px;
		line-height: 26px;
	}

	.aboutbox [class*="col-"]:nth-child(2) {
		padding-left: 15px;
	}



	.aboutbox h2,
	.aboutbox h1,
	.aboutbox h3,
	.aboutbox h4,
	.ftrtop .heading h2 {

		font-size: 22px;

		line-height: 26px;

		margin-bottom: 8px;

	}

	.aboutbox span {

		margin-bottom: 5px;

	}

	.aboutbox img {

		margin-top: 0;

	}

	.wsite-logo {
		max-width: 200px;
		margin: 0 auto 30px;
	}



	.heading h2,
	.contact_form1 .heading h2,
	.coninfo .heading h2 {

		font-size: 26px;

		line-height: 30px;

	}



	.contact_form1 .heading p {

		font-size: 14px;

		line-height: 20px;

	}



	.heading {

		margin-bottom: 20px;

	}

	.contact_form1 {

		padding: 20px;

	}



	.servicebox .serviceimg {

		flex: 0 0 100%;

		max-width: 100%;

	}

	.servicebox .servicecon,
	.servicebox:nth-child(even) .servicecon {

		flex: 0 0 100%;

		-webkit-line-clamp: inherit;

		max-width: 100%;

		padding: 20px 20px;

		background: #ecffecbf;

	}

	.servicebox {

		position: relative;

	}

	.servicebox:nth-child(even) .serviceimg {

		order: inherit;

	}

	.servicebox .serviceimg {

		height: auto;

	}

	.testicontent h6 {

		font-size: 16px;

		line-height: 20px;

	}

	.servicebox .servicecon h2 {

		font-size: 22px;

		line-height: 28px;

		margin: 0;

	}

	.servicebox .servicecon strong {

		font-size: 14px;

		line-height: 20px;

	}

	.servicebox .servicecon h5,
	.servicebox .servicecon h6 {

		font-size: 17px;

		line-height: 20px;

	}

	.es-form-field-container .gjs-cell [type="email"] {

		width: 390px;

	}

	.ftrtop {

		margin-bottom: 30px;

	}

	.abcon h2 {

		font-size: 26px;

		line-height: 32px;

		margin-bottom: 15px;

	}

	.blog_details_box .entry-content {

		padding: 30px;

	}

	.blog_details_box .entry-content h1 {

		font-size: 30px;

		line-height: 36px;

		margin-bottom: 0;

	}
	button.navbar-toggler{
		width: 42px;
    	height: 36px;
	}
	.navbar-text .bd_btn{
		padding: 0;
		width: 42px;
		height: 36px;
		line-height: 35px !important;
		text-align: center;
	}
	.navbar-text .bd_btn img{margin: 0;}
	button.navbar-toggler span::before, button.navbar-toggler span::after{width: 26px;}
	button.navbar-toggler span{width: 30px;}
	.navbar-brand img{height: 46px;}
	body {
		padding-top: 64px;
	}
	.aboutbox p{
		font-size: 15px;
		line-height: 22px;
	}
	
	.navbar-text{margin-left: 0;}

}

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

@media only screen and (max-width:575px) {
	.mob-center {
		text-align:center;
		margin-top:19px;
	}
	.ftrsocial {
		justify-content:center;
	}
	.copyright p{
		text-align:center;
	}
	.mob-center .bdftrbox h2 { 
		font-size: 16px;
		line-height: 20px;
		background: #fff; 
		padding: 5px 10px;
	}
}

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

	.banner-content h1,
	.banner-content h2,
	.banner-content h3 {

		font-size: 30px;

		line-height: 36px;

		margin-bottom: 10px;

	}

	.carousel-inner .carousel-item {

		height: 350px;

	}

	.bd_btn {

		height: 40px;

		line-height: 40px !important;

	}

	.btnimg img {

		margin: -2px 0px 0 0;

	}



	.copy-right {

		margin-top: 20px;

	}



	.inner_banner {

		height: 200px;

	}

	.es-form-field-container .gjs-cell [type="email"] {

		width: 415px;

	}

	.bdftrbox {

		margin-bottom: 20px;

	}

	.copyright {

		margin-top: 0;

		text-align: left;

		padding-bottom: 15px;

	}

	.copyright p,
	.copyright a {

		font-size: 12px;

		line-height: 18px;

	}

	.ftlogo {

		padding-right: 0;

	}

	.ftlogo a {

		width: 140px;

		margin-bottom: 10px;

	}



	.inner_banner {

		height: 150px;

	}



}

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

	.es-form-field-container .gjs-cell [type="email"] {

		width: 385px;

	}

	.servicewrap .serviceimage {

		height: 220px;

	}

	.servicewrap .servicecontent h5 {

		font-size: 18px;

		line-height: 24px;

	}

	.help_section h2 {

		font-size: 24px;

		line-height: 30px;

	}

}

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

	.btnimg {

		font-size: 0 !important;

		/* border-radius: 0; */

		width: 30px;

		height: 30px;

		line-height: 30px !important;

		padding: 0;

	}

 

	.carousel-inner .carousel-item {

		height: auto;

	}

	.banner-content-wrapper {

		position: relative;

		top: inherit;

		transform: translateY(0);

		background: #36bc3838;

	}

	.banner-content {

		padding: 0;

		color: #000;

		font-size: 13px;

		line-height: 20px;

	}

	.banner-content h1,	.banner-content h2,	.banner-content h3 {
		font-size: 21px;
		line-height: 26px;
		margin-bottom: 5px;

	}

	.banner-content-wrapper {
		padding: 60px 0;
	}

	.aboutbox h2, .aboutbox h1, .aboutbox h3, .aboutbox h4, .ftrtop .heading h2 { 
		font-size: 18px; 
		line-height: 24px; 
		margin-bottom: 5px;

	}

	.aboutbox p { 
		font-size: 14px; 
		line-height:21px; 
	}

	.aboutbox [class*="col-"]:nth-child(2) p {
		font-size: 17px;
		line-height: 22px;
	}

	.servicebox .servicecon,
	.servicebox:nth-child(even) .servicecon {

		padding: 20px;

	}

	.testislider {

		margin-top: 30px;

	}

	.contact_form1 .heading h2,
	.coninfo .heading h2 {

		font-size: 26px;

		line-height: 30px;

	}

	.servicebox .serviceimg {

		height: auto;

	}

	.es-form-field-container .gjs-cell [type="email"] {

		width: 330px;

	}

	.abcon h2 {

		font-size: 22px;

		line-height: 28px;

		margin-bottom: 10px;

	}

	.blog_details_box .entry-content h1 {

		font-size: 26px;

		line-height: 30px;

	}

	.blog_details_box .entry-content .heading {

		margin-bottom: 10px;

	}

	.inner_con p {

		margin-bottom: 5px;

	}

	.menuservice h2 {

		font-size: 20px;

		line-height: 26px;

	}

	.needhelp p {

		margin-bottom: 10px;

	}
	body {
		padding-top: 62px;
	}
	.aboutbox span, .aboutbox h2, .aboutbox h1, .aboutbox h3, .aboutbox h4, .ftrtop .heading h2{font-size: 25px !important; line-height: normal !important;}
	.help_section h2 {
		font-size: 21px;
		line-height: 26px;
	}
	.contact_form1 .heading h2, .coninfo .heading h2 {
		font-size: 21px;
		line-height: normal;
	}

}

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

	.es-form-field-container .gjs-cell [type="email"] {

		width: 80%;

	}

	.es-form-field-container .gjs-cell [type="submit"] {

		padding: 0 15px !important;

		min-width: auto;

	}

}

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

	.es-form-field-container {

		padding: 0 !important;

	}
	.navbar-brand img {
		height: 42px;
	}



}