/* XL Device :1200px. */
@media (min-width: 1500px) and (max-width: 1800px) {

    
.spp-2 {
	
	max-width: 252px;
}
.spp-1 {
	
	max-width: 341px;
}
.str-texts p {
	font-size: 20px;

}
.sp-2 {
	
	right: -127px;
	
}
.spp-3 {

	right: 126px;
	
} 
    
    
    
    
}


/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1499px) {

    
.spp-2 {
	
	max-width: 252px;
}
.spp-1 {
	
	max-width: 341px;
}
.str-texts p {
	font-size: 20px;

}
.sp-2 {
	right: 0;
}
.spp-3 {
	right: 6px;
}
    
    
.hero-content h1 {
	font-size: 80px;

} 
.hero-content p {
	font-size: 25px;
	
}   
    
.hero-content a {
	font-size: 17px;

}
.hero-content h1 {
	padding-right: 15px;
}
.hero-content {
	max-width: 532px;
	margin-left: auto;
	padding-top: 200px;
}
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1199.999px) {


    
.spp-2 {
	
	max-width: 252px;
}
.spp-1 {
	
	max-width: 341px;
}
.str-texts p {
	font-size: 20px;

}
.sp-2 {
	right: 0;
}
.spp-3 {
	right: 6px;
}
    
    
.hero-content h1 {
	font-size: 80px;

} 
.hero-content p {
	font-size: 25px;
	
}   
    
.hero-content a {
	font-size: 17px;

}
.hero-content h1 {
	padding-right: 15px;
}
.hero-content {
	max-width: 532px;
	margin-left: auto;
	padding-top: 200px;
}
    
.featured-blk h2 {
	font-size: 37px;
	
}
.ft-title h3 {
	
	font-size: 22px;

}
.section-title h2 {
	
	font-size: 37px;
	
}
.icon-main img {
	height: 71px;
}
.single-ico-box h3 {
	font-size: 20px;
	
}
.single-ico-box {
	
	padding: 15px;
	
}
    
.single-ico-box h3 span {
	
	font-size: 14px;
	
}
 .single-ico-box {
	
	height: 257px;

}
    
    
}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    
.sp-2 {
	
	right: -174px;
	bottom: -94px;
	max-width: 208px;
}
    
.sp-1 {
	position: absolute;
	bottom: -134px;
	max-width: 297px;
}
    
.spp-2 {
	
	max-width: 200px;
}
.spp-1 {
	max-width: 241px;
}
.str-texts p {
	font-size: 17px;
	line-height: 25px;
}
.sp-2 {
	right: 0;
}
.spp-3 {
	right: 6px;
}
    
    
.hero-content h1 {
	font-size: 66px;
}
.hero-content p {
	font-size: 25px;
	
}   
    
.hero-content a {
	font-size: 17px;

}
.hero-content h1 {
	padding-right: 15px;
}
.hero-content {
	max-width: 340px;
	margin-left: auto;
	padding-top: 200px;
}
    
.featured-blk h2 {
	font-size: 28px;
}
.ft-title h3 {
	
	font-size: 22px;

}
.section-title h2 {
	
	font-size: 37px;
	
}
.icon-main img {
	height: 71px;
}
.single-ico-box h3 {
	font-size: 20px;
	
}
.single-ico-box {
	
	padding: 15px;
	
}
    
.single-ico-box h3 span {
	
	font-size: 14px;
	
}
.single-ico-box {
	height: 209px;
	margin-bottom: 15px;
}
.hero-area {
	height: 951px;

}
.str-texts {
	padding: 0 50px;
}
.icon-main {
	height: 97px;
	
}
.footer-map-blk h3 {
	font-size: 37px;
	
}
.footer-right-form h3 {

	font-size: 37px;
}
    

.footer-right-form {
  margin-top: 29px;
}
.pd-lft {
	padding-left: 15px;
	margin-top: ;
} 
.pd-rt {
	padding-right: 15px;
} 
 .footer-map-blk img {
	width: 100%;
}
.action-link img {
	max-width: 27px;
}
.action-link a {
	font-size: 18px;
}
.footer-area {
	text-align: center;
	background: #052e4e;
	padding: 18px 0;
	font-size: 16px;
} 
    
.sb-btn button {
	background: #145eb5;
	color: #fff;
	font-size: 17px;
	border: none;
	padding: 1px 44px;
	height: 43px;
	border-radius: 35px;
}  
    
    
}
 

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {


    
.sp-2 {
	
	right: -174px;
	bottom: -94px;
	max-width: 208px;opacity: .4;
}
    
.sp-1 {
	position: absolute;
	bottom: -134px;
	max-width: 297px;opacity: .4;
}
    
.spp-2 {
	
	max-width: 200px;opacity: .4;
}
.spp-1 {
	max-width: 241px;
	opacity: .4;
}
.str-texts p {
	font-size: 17px;
	line-height: 25px;
}
.sp-2 {
	right: 0;opacity: .4;
}
.spp-3 {
	right: 6px;opacity: .4;
}
    
    
.hero-content h1 {
	font-size: 50px;
}
.hero-content p {
	font-size: 20px;
}  
    
.hero-content a {
	font-size: 15px;
	margin-top: 15px;
}
.hero-content h1 {
	padding-right: 15px;
	padding-left: 15px;
}
.hero-content {
	max-width: 100%;
	margin-left: auto;
	padding-top: 200px;
	text-align: center;
}
    
.featured-blk h2 {
	font-size: 28px;
}
.ft-title h3 {
	
	font-size: 22px;

}
.section-title h2 {
	
	font-size: 37px;
	
}
.icon-main img {
	height: 71px;
}
.single-ico-box h3 {
	font-size: 20px;
	
}
.single-ico-box {
	
	padding: 15px;
	
}
    
.single-ico-box h3 span {
	
	font-size: 14px;
	
}
.single-ico-box {
	height: auto;
	margin-bottom: 15px;
}
.hero-area {
	height: 951px;

}
.str-texts {
	padding: 0;
}
.icon-main {
	height: 97px;
	
}
.footer-map-blk h3 {
	font-size: 26px;
}
.footer-right-form h3 {
	font-size: 26px;
} 

.footer-right-form {
  margin-top: 29px;
}
.pd-lft {
	padding-left: 15px;
	margin-top: ;
} 
.pd-rt {
	padding-right: 15px;
} 
 .footer-map-blk img {
	width: 100%;
}
.action-link img {
	max-width: 27px;
}
.action-link a {
	font-size: 18px;
}
.footer-area {
	text-align: center;
	background: #052e4e;
	padding: 18px 0;
	font-size: 16px;
} 
    
.sb-btn button {
	background: #145eb5;
	color: #fff;
	font-size: 17px;
	border: none;
	padding: 1px 44px;
	height: 43px;
	border-radius: 35px;
}  
   
    
.header-bar-section {
	
	padding: 21px 0;
}
.site-menu ul li a {
	
	font-size: 14px;
	padding: 0px 16px;

}
    
.single-ft-blk {
	margin-bottom: 15px;
}
    
.site-inner-area {
	
	padding-bottom: 40px;
}
.mt-100 {
	margin-top: 40px;
} 
.mt-120 {
	margin-top: 40px;
} 
    
.site-inner-area {
	background: #003965;
}

.site-inner-area {
  position: relative;
  z-index: 1;
}
.site-inner-area {
}
.site-inner-area::after {
	position: absolute;
	left: 0;
	top: -238px;
	width: 100%;
	height: 400px;
	background-image: url(../img/sd.png);
	content: "";
	z-index: -1;
}
.hero-area {
	background-position: 41% 99%;
}
}





/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

 
}