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


.product-area, .icon-area, .advg-area, .abt-area, .choose-area, .ptnr-area, .color-area, .form-area, .servise-banner, .hdng,
.tpo2, .stap-area, .cnt-area, .about-banner, .paragraph, .about2, .contact-banner, .contact2{margin-bottom: 50px;}


.top-nav-inr2 {
    text-align: center;
}
.top-nav-inr2 ul li a {
    color: #fff;
    font-size: 15px;}
.text-right {
    text-align: center !important;
}
.top-nav-inr3 {
    margin-top: 15px;
}
.navbar-brand img {
    width: 49%;
    float: left;
}
.navbar-brand {
    display: inline;
}
.nav-inr {
    background-color: #fff;
    border-radius: 0px;
    text-align: right;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 17px;}

.top-nav-inr2 ul .fa {
    margin-right: 6px;
    color: #ffffff;
    font-size: 15px;
}
.top-nav-inr3 img {
    width: 50%;
    float: none;
}

.banner-area{width:100%;float:left;position:relative;overflow:hidden;z-index: -1;background-image:url(../images/bannerresponsive.jpg);background-size:cover;background-repeat:no-repeat;margin-top: 0;padding: 67px 0;}
.text h1 {
    font-size: 27px;
}
.banner-inr ul li {
    text-align: left;
    font-size: 14px;}

.banner-inr ul li .fa {
    color: #fff;
    font-size: 11px;
}
.call p a {
    font-size: 16px;
    text-align: left;
    width: 71%;
}

.call p .fa {
    font-size: 31px;
    width: 13%;
}
.call {
    margin-top: 0px;
}

.p2 h1 {font-size: 23px;}
.icon-inr3 .p2 h1 {font-size: 22px;}

.icon-inr3 .p1 img {width: 92%;float: left;}

.icon-inr3 {margin-bottom: 50px;}

.icon-inr2 {margin-bottom: 50px;}
.b a h5 {
    font-size: 16px;
    color: #000;
    width: 48%;  margin-top: 6px;}

.b a span img {
    width: 7%;
    float: none;
}
.icon-inr3 .b a h5 {
    font-size: 16px;
    color: #fff;
    width: 48%;
    float: left;
    margin-top: 6px;
}
.icon-inr3 .b a span img {
    width: 7%;
    float: none;
}
.product-area {
    background-image: none;
    background-color: #012b65;
}

.product-inr2 h6 {
    margin-bottom: 20px;
    font-size: 18px;}
.product-inr2 h2 {
    color: #fff;
    font-size: 26px;}

.product-inr2 {
    width: 100%;
    float: left;
    padding: 40px 0;
}

.video-popup {
    position: relative;
    margin-top: -109px;
    margin-right: 0;
    display: none;
}
	
.video-area {
    margin-top: 0;
}
.video-content h3 {
    color: #fff;
    font-size: 24px;}	
	

	
.video-area .button-area a button {
    padding: 6px 6px;
    font-weight: 500;
    font-size: 16px;}	
	
.video-content {
    width: 100%;
    float: left;
    padding: 50px 0px;}	
.video-inr3 {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    margin-top: 93px;}	
.value-area {padding: 0px 0;}	
	
.value-inr h3 {
    font-size: 26px;
}	
.value-inr p {font-size: 15px;}	
.value-area .link {
    padding: 10px 8px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1em;
    border: 1px solid #e7e8f1;
    margin-bottom: 29px;
    margin-right: 0px;
}

.value-inr2 h6 {
    font-size: 17px;
    font-weight: 300;
}
.value-inr2 {margin-bottom: 38px;}
.advg-area {
    background-image: none;
    padding: 50px 0;
    background-color: #002b64;
}
.advg-inr h3 {
    font-size: 26px;}

.advg-inr3 {
    margin-top: 30px;
}
.advg-inr2 {
    margin-bottom: 30px;
}

.advg-inr2 h4 {
    text-align: center;
    font-size: 20px;}
.abt-inr2 img {
    width: 75%;
    float: none;
}
.abt-inr2 {
    text-align: center;
    margin-bottom: 30px;
}
.abt-inr3 h5 {
    font-size: 20px;}

.abt-inr3 h3 {
    font-size: 26px;}
.abt-inr3 ul li span .fa {
    width: 9%;
    float: left;
    color: #000000;
    padding: 4px;
    font-size: 20px;
}
.abt-inr3 ul li a {
    width: 89%;
    float: left;
    color: #181818;
    font-size: 15px;}

.button-area a button {
    padding: 6px 7px;
    font-size: 16px;}

.choose-area{background-image: none;
    background-color: #012b65;}

.choose-inr2 h3 {
    color: #fff;
    font-size: 27px;}

.choose-inr2 {
    padding: 35px 0;
}
.ptnr-inr2 h4 {
    font-size: 26px;
    color: #000;
    font-style: italic;
}
.ptnr-inr2 {
    text-align: center;
}
.ptnr-inr3 img {
    width: 56%;
    float: none;
}
.color-inr2 {
    text-align: center;
    margin-bottom: 30px;
}

.color-inr3 h4 {
    font-size: 25px;}

.color-inr3 {
    text-align: center;
}
.faq-inr3 h3 {
    font-size: 25px;}
	
.faq-list a {
    font-size: 18px;}	
.faq-inr3 {
    margin-bottom: 40px;
}	
	
.contact-inr3 {
    padding: 24px 20px;
}	
	
.contact-inr3 h3 {
    font-size: 24px;
}	
.footer-inr3 h2 {
    font-size: 20px;}	
	
.footer-inr3 ul li {
    color: #fff;
    margin-bottom: 20px;
    font-size: 16px;
}	
.footer-inr2 {
    margin: 25px 0;
}	
.footer-inr2 img {
    width: 60%;}	
.top-inr4 ul li {
    margin-right: 10px;
    color: #fff;
    font-size: 12px;
    background-color: #ffffff00;
    padding: 17px 6px;
    border: 1px dashed #ffffff;
    width: 32px;
    height: 32px;
    line-height: 19px;
}	
.top-inr4 ul li .fa {
    margin-right: 0;
    font-size: 20px;}
	
.footer-inr2 {
    width: 100%;
    float: left;
    text-align: left;
}	
.text-center {
    text-align: left !important;
}	
	
.diff .fa {
    width: 13%;}
	
.diff p a {
    width: 85%;
    float: left;
    color: #ddd;
    font-size: 16px;
    margin-bottom: 27px;
}	
.servise-banner {
    margin-top: 0;
    padding: 30px 0;
}	
.hdng-inr h2 {
    text-align: center;
    font-size: 28px;}
	
.tpo1-inr2 h3 {
    font-size: 24px;
    margin-bottom: 20px;}	
	
.tpo1-inr2 p {
    font-size: 15px;
}	
.tpo1-inr2 {
    width: 100%;
    float: left;
    margin-bottom: 45px;
}	
.tpo2-inr h3 {font-size: 26px;}	
.tpo2 {
    padding: 56px 0;
}	
.tpo2-inr p {
    font-size: 15px;
}	
.tpo2 ul li a {
    width: 90%;
    font-size: 15px;
    margin-left: 11px;}
	
.tpo2 ul li span .fa {
    width: 6%;
    padding: 4px;
    font-size: 19px;}	
.step-inr h3 {font-size: 24px;}	
.step-inr p {
    margin-bottom: 50px;
    font-size: 15px;
}	

.step-inr2 h4 {font-size: 20px;}	
.step-inr2 {
    margin-bottom: 22px;
}		
.step-inr2 img {
    width: 32%;
    float: none;
    margin-bottom: 30px;
}	
.part1 {margin-bottom: 0;}	
.part2 {margin-bottom: 0;}	
.cnt-inr2 {
    margin-top: 0;
    margin-bottom: 30px;
}	
.cnt-inr2 h3 {font-size: 27px;}
.cnt-inr2 h6 a {
    font-size: 29px;
    color: #002b64;
}
.formbtn {
    padding: 7px 7px;
    border-radius: 7px;
    font-weight: 500;
    font-size: 16px;}


.about-banner {
    margin-top: 0;
    padding: 30px 0;
}	
.paragraph-inr p {
    text-align: center;
    font-size: 15px;
}

.about2-inr2 {
    margin-bottom: 30px;
}
.about2-inr3 h3 {
    font-size: 23px;}

.about2-inr3 p {
    font-size: 15px;
}

.contact-banner{
    margin-top: 0;
    padding: 30px 0;
}	
.contact2-inr2 h5 {
    color: #000000;
    font-size: 25px;}

.contact2-inr2 ul li .fa {
    font-size: 16px;
    margin-right: 10px;
    background-color: #002b6414;
    padding: 10px 9px;}

.ph {
    font-size: 20px !important;}

.contact2-inr2 ul li a {
    font-size: 15px;
}
.faq-inr h3 {
    color: #000000;
    font-size: 26px;}


}

@media(min-width:768px) and (max-width:991px){
	
.product-area, .icon-area, .advg-area, .abt-area, .choose-area, .ptnr-area, .color-area, .form-area, .servise-banner, .hdng,
.tpo2, .stap-area, .cnt-area, .about-banner, .paragraph, .about2, .contact-banner, .contact2{margin-bottom: 50px;}
	
	
.top-nav-inr2 ul li a {
    color: #fff;
    font-size: 15px;}
.text-right {
    text-align: center !important;
}
.top-nav-inr3 {
    margin-top: 0;
}
.navbar-brand img {
    width: 22%;
    float: left;
}
.navbar-brand {
    display: inline;
}
.nav-inr {
    border-radius: 8px;
    text-align: right;
}


.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 17px;}

.top-nav-inr2 ul .fa {
    margin-right: 6px;
    color: #ffffff;
    font-size: 15px;
}
.top-nav-inr3 img {
    width: 50%;
    float: none;
}
.text h1 {
    color: #fff;
    font-size: 35px;}	
	
.call p .fa {
    font-size: 34px;
    width: 6%;
    float: left;
    margin-top: 10px;
}	
.call p a {
    font-size: 17px;
    text-align: left;
    width: 51%;
    float: left;
    color: #fff;
    font-weight: 600;
}	
	
.icn {
    display: inline-block;
}	
.icon-inr3 .icn {
    display: inline-block;
}	
	
.p1 img {
    width: 40%;
    float: none;
}	
.icon-inr2 {
    padding: 0 11px 18px;}	
	
	
.icon-inr3 .p1 img {
   width: 39%;
    float: none;
}
.icon-inr3{
    padding: 0 11px 18px;}	
.icn2 {
    width: 100%;
    float: left;
    margin-top: 0;
}	
.icon-inr3 .icn2 {
    width: 100%;
    float: left;
    margin-top: 0;
}	
.b a h5 {
    font-size: 15px;
    color: #000;
    width: 50%;
    float: left;
    margin-top: 4px;
}	
.icon-inr3 .b a h5{
    font-size: 15px;
    color: #fff;
    width: 50%;
    float: left;
    margin-top: 4px;
}	
.product-inr2 h2 {
    color: #fff;
    font-size: 26px;}

.product-area {
    background-image: none;
    background-color: #012b65;
}
.product-inr2 {
    width: 100%;
    float: left;
    padding: 32px 0;
}

.video-inr3 img {
    width: 100%;
    float: left;
    margin-top: -60px;
}
.video-content h3 {
    color: #fff;
    font-size: 22px;}

.video-content {
    width: 100%;
    float: left;
    padding: 35px 0px;
}
.video-area .button-area a button {
    padding: 8px 8px;
    font-weight: 500;
    font-size: 16px;}

.video-popup {
    position: relative;
    margin-top: -60px;
    margin-right: -77px;
}
.video a img {
    width: 34%;
    float: left;
}
.arrow img {
    width: 38%;
    float: left;
}
.video-popup span {
    top: 0%;
    left: 15%;
    font-size: 20px;
    line-height: 26px;}

.value-inr h3 {
    font-size: 28px;}
.value-area .link {
    padding: 11px 12px;
    border-radius: 10px;
    font-size: 19px;}

.value-area {
    padding: 30px 0;
}


.advg-inr h3 {
    text-align: center;
    color: #fff;
    font-size: 27px;
    margin-bottom: 35px;
}
.advg-inr2 h4 {
    text-align: center;
    font-size: 19px;}

.advg-inr2 img {
    width: 25%;}
	
.advg-area {
    padding: 83px 0;
}	
.abt-inr2 {
    width: 100%;
    float: left;
    text-align: center;
    display: none;
}	
.abt-inr3 h3 {
    font-size: 27px;}	
	
.abt-inr3 ul li span .fa {
    width: 5%;
    float: left;
    color: #000000;
    padding: 4px;
    font-size: 20px;
}
.button-area a button {
    padding: 7px 7px;
    border-radius: 7px;
    font-weight: 500;
    font-size: 17px;}	

.choose-area {
    background-image: none;
    background-color: #012b65;
}
.choose-inr2 {
    width: 100%;
    float: left;
    padding: 42px 0;
}

.choose-inr2 h3 {
    font-size: 28px;
}
.ptnr-inr2 h4 {
    font-size: 30px;}

.color-inr3 h4 {
    font-size: 28px;
    margin-bottom: 20px;}
.color-inr2 img {
    width: 85%;
    float: none;
}
.faq-inr3 h3 {
    font-size: 24px; margin-bottom: 16px;}
	
.faq-list p {
    margin-bottom: 0;
    padding: 10px 0 0 0;
    font-size: 15px;
}	
.footer-inr3 h2 {
    font-size: 20px;}	
	
.footer-inr3 ul li {
    color: #fff;
    margin-bottom: 20px;
    font-size: 17px;
}	
.footer-inr2 img {
    width: 70%;}	
.footer-inr2 {
    width: 100%;
    float: left;
    text-align: left;
}	
.text-center {
    text-align: left !important;
}	
.top-inr4 ul li .fa {
    margin-right: 0;
    font-size: 17px;}	
	
.top-inr4 ul li {
    width: 40px;
    height: 40px;
    line-height: 25px;}	
	
.diff .fa {
    width: 14%;}	
	
.diff p a {
    width: 83%;
    float: left;
    color: #ddd;
    font-size: 14px;}	
	
.servise-banner {
    padding: 106px 0; margin-top: -68px;}

.about-banner {
    padding: 106px 0; margin-top: -68px;}

.contact-banner{
    padding: 106px 0; margin-top: -68px;}

.hdng-inr h2 {
    text-align: center;
    font-size: 36px;}

.tpo1-inr2 h3 {
    font-size: 27px;}
.tpo1-inr2 {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.tpo1-inr3 img {
    width: 67%;
    float: none;
}
.tpo1-inr3 {
    text-align: center;
}
.tpo2-inr h3 {
    font-size: 29px;}
.tpo2 {
    padding: 58px 0;
}
.step-inr h3 {
    font-size: 27px;}
.step-inr2 h4 {
    font-size: 18px;}

.cnt-inr2 h3 {
    font-size: 23px;}
.cnt-inr2 h6 a {font-size: 26px;}
.about2-inr2 img {
    width: 50%;
    float: none;
    margin-bottom: 30px;
}
.about2-inr3 h3 {
    font-size: 27px;}
.about2-inr3 {
    text-align: center;
}
.contact2-inr2 h5 {
    color: #000000;
    font-size: 28px;}
	
.contact2-inr2 ul li .fa {
    font-size: 22px;
    margin-right: 20px;
    padding: 10px 10px;}	
	
.ph	{
    font-size: 22px !important;
   }
	
.contact2-inr2 ul li a {
    font-size: 17px;}			

.contact-inr3 {
    width: 100%;
    float: left;
    border-style: solid;
    border-width: 0.5px;
    border-color: #e7e8f1;
    border-radius: 36px;
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgb(78 42 222 / 2%), 0 6px 18px 0 rgb(78 42 222 / 2%);
    padding: 30px 30px;
}

.formbtn {
    padding: 8px 8px;
    font-size: 16px;}
.faq-inr h3 {
    color: #000000;
    font-size: 30px;}
.faq-area {
    width: 100%;
    float: left;
    position: relative;
    background-color: #fafafc;
    padding: 60px 0;
}
		
}

@media(min-width:992px) and (max-width:1023px){
	
	
.top-nav-inr2 ul li a {
    color: #fff;
    font-size: 15px;}
.top-nav-inr3 {
    margin-top: 0;
}
.navbar-brand img {
    width: 22%;
    float: left;
}

.nav-inr {
    border-radius: 8px;
    text-align: right;
}
.nav-inr ul li a button {
    background-color: #002b64;
    border-radius: 8px;
    font-weight: 600;
    border: 0;
    padding: 8px 7px;
    font-size: 14px;}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 17px;}

.top-nav-inr2 ul .fa {
    margin-right: 6px;
    color: #ffffff;
    font-size: 15px;
}
.top-nav-inr3 img {
    width: 50%;
    float: none;
}
.text h1 {
    color: #fff;
    font-size: 47px;
    }	
	
.call p .fa {
    font-size: 47px;
    width: 6%;
    float: left;
    margin-top: 18px;
}	
.call p a {
    font-size: 23px;
    text-align: left;
    width: 51%;
    float: left;
    color: #fff;
    font-weight: 600;
}	
	
.icn {
    display: flex;
}	
.icon-inr3 .icn {
    display: flex;
}	
	
.p1 img {
    width: 60%;
    float: none;
}	
.icon-inr2 {
    padding: 0 11px 18px;}	
	
	
.icon-inr3 .p1 img {
   width: 69%;
   float: none;
}
.icon-inr3{
    padding: 0 11px 18px;}	
.icn2 {
    width: 100%;
    float: left;
    margin-top: 0;
}	
.icon-inr3 .icn2 {
    width: 100%;
    float: left;
    margin-top: 0;
}	
.b a h5 {
    font-size: 18px;
    color: #000;
    width: 42%;
    float: left;
    margin-top: 4px;
}	
.icon-inr3 .b a h5{
    font-size: 18px;
    color: #fff;
    width: 42%;
    float: left;
    margin-top: 4px;
}	
.product-inr2 h2 {
    color: #fff;
    font-size: 26px;}

.product-area {
}
.product-inr2 {
    width: 100%;
    float: left;
    padding: 39px 0;
}

.video-inr3 img {
    width: 100%;
    float: left;
    margin-top: -60px;
}
.video-content h3 {
    color: #fff;
    font-size: 30px;
    }

.video-content {
    width: 100%;
    float: left;
    padding: 35px 0px;
}
.video-area .button-area a button {
    padding: 8px 8px;
    font-weight: 500;
    font-size: 16px;}

.video-popup {
    position: relative;
    margin-top: -61px;
    margin-right: -75px;
}
.video a img {
    width: 35%;
    float: left;
}
.arrow img {
    width: 38%;
    float: left;
}
.video-popup span {
    top: 0%;
    left: 22%;
    font-size: 23px;
    line-height: 26px;
    }

.value-inr h3 {
    font-size: 35px;
    }
.value-area .link {
    padding: 11px 12px;
    border-radius: 10px;
    font-size: 19px;}

.value-area {
    padding: 30px 0;
}


.advg-inr h3 {
    text-align: center;
    color: #fff;
    font-size: 32px;
    margin-bottom: 35px;
}
.advg-inr2 h4 {
    text-align: center;
    font-size: 19px;}

.advg-inr2 img {
    width: 25%;}
	
.advg-area {
    padding: 83px 0;
}	
.abt-inr2 {
    width: 100%;
    float: left;
    text-align: center;
}	
.abt-inr3 h3 {
    font-size: 27px;}	
	
.abt-inr3 ul li span .fa {
    width: 5%;
    float: left;
    color: #000000;
    padding: 4px;
    font-size: 20px;
}
.button-area a button {
    padding: 7px 7px;
    border-radius: 7px;
    font-weight: 500;
    font-size: 17px;}	

.choose-area {
}
.choose-inr2 {
    width: 100%;
    float: left;
    padding: 42px 0;
}

.choose-inr2 h3 {
    font-size: 30px;
}
.ptnr-inr2 h4 {
    font-size: 30px;}

.color-inr3 h4 {
    font-size: 32px;
    margin-bottom: 30px;
    }
.color-inr2 img {
    width: 77%;
    float: none;
}
.faq-inr3 h3 {
    font-size: 32px;
    margin-bottom: 16px;
    }
	
.faq-list p {
    margin-bottom: 0;
    padding: 10px 0 0 0;
    font-size: 15px;
}	
.footer-inr3 h2 {
    font-size: 26px;
    }	
	
.footer-inr3 ul li {
    color: #fff;
    margin-bottom: 20px;
    font-size: 19px;
}	
.footer-inr2 img {
    width: 60%;
    }	
.footer-inr2 {
    width: 100%;
    float: left;
    text-align: left;
}	
.text-center {
    text-align: left !important;
}	
.top-inr4 ul li .fa {
    margin-right: 0;
    font-size: 17px;}	
	
.top-inr4 ul li {
    width: 40px;
    height: 40px;
    line-height: 25px;}	
	
.diff .fa {
    width: 14%;}	
	
.diff p a {
    width: 83%;
    float: left;
    color: #ddd;
    font-size: 16px;
    }	
	
.servise-banner {
    padding: 135px 0;
    margin-top: -84px;
    }

.about-banner {
    padding: 137px 0;
    margin-top: -85px;
    }

.contact-banner{
    padding: 137px 0;
    margin-top: -85px;
    }

.hdng-inr h2 {
    text-align: center;
    font-size: 36px;}

.tpo1-inr2 h3 {
    font-size: 33px;
    }
.tpo1-inr2 {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.tpo1-inr3 img {
    width: 100%;
    float: none;
}
.tpo1-inr3 {
    text-align: center;
}
.tpo2-inr h3 {
    font-size: 29px;}
.tpo2 {
    padding: 58px 0;
}
.step-inr h3 {
    font-size: 34px;
    }
.step-inr2 h4 {
    font-size: 22px;
    }

.cnt-inr2 h3 {
    font-size: 29px;
    }
.cnt-inr2 h6 a {font-size: 28px;}
.about2-inr2 img {
    width: 86%;
    float: none;
    margin-bottom: 30px;
}
.about2-inr3 h3 {
    font-size: 27px;}
.about2-inr3 {
    text-align: left;
}
.contact2-inr2 h5 {
    color: #000000;
    font-size: 35px;
    }
	
.contact2-inr2 ul li .fa {
    font-size: 22px;
    margin-right: 20px;
    padding: 10px 10px;}	
	
.ph	{
    font-size: 22px !important;
   }
	
.contact2-inr2 ul li a {
    font-size: 17px;
    }			

.contact-inr3 {
    width: 100%;
    float: left;
    border-style: solid;
    border-width: 0.5px;
    border-color: #e7e8f1;
    border-radius: 36px;
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgb(78 42 222 / 2%), 0 6px 18px 0 rgb(78 42 222 / 2%);
    padding: 30px 30px;
}

.formbtn {
    padding: 8px 8px;
    font-size: 16px;}
.faq-inr h3 {
    color: #000000;
    font-size: 33px;
    }
.faq-area {
    width: 100%;
    float: left;
    position: relative;
    background-color: #fafafc;
    padding: 60px 0;
}
		
}

@media (min-width: 1024px) and (max-width: 1199px){
	
	
.top-nav-inr2 ul li a {
    color: #fff;
    font-size: 15px;}
.top-nav-inr3 {
    margin-top: 0;
}
.navbar-brand img {
    width: 22%;
    float: left;
}

.nav-inr {
    border-radius: 8px;
    text-align: right;
}
.nav-inr ul li a button {
    background-color: #002b64;
    border-radius: 8px;
    font-weight: 600;
    border: 0;
    padding: 8px 7px;
    font-size: 14px;}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 17px;}

.top-nav-inr2 ul .fa {
    margin-right: 6px;
    color: #ffffff;
    font-size: 15px;
}
.top-nav-inr3 img {
    width: 50%;
    float: none;
}
.text h1 {
    color: #fff;
    font-size: 47px;
    }	
	
.call p .fa {
    font-size: 47px;
    width: 6%;
    float: left;
    margin-top: 18px;
}	
.call p a {
    font-size: 23px;
    text-align: left;
    width: 51%;
    float: left;
    color: #fff;
    font-weight: 600;
}	
	
.icn {
    display: flex;
}	
.icon-inr3 .icn {
    display: flex;
}	
	
.p1 img {
    width: 60%;
    float: none;
}	
.icon-inr2 {
    padding: 0 11px 18px;}	
	
	
.icon-inr3 .p1 img {
   width: 69%;
   float: none;
}
.icon-inr3{
    padding: 0 11px 18px;}	
.icn2 {
    width: 100%;
    float: left;
    margin-top: 0;
}	
.icon-inr3 .icn2 {
    width: 100%;
    float: left;
    margin-top: 0;
}	
.b a h5 {
    font-size: 18px;
    color: #000;
    width: 42%;
    float: left;
    margin-top: 4px;
}	
.icon-inr3 .b a h5{
    font-size: 18px;
    color: #fff;
    width: 42%;
    float: left;
    margin-top: 4px;
}	
.product-inr2 h2 {
    color: #fff;
    font-size: 26px;}

.product-area {
}
.product-inr2 {
    width: 100%;
    float: left;
    padding: 39px 0;
}

.video-inr3 img {
    width: 100%;
    float: left;
    margin-top: -60px;
}
.video-content h3 {
    color: #fff;
    font-size: 30px;
    }

.video-content {
    width: 100%;
    float: left;
    padding: 35px 0px;
}
.video-area .button-area a button {
    padding: 8px 8px;
    font-weight: 500;
    font-size: 16px;}

.video-popup {
    position: relative;
    margin-top: -61px;
    margin-right: -75px;
}
.video a img {
    width: 35%;
    float: left;
}
.arrow img {
    width: 38%;
    float: left;
}
.video-popup span {
    top: 0%;
    left: 22%;
    font-size: 23px;
    line-height: 26px;
    }

.value-inr h3 {
    font-size: 35px;
    }
.value-area .link {
    padding: 11px 12px;
    border-radius: 10px;
    font-size: 19px;}

.value-area {
    padding: 30px 0;
}


.advg-inr h3 {
    text-align: center;
    color: #fff;
    font-size: 32px;
    margin-bottom: 35px;
}
.advg-inr2 h4 {
    text-align: center;
    font-size: 19px;}

.advg-inr2 img {
    width: 25%;}
	
.advg-area {
    padding: 83px 0;
}	
.abt-inr2 {
    width: 100%;
    float: left;
    text-align: center;
}	
.abt-inr3 h3 {
    font-size: 27px;}	
	
.abt-inr3 ul li span .fa {
    width: 5%;
    float: left;
    color: #000000;
    padding: 4px;
    font-size: 20px;
}
.button-area a button {
    padding: 7px 7px;
    border-radius: 7px;
    font-weight: 500;
    font-size: 17px;}	

.choose-area {
}
.choose-inr2 {
    width: 100%;
    float: left;
    padding: 42px 0;
}

.choose-inr2 h3 {
    font-size: 30px;
}
.ptnr-inr2 h4 {
    font-size: 30px;}

.color-inr3 h4 {
    font-size: 32px;
    margin-bottom: 30px;
    }
.color-inr2 img {
    width: 77%;
    float: none;
}
.faq-inr3 h3 {
    font-size: 32px;
    margin-bottom: 16px;
    }
	
.faq-list p {
    margin-bottom: 0;
    padding: 10px 0 0 0;
    font-size: 15px;
}	
.footer-inr3 h2 {
    font-size: 26px;
    }	
	
.footer-inr3 ul li {
    color: #fff;
    margin-bottom: 20px;
    font-size: 19px;
}	
.footer-inr2 img {
    width: 60%;
    }	
.footer-inr2 {
    width: 100%;
    float: left;
    text-align: left;
}	
.text-center {
    text-align: left !important;
}	
.top-inr4 ul li .fa {
    margin-right: 0;
    font-size: 17px;}	
	
.top-inr4 ul li {
    width: 40px;
    height: 40px;
    line-height: 25px;}	
	
.diff .fa {
    width: 14%;}	
	
.diff p a {
    width: 83%;
    float: left;
    color: #ddd;
    font-size: 16px;
    }	
	
.servise-banner {
    padding: 135px 0;
    margin-top: -84px;
    }

.about-banner {
    padding: 137px 0;
    margin-top: -85px;
    }

.contact-banner{
    padding: 137px 0;
    margin-top: -85px;
    }

.hdng-inr h2 {
    text-align: center;
    font-size: 36px;}

.tpo1-inr2 h3 {
    font-size: 33px;
    }
.tpo1-inr2 {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.tpo1-inr3 img {
    width: 100%;
    float: none;
}
.tpo1-inr3 {
    text-align: center;
}
.tpo2-inr h3 {
    font-size: 29px;}
.tpo2 {
    padding: 58px 0;
}
.step-inr h3 {
    font-size: 34px;
    }
.step-inr2 h4 {
    font-size: 22px;
    }

.cnt-inr2 h3 {
    font-size: 29px;
    }
.cnt-inr2 h6 a {font-size: 28px;}
.about2-inr2 img {
    width: 86%;
    float: none;
    margin-bottom: 30px;
}
.about2-inr3 h3 {
    font-size: 27px;}
.about2-inr3 {
    text-align: left;
}
.contact2-inr2 h5 {
    color: #000000;
    font-size: 35px;
    }
	
.contact2-inr2 ul li .fa {
    font-size: 22px;
    margin-right: 20px;
    padding: 10px 10px;}	
	
.ph	{
    font-size: 22px !important;
   }
	
.contact2-inr2 ul li a {
    font-size: 17px;
    }			

.contact-inr3 {
    width: 100%;
    float: left;
    border-style: solid;
    border-width: 0.5px;
    border-color: #e7e8f1;
    border-radius: 36px;
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgb(78 42 222 / 2%), 0 6px 18px 0 rgb(78 42 222 / 2%);
    padding: 30px 30px;
}

.formbtn {
    padding: 8px 8px;
    font-size: 16px;}
.faq-inr h3 {
    color: #000000;
    font-size: 33px;
    }
.faq-area {
    width: 100%;
    float: left;
    position: relative;
    background-color: #fafafc;
    padding: 60px 0;
}
		
}

@media (min-width: 1200px) and (max-width: 1439px){
	
.banner-area {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    z-index: -1;
    background-image: url(../images/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -94px;}	
.top-nav-inr2 ul li a {
    color: #fff;
    font-size: 15px;}
.top-nav-inr3 {
    margin-top: 0;
}
.navbar-brand img {
    width: 22%;
    float: left;
}

.nav-inr {
    border-radius: 8px;
    text-align: right;
}
.nav-inr ul li a button {
    background-color: #002b64;
    border-radius: 8px;
    font-weight: 600;
    border: 0;
    padding: 8px 7px;
    font-size: 14px;}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 17px;}

.top-nav-inr2 ul .fa {
    margin-right: 6px;
    color: #ffffff;
    font-size: 15px;
}
.top-nav-inr3 img {
    width: 50%;
    float: none;
}
.text h1 {
    color: #fff;
    font-size: 53px;
    }	
	
.call p .fa {
    font-size: 47px;
    width: 5%;
    float: left;
    margin-top: 18px;
}	
.call p a {
    font-size: 23px;
    text-align: left;
    width: 51%;
    float: left;
    color: #fff;
    font-weight: 600;
}	
	
.icn {
    display: flex;
}	
.icon-inr3 .icn {
    display: flex;
}	
	
.p1 img {
    width: 76%;
    float: none;
}	
.icon-inr2 {
    padding: 0 11px 18px;}	
	
	
.icon-inr3 .p1 img {
   width: 76%;
   float: none;
}
.icon-inr3{
    padding: 0 11px 18px;}	
.icn2 {
    width: 100%;
    float: left;
    margin-top: 20px;
}	
.icon-inr3 .icn2 {
    width: 100%;
    float: left;
    margin-top: 20px;
}	
.b a h5 {
    font-size: 18px;
    color: #000;
    width: 34%;
    float: left;
    margin-top: 4px;
}	
.icon-inr3 .b a h5{
    font-size: 18px;
    color: #fff;
    width: 34%;
    float: left;
    margin-top: 4px;
}	
.product-inr2 h2 {
    color: #fff;
    font-size: 35px;
    }

.product-area {
}
.product-inr2 {
    width: 100%;
    float: left;
    padding: 39px 0;
}

.video-inr3 img {
    width: 100%;
    float: left;
    margin-top: -109px;
}
.video-content h3 {
    color: #fff;
    font-size: 36px;
    }

.video-content {
    width: 100%;
    float: left;
    padding: 100px 0px;
}
.video-area .button-area a button {
    padding: 8px 8px;
    font-weight: 500;
    font-size: 16px;}

.video-popup {
    position: relative;
    margin-top: -109px;
    margin-right: -30px;
}
.video a img {
    width: 62%;
    float: left;
}
.arrow img {
    width: 59%;
    float: left;
}
.video-popup span {
    top: 0%;
    left: 18%;
    font-size: 26px;
    line-height: 32px;
    }

.value-inr h3 {
    font-size: 37px;
    }
.value-area .link {
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 20px;
    }

.value-area {
    padding: 73px 0;
}


.advg-inr h3 {
    text-align: center;
    color: #fff;
    font-size: 34px;
    margin-bottom: 60px;
}
.advg-inr2 h4 {
    text-align: center;
    font-size: 23px;
    }

.advg-inr2 img {
    width: 19%;
    }
	
.advg-area {
    padding: 144px 0;
}	
.abt-inr2 {
    width: 100%;
    float: left;
    text-align: center;
}	
.abt-inr3 h3 {
    font-size: 35px;
    }	
	
.abt-inr3 ul li span .fa {
    width: 8%;
    float: left;
    color: #000000;
    padding: 4px;
    font-size: 24px;
}
.button-area a button {
    padding: 7px 7px;
    border-radius: 7px;
    font-weight: 500;
    font-size: 17px;}	

.choose-area {
}
.choose-inr2 {
    width: 100%;
    float: left;
    padding: 82px 0;
}

.choose-inr2 h3 {
    font-size: 35px;
}
.ptnr-inr2 h4 {
    font-size: 42px;
    }

.color-inr3 h4 {
    font-size: 35px;
    margin-bottom: 30px;
    }
.color-inr2 img {
    width: 70%;
    float: none;
}
.faq-inr3 h3 {
    font-size: 35px;
    margin-bottom: 16px;
    }
	
.faq-list p {
    margin-bottom: 0;
    padding: 10px 0 0 0;
    font-size: 15px;
}	
.footer-inr3 h2 {
    font-size: 26px;
    }	
	
.footer-inr3 ul li {
    color: #fff;
    margin-bottom: 20px;
    font-size: 19px;
}	
.footer-inr2 img {
    width: 60%;
    }	
.footer-inr2 {
    width: 100%;
    float: left;
    text-align: left;
}	
.text-center {
    text-align: left !important;
}	
.top-inr4 ul li .fa {
    margin-right: 0;
    font-size: 17px;}	
	
.top-inr4 ul li {
    width: 40px;
    height: 40px;
    line-height: 25px;}	
	
.diff .fa {
    width: 14%;}	
	
.diff p a {
    width: 83%;
    float: left;
    color: #ddd;
    font-size: 16px;
    }	
	
.servise-banner {
    padding: 192px 0;
    margin-top: -95px;
    }

.about-banner {
    padding: 192px 0;
    margin-top: -94px;
    }

.contact-banner{
    padding: 194px 0;
    margin-top: -94px;
    }

.hdng-inr h2 {
    text-align: center;
    font-size: 43px;
    }

.tpo1-inr2 h3 {
    font-size: 32px;
    }
.tpo1-inr2 {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
.tpo1-inr3 img {
    width: 100%;
    float: none;
}
.tpo1-inr3 {
    text-align: center;
}
.tpo2-inr h3 {
    font-size: 32px;
    }
.tpo2 {
    padding: 58px 0;
}
.step-inr h3 {
    font-size: 35px;
    }
.step-inr2 h4 {
    font-size: 24px;
    }

.cnt-inr2 h3 {
    font-size: 34px;
    }
.cnt-inr2 h6 a {font-size: 32px;}
.about2-inr2 img {
    width: 68%;
    float: none;
    margin-bottom: 30px;
}
.about2-inr3 h3 {
    font-size: 32px;
    }
.about2-inr3 {
    text-align: left;
}
.contact2-inr2 h5 {
    color: #000000;
    font-size: 30px;
    }
	
.contact2-inr2 ul li .fa {
    font-size: 30px;
    margin-right: 20px;
    padding: 14px 18px;
    }	
	
.ph	{
    font-size: 34px !important;
   }
	
.contact2-inr2 ul li a {
    font-size: 19px;
    }			

.contact-inr3 {
    width: 100%;
    float: left;
    border-style: solid;
    border-width: 0.5px;
    border-color: #e7e8f1;
    border-radius: 36px;
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgb(78 42 222 / 2%), 0 6px 18px 0 rgb(78 42 222 / 2%);
    padding: 30px 30px;
}

.formbtn {
    padding: 8px 8px;
    font-size: 16px;}
.faq-inr h3 {
    color: #000000;
    font-size: 38px;
    }
.faq-area {
    width: 100%;
    float: left;
    position: relative;
    background-color: #fafafc;
    padding: 60px 0;
}
		
}

@media (min-width: 360px) and (max-width: 767px){
.b a h5 {
    font-size: 16px;
    color: #000;
    width: 38%;
 margin-top: 4px;
}
.icon-inr3 .p1 img {
    width: 82%;
    float: left;
}

.icon-inr3 .b a h5{
    width: 38%; margin-top: 4px;
}




}

@media (min-width: 390px) and (max-width: 767px){
.p1 img {
    width: 60%;
    float: left;
}
.p2 h1 {
    font-size: 26px;
}
.icon-inr3 .p1 img {
    width: 66%;
    float: left;
}
.icon-inr3 .p2 h1 {
    font-size: 25px;
}
.b a h5 {
    font-size: 16px;
    color: #000;
    width: 33%;
    margin-top: 4px;
}
.icon-inr3 .b a h5 {
    width: 33%;
    margin-top: 4px;
}

.servise-banner {
    margin-top: 0;
    padding: 42px 0;
}

.about-banner{
    margin-top: 0;
    padding: 42px 0;
}
.contact-banner{
    margin-top: 0;
    padding: 42px 0;
}
.banner-area {
    padding: 106px 0;
}
.text h1 {
    font-size: 33px;
}
.call p .fa {
    font-size: 31px;
    width: 10%;
}








}

@media (min-width: 430px) and (max-width: 767px){
.b a span img {
    width: 5%;
    float: none;
}

.b a h5 {
    font-size: 16px;
    color: #000;
    width: 29%;
    margin-top: 4px;
}

.icon-inr3 .b a h5{
    font-size: 16px;
    color: #fff;
    width: 29%;
    margin-top: 4px;
}

.icon-inr3 .b a span img{
    width: 5%;
    float: none;
}

.icon-inr3 .p1 img {
    width: 56%;
    float: left;
}
.p1 img {
    width: 54%;
    float: left;
}
.video-inr3 img {
    width: 70%;
    float: none;}

.video-inr3 {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    margin-top: 93px;
    text-align: center;
}

.footer-inr2 img {
    width: 50%;
}
.navbar-brand img {
    width: 40%;
    float: left;
}
.video-content {
    width: 100%;
    float: left;
    padding: 50px 0px;
    text-align: center;
}

}

@media (min-width: 460px) and (max-width: 767px){
.text h1 {
    font-size: 40px;
}
.call p a {
    font-size: 20px;
    text-align: left;
    width: 77%;
}
.call p .fa {
    font-size: 44px;
    width: 11%;
}

.faq-inr3 h3 {
    font-size: 28px;
}
.hdng-inr h2 {
    text-align: center;
    font-size: 35px;
}
.tpo2-inr h3 {
    font-size: 30px;
}
.ptnr-inr2 h4 {
    font-size: 31px;}

.ptnr-inr3 img {
    width: 47%;
    float: none;
}
.advg-inr h3 {
    font-size: 31px;
}
.step-inr h3 {
    font-size: 27px;
}





}

@media (min-width: 490px) and (max-width: 767px){
.banner-area {
    padding: 106px 0;
}
.banner-inr ul li {
    text-align: left;
    font-size: 17px;
}
.icon-inr3 .b a h5 {
    font-size: 16px;
    color: #fff;
    width: 24%;
    margin-top: 4px;
}

.b a h5 {
    font-size: 16px;
    color: #000;
    width: 24%;
    margin-top: 4px;
}
.video-content h3 {
    color: #fff;
    font-size: 28px;
}
.value-inr h3 {
    font-size: 30px;
}
.value-area .link {
    padding: 14px 15px;
    border-radius: 10px;
    font-size: 16px;}


.advg-inr2 img {
    width: 14%;
    float: none;
    margin-bottom: 20px;
}
.abt-inr2 img {
    width: 60%;
    float: none;
}
.footer-inr2 img {
    width: 43%;
}
.footer-inr3 h2 {
    font-size: 25px;
}

.footer-inr3 ul li {
    color: #fff;
    margin-bottom: 20px;
    font-size: 18px;
}
.diff p a {
    width: 85%;
    float: left;
    color: #ddd;
    font-size: 17px;}
	
.step-inr2 img {
    width: 27%;
    float: none;
    margin-bottom: 30px;
}	
.about2-inr2 img {
    width: 62%;
    float: none;
}	
.about2-inr3 h3 {
    font-size: 27px;
}	
.contact2-inr2 ul li a {
    font-size: 17px;
}	
	
	
	
	
	
	
}

@media (min-width: 500px) and (max-width: 767px){

.banner-area{width:100%;float:left;position:relative;overflow:hidden;z-index: -1;background-image:url(../images/banner.jpg);background-size:cover;background-repeat:no-repeat;padding: 56px 0;}

.text h1 {
    font-size: 36px;
}
.diff .fa {
    width: 8%;
}
.servise-banner {
    margin-top: 0;
    padding: 57px 0;
}
.about-banner{
    margin-top: 0;
    padding: 57px 0;
}
.contact-banner{
    margin-top: 0;
    padding: 57px 0;
}


}

@media (min-width: 600px) and (max-width: 767px){
.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 23px;
}
.icn {
    width: 100%;
    float: left;
    display: inline-block;
}

.p2 h1 br{ display:none;}
.p1 img {
    width: 24%;
    float: left;
}
.p2 h1 {
    font-size: 31px;
}

.icon-inr3 .p2 h1 br{ display:none;}
.icon-inr3 .p2 h1 {
    font-size: 31px;
}
.icon-inr3 .icn{
    width: 100%;
    float: left;
    display: inline-block;
}
.icon-inr3 .p1 img {
    width: 25%;}

.icon-inr3 .b a span img {
    width: 4%;
    float: none;
}
.b a span img {
    width: 4%;
    float: none;
}

.servise-banner {
    margin-top: 0;
    padding: 74px 0;
}

.about-banner{
    margin-top: 0;
    padding: 74px 0;
}
.about2-inr2 img {
    width: 48%;
    float: none;
}
.contact-banner{
    margin-top: 0;
    padding: 74px 0;
}




}


@media (min-width: 640px) and (max-width: 767px){
.text h1 br{ display:none;}
.text h1 {
    font-size: 32px;
}
.icn2 {
    width: 100%;
    float: left;
    margin-top: 0;
}

.icon-inr3 .icn2{
    width: 100%;
    float: left;
    margin-top: 0;
}
.video-inr3 img {
    width: 58%;
    float: none;
}














}