@charset "utf-8";
/*-----------------------=============================================================================================
CSS FOR MEDIA QUERY
----------------------============================================================================================---*/
.show-mob, .show-tab {
	display: none;
}
.show-desk {
	display: block;
}
@media only screen and (max-width:1024px) {
.cta{
	background-attachment: scroll;
	background-size: cover;
}
}
 @media only screen and (max-width:1010px) {
.container {
	width: 755px;
}
.show-mob, .show-desk {
	display: none;
}
.show-tab {
	display: block;
}
/*-------------------------
CSS FOR LOGO
--------------------------*/
.logo {
	max-width:410px;
	width:100%;
}
.top-p2 {
	margin: 0px 0 0;
}
.top-p2 span {
	font-size: 25px;
	margin:0;
}
.logo-seal img {
	width: 170px;
}
.header-gap {
	height: 74px;
}
/*-----------------------
CSS FOR BANNER
-------------------------*/
.banner {
	padding: 60px 0;
}
.sec2-ul-2{
	float: none;
	width: auto;
	display:inline-block;
}
.sec2-ul-2 li{
	padding:0 35px 0 50px;
	background: url(../../images/support/s2-img1.png) no-repeat left 5px, url(../../images/support/sec2-line.png) no-repeat right 15px;
	background-size:40px auto, 12px auto;
}
.sec2-ul-2 li:nth-child(2){
	background: url(../../images/support/s2-img2.png) no-repeat 15px 5px, url(../../images/support/sec2-line.png) no-repeat right 15px;
	background-size:40px auto, 12px auto;
}
.sec2-ul-2 li:nth-child(3){
	background: url(../../images/support/s2-img3.png) no-repeat 15px 5px, url(../../images/support/sec2-line.png) no-repeat right 15px;
	background-size:30px auto, 12px auto;
}
.sec2-ul-2 li:last-child{
	background: url(../../images/support/s2-img4.png) no-repeat 15px 7px;
	background-size:35px auto;
	padding:0 0px 0 50px;
}
.sec2-p1 {
	font-size: 35px;
	line-height: 35px;
}
.sec2-ul-2 li .sec2-p1 sup {
	font-size: 21px;
}
/*-----------------------
CSS FOR STRIP
-------------------------*/
.strip-ul li {
	margin: 0 21px;
}
/*-------------------------
CSS FOR SECTION 1
--------------------------*/
.section-1, .section-2, .section-3, .section-4 {
	padding: 40px 0;
}
.sec-line {
	margin: 25px auto 30px;
}
.sec1-ul li .sec1-p3 {
	font-size: 20px;
	line-height: 24px;
}
/*-------------------------
CSS FOR CTA
--------------------------*/
.cta{
	padding: 40px 0;
}
/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.sec3-box-in {
	width: 100%;
	margin: 25px 0;
}
.box-1, .box-2, .box-3 {
	padding: 20px 15px;
}
.sec3-p2 {
	font-size: 32px;
	line-height: 30px;
}
.sec3-ul {
	min-height: 227px;
}
/*-------------------------
CSS FOR SECTION 4
--------------------------*/
.sec4-box .sec1-p3 {
	font-size: 18px;
}
.sec4-box .min-ht {
	min-height: 240px;
}


}
 @media only screen and (max-width:767px) {
.container {
	width: 100%;
	padding: 0 10px;
	max-width: 600px;
}
.show-desk, .show-tab {
	display: none;
}
.show-mob {
	display: block;
}
.footbadge {
	zoom: 40%;
}

/*-------------------------
CSS FOR LOGO BAR
--------------------------*/
.top-bar {
	padding: 5px 0 2px;
}
.logo {
	display:inline-block;
	max-width:320px;
	width:100%;
	vertical-align:top;
	float:none;
}
.top-p2 {
	width:100%;
	border-top: 1px solid #f3f0f0;
	padding-top:6px;
	margin: 5px 0 0;
	font-size: 16px;
	line-height: 20px;
}
.top-p2 span {
	font-size: 20px;
}
.header-gap {
	height: 80px;
}
.logo-seal{
	display:none;
}
/*-------------------------
CSS FOR BANNER
--------------------------*/
.banner {
	padding: 20px 0;
	background-size:cover;
}
.bnr-p1{
	font-size: 23px;
	line-height: 27px;
}
.bnr-p2 {
	font-size: 30px;
	line-height: 30px;
}
.sec2-ul-2 {
	margin: 20px auto 5px;
    float: left;
    width: 100%;
}
.sec2-ul-2 li {
	padding: 10px 5px;
	float: left;
	width: 47%;
	background:none !important;
	text-align:center;
	border:1px dotted #c4c4c4;
	border-radius:5px;
	margin:0 1.5% 3%;
	min-height:100px
}
.sec2-ul-2 li:last-child{
	padding: 10px 5px;
}
.sec2-p1 {
	float:none;
	display:inline-block;
	font-size: 30px;
	line-height: 26px;
	padding: 0 0 5px;
	margin-bottom: 5px;
}
.sup-pad{
	padding: 3px 0 5px;
}
.sec2-ul-2 li .sec2-p1 sup, .sec2-ul-2 li p .sup-f {
	line-height: 6px;
}
.or-img {
	display:none;
}
.bnr-btn1{
	margin:5px auto;
	max-width:280px;
	width:100%;
	display:block;
}
.or-img-mob{
	display:block;
	max-width:100%;
	margin:5px auto 8px;
	vertical-align:top;
}

/*-------------------------
CSS FOR STRIP
--------------------------*/
.strip {
	padding: 10px 0;
}

.mob-certi{
	vertical-align:top;
	display:inline-block;
	margin:5px auto 3px;
	max-width:100%;
}
/*-------------------------
CSS FOR SECTION 1
--------------------------*/
.section-1, .section-2, .section-3, .section-4 {
	padding: 25px 0;
}
.sec1-p1 {
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 10px;
}
.sec1-p2 {
	font-size: 22px;
	line-height: 27px;
}
.sec-line {
	margin: 20px auto 15px;
}
.sec1-p3 {
	font-size: 18px;
	line-height: 26px;
}
.sec1-ul li {
	width: 100%;
	margin: 20px 0 0;
	padding: 0 10px;
}
.sec1-ul li:nth-child(2), .sec1-ul li:nth-child(4) {
	margin: 20px 0 0;
}
.mar-20 {
	margin: 4px 0 5px;
}
.s1-ic1 {
	max-width: 61px;
}
/*-------------------------
CSS FOR CTA
--------------------------*/
.cta {
	padding: 25px 0 20px;
}
.cta .sec1-p3 {
	margin-bottom: 15px;
}
/*-------------------------
CSS FOR SECTION 2
--------------------------*/
.sec2-ul {
	margin: 20px 0 0px;
}
.sec2-ul li {
	width: 100%;
	padding: 0 10px;
}
.sec2-ul li:nth-child(2) {
	margin: 20px 0;
}
.s2-ic1 {
	margin: 0 auto 5px;
}
.b-clr {
	margin: 7px 0;
}
/*-------------------------
CSS FOR SECTION 3
--------------------------*/
.sec3-row {
	margin: 5px 0 0;
}
.box-1, .box-2, .box-3 {
	width: 100%;
	padding: 20px 15px;
	border: 1px solid #ebebeb;
	border-radius: 5px;
}
.sec3-ul {
	min-height: 3px;
}
.sec3-box-in {
	margin: 15px 0;
}
.box-2{
	margin: 15px 0;
}
.sec3-ul li {
    font-size: 18px;
    line-height: 26px;
}
/*-------------------------
CSS FOR SECTION 4
--------------------------*/
.slide-div {
	margin: 5px 0 0;
}
.sec4-box {
	width: 100%;
	padding: 15px;
	margin: 20px 0 0;
}
.sec4-box .min-ht {
	min-height: 5px;
}
/*-------------------------
CSS FOR FOOTER
--------------------------*/
footer {
	padding: 15px 0;
	font-size: 14px;
	line-height: 20px;
}
.f-img {
	margin: 10px auto 0;
}

 }
