.tophearder { background: #1a69b3; color: #fff; padding: 5px 0px; }
.tophearder p { margin-bottom: 0px; }
.tophearder a { color: #fff; }
.header { position: absolute; width: 100%; z-index: 9999; }
.menu { margin-top: 20px; }
.mainheader { background: rgba(246,238,38,0.9) }
.social .fa { background: #fff; color: #1a69b3; padding: 8px 0px 0px 9px; border-radius: 50%; width: 30px; height: 30px; }
.social .fa:hover { background: #f5ed25; cursor: pointer }
.banner big { position: absolute; red z-index: 10000;
width: 100%; top: 40%; margin: auto 0px; text-align: center }
.banner big .head1 { font-size: 16px; }
.banner big .head2 { font-size: 3.3em; color: #ffffff; font-family: 'robotoblack'; text-shadow: 1px 1px 7px #333 }
.banner big .head3 { font-size: 16px; }
.banner big .mango_btn { font-size: 16px; color: #fff; background: #1a69b3; padding: 10px 25px; border-radius: 30px; }
.banner big .mango_btn:hover { background: #000; text-decoration: none; }
.addmodule .learnbtn:hover { background: #000; text-decoration: none; border: 1px solid #000; }
.service p a:hover { background: #000; color: #fff; text-decoration: none; }
.secondsection { padding: 40px 0px; }
.addmodule { text-align: center }
.addmodule h3 { font-size: 20px; color: #1a69b3; font-family: 'robotobold'; margin-bottom: 15px; }
.addmodule h3 span { font-family: 'robotolight'; }
.addmodule p { font-size: 14px; color: #282020; margin-bottom: 30px; line-height: 24px; letter-spacing: 0.3px }
.addmodule a { color: #fff; }
.addmodule .learnbtn { font-size: 16px; background: #ef0000; padding: 10px 30px; border: 1px solid #bc0808; border-radius: 30px; }
.service { background-image: url(../images/servicesbg.jpg); padding: 80px 0px; background-size: 100% }
.service h3 { color: #fff; font-family: 'robotobold'; font-size: 22px }
.service p { color: #fff; font-size: 14px; font-size: 16px; }
.service p a { color: #000; padding: 10px 35px; background: #fff; border-radius: 30px; }
.service .rightside h3 { font-size: 25px; }
.service .rightside h4 { font-size: 22px; color: #fff; font-weight: bold }
.service .rightside p { text-align: left; color: #fff; margin-bottom: 20px; }
.serviceModule { padding: 10px; border: 1px solid #fff; border-radius: 10px; text-align: center; margin-bottom: 20px; }
.serviceModule a { text-decoration: none; display: block; }
.serviceModule:hover { background: rgba(0,0,0,0.3); }
.serviceModule h3 { font-size: 20px; }
.servicecontent { margin-bottom: 30px; }
.red { background-image: url(../images/howbg.jpg); padding: 80px 0px; color: #fff; background-size: 100% }
.red h3 { color: #333333; text-align: center; font-size: 30px; margin-bottom: 25px; font-family: 'robotobold'; }
.red p { text-align: center; font-size: 16px; letter-spacing: 0.5xp; margin-bottom: 15px; line-height: 24px; font-family: 'robotolight'; }
.red p a { color: #000; padding: 10px 35px; background: #fff; border-radius: 30px; text-align: center; }
.brands-img { text-align: center }
.brands-img p { font-size: 18px; color: #000; font-family: 'robotobold'; }
.brands-img img { border: 5px solid #ccc; }
.footertop { background: #191919; color: #fff; padding: 60px 0px; }
.footertop h3 { margin-bottom: 10px; font-family: 'robotobold'; }
.footertop h3 a { color: #fff; }
.footertop p { line-height: 24px; font-size: 14px; font-family: 'robotolight'; color: #c6c4c4; }
.footertop input[type="text"] { border: 1px solid #4b4b4b; background: #191919; color: #fff; height: 50px; padding: 10px }
.footertop textarea { border: 1px solid #4b4b4b; background: #191919; color: #fff; padding: 10px; height: 120px; }
.footertop button { font-size: 16px; padding: 8px 40px; border: 1px solid #4b4b4b; background: #191919; color: #4b4b4b; border-radius: 30px }
.footertop .form { padding: 30px 0px }
.footerlast { background: #000000; padding: 20px 0px }
.footerlast p { margin-bottom: 0px; color: #dee1e6; }
.footerlast a { color: #dee1e6; font-family: 'robotolight'; }
.footerlast a:hover { color: #fff; }
.footertop button:hover { background: #000; color: #fff; }
.owl-carousel01 .owl-dots .owl-dot { display: inline-block; padding: 6px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; margin: 5px; border: 2px #ffffff solid; background-color: rgba(0,0,0,0.1); }
.owl-carousel01 .owl-dots .owl-dot.active { background: #000 }
.owl-carousel01 .owl-dots { position: absolute; z-index: 100000; margin: 0 auto; width: 100%; text-align: center; margin-top: -50px; }
.banner big .head2.head6 { font-size: 40px !important; color: #fff; top: 40% }
.about { padding: 30px 0px 60px 0px; }
.about h1 { font-size: 30px; margin-bottom: 25px; color: #1a69b3; font-family: 'robotobold'; }
.about p { line-height: 24px; letter-spacing: 0.2px }
.about h3 { font-size: 20px; font-family: 'robotobold'; color: #1a69b3; }
.about .module h3 { margin-top: 0px; font-size: 25px; }
.about .module { background: #f0e9e9; padding: 10px 10px; border: 1px solid #ccc; margin-bottom: 30px; }
.about .module p { font-size: 18px; font-family: 'robotolight'; }
.about ul li { list-style: circle inside; margin-bottom: 10px; line-height: 24px; letter-spacing: 0.2px }
.about p a { color: #ef0000; }
.innerbanners { position: relative }
.innerbanners big { position: absolute; right: 0%; top: 50%; width: 100%; text-align: center; }
.innerbanners big .head6 { text-transform:uppercase; font-size: 35px; color: #fff; text-shadow: 2px 1px 3px #000; font-family: 'robotobold'; }
.addcon h3 { font-size: 20px; color: #ef0000 }
.padding01 { padding: 0px }
.product-block { border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-bottom: 20px; }
.product-block h4 { font-size: 25px; margin-top: 0px; border-bottom: 1px solid #ccc; color: #1a69b3; padding-bottom: 15px; font-family: 'robotobold'; }
.product-block p a { background: #fff; border: 1px solid #1a69b3; color: #1a69b3; padding: 10px 25px; border-radius: 20px; text-decoration: none; }
.product-block p a:hover { background: #1a69b3; border: 1px solid #1a69b3; color: #ffffff; }
.leftmenu { background: #e7e8ea; color: #000; padding: 0px; border: 1px solid #c8c9cb; margin-bottom: 20px; }
.leftmenu ul { padding: 0px; margin: 0px; }
.leftmenu ul li { list-style: none; transition: 0.8s; margin: 0px }
.leftmenu ul li:hover { background: #b1b4c1; color: #fff; transition: 0.8s; }
.leftmenu ul li:hover a { color: #fff; text-decoration: none; transition: 0.8s; }
.leftmenu ul li a { list-style: none; color: #000; display: block; padding: 10px 20px; transition: 0.8s; }
.leftmenu h4 { background: #ef0000; margin: 0px; text-align: center; padding: 10px; color: #ffffff; }
.breadcrumb1 { background: #1a69b3 }
.breadcrumb1 .breadcrumb { background: #1a69b3 }
.breadcrumb1 ol { margin: 0px; padding: 10px 0px; }
.aboutcon { font-size: 18px; letter-spacing: 0.5px; line-height: 24px; }
.p0 { padding: 0px; }
.bigback { background: #eaeae8 }
.page-block-small .tab-content { border: 1px solid #ccc; padding: 20px; border-top: none; background: #fff }
.nav.nav-tabs { background: #fff; }
.nav.nav-tabs li { margin-bottom: -1px !important; }
.nav.nav-tabs li.active a { background: #1a69b3; color: #ffffff; }
.tab-content h5 { font-size: 20px; font-weight: bold }
.lowerblock h4 { font-size: 25px; }
.gapM { height: 3em; }
.lowerblock { padding-top: 20px; }
.content-box h6 { margin: 10px 0px; font-size: 18px; color: #1a69b3; }
.content-box .table thead tr { background: #555554; color: #fff; }
 @media(min-width:300px) and (max-width:767px) {
.innerbanners big { position: absolute; right: 0%; top: 30%; width: 100%; text-align: center; }
.innerbanners big .head6 { font-size: 25px; }
.header { position: static; width: 100%; z-index: 9999; }
.service h3 { font-size: 30px; }
.service h3 { font-size: 25px; }
.addmodule h3 { font-size: 23px; }
.service h3 { font-size: 20px; }
.red h3 { font-size: 25px; }
.footertop { text-align: center; }
.footerlast p { width: 100%; }
.footerlast { text-align: center; }
.padding10 { padding: 0px; }
.footertop { padding: 20px 0px; }
.menu { margin-top: -6px !important; }
.service { padding: 20px 0px; }
.red { padding: 20px 0px; }
.brands-img { margin-bottom: 20px; }
.footertop h3 a { font-size: 15px; }
}
 @media(min-width:768px) and (max-width:1200px) {
.banner big .head2 { font-size: 20px; line-height: 20px; }
.banner big .head3 { font-size: 14px; }
.banner big { top: 41%; }
.addmodule h3 { font-size: 20px; }
.addmodule p { font-size: 14px; line-height: normal }
.service h3 { font-size: 30px; }
.service p { font-size: 14px; }
.service h3 { font-size: 20px; }
.red { padding: 50px 0px; }
.footertop { padding: 40px 0px; }
.footerlast a { font-size: 12px; }
.footerlast p { font-size: 12px; }
}