/* product media css */
@media (min-width: 1281px) {
.network-access {border-style:none; padding:0px 0; background-color:#66c6df; background:linear-gradient(to right, #66c6df 28%, #fff 28%); background-size:200% 100%;}
}

@media (min-width: 768px) and (max-width: 1024px) {
.people-header {height:345px;}
.matex-sub {color:#fff !important; font-size:30px; line-height:40px; margin-top:0px;}
.marginbottom5 {margin-bottom:0px !important;}
.matex {color:#ff3333 !important; border-bottom:solid 2px #ff3333; margin-bottom:0px; margin-left:15px;}
.matex-features {color:#fff !important; margin:10px 0 10px 15px; font-size:30px;}
.matex-p {padding-left:15px;}
.product-top {border-style:none; background-color:#003366; padding:40px 0;}
.people-top {border-style:none; background-color:#003366; padding:40px 0;}
.process-top {border-style:none; background-color:#003366; padding:40px 0;}
.network-access {padding-top:0px;}
.bg-color {background-color:#66c6df; padding:35px 10px;}
.con-left {padding-left:0px;}
.header-people h2 {color:#fff; margin-bottom:7px; margin-top:7px; font-size:30px !important;}
h2.h1 {border-bottom:solid 2px #fff; margin-bottom:10px;}
.header-product h2 {color:#fff; margin-bottom:7px; margin-top:7px; font-size:30px !important;}
h2.h11 {display:inline-block; border-bottom:solid 2px #fff; margin-bottom:10px;}
.header-product p {color:#fff; margin-bottom:5px; font-size:16px;}
h2.h111 {display:inline-block; border-bottom:solid 2px #fff; margin-bottom:10px;}
.header-process h2 {color:#fff; margin-bottom:7px; margin-top:7px; font-size:30px !important;}
.process-padtop {padding-top:20px;}
.audit {color:#ff3333 !important; margin-bottom:10px; margin-left:0px; border-bottom:solid 2px #ff3333;}
.auditpro {margin-bottom:30px; margin-left:20px;}
.tab-image {width:100% !important;}
.tab-bottom {padding-bottom:30px;}
.rowpadtop3 {padding:0px;}
.box h2 {font-size:25px !important; color:#003366 !important; margin-bottom:5px !important; padding-left:15px;}
.box p {font-size:16px; padding-bottom:12px; padding-left:15px}
.about-know {font-size:16px; color:#000; border:solid 1px #000; padding:5px 7px; margin-left:15px}
.box:hover .about-know {font-size:16px; color:#003366; border:solid 1px #fff; background-color:#fff; padding:5px 7px; margin-left:15px}
.padright {padding-right:0px; padding-left:0px;}
.box:hover h2 {font-size:25px !important; color:#fff !important; margin-bottom:5px !important; padding-left:15px}
.box:hover p {font-size:16px; color:#fff !important; padding-bottom:12px; padding-left:15px}
.box {width:100%; height:100%; padding:00px; height:181px;}
.box:hover {width:100%; height:100%; padding:0px !important; background-color:#003366; height:181px !important;}
}

@media (min-width: 768px) {
.our-service {color:#ff3333 !important; margin-bottom:30px; margin-left:20px;}
}

@media only screen and (min-width: 576px) {
.box {width:100%; height:100%; padding:0px; height:286px;}
.box:hover {width:100%; height:100%; padding:0px; background-color:#003366; height:286px;}
.padright {padding-right:0px;}
.padleft {padding:0px;}
}

@media only screen and (max-width: 575px) {
.box {width:100%; height:100%; padding:0px; height:100%;}
.padright-service {padding:30px 10px 0;}
.box h2 {font-size:30px !important; color:#003366 !important; margin-bottom:5px !important; padding-left:15px; padding-top:10px;}
.box p {font-size:16px; padding-bottom:12px; padding-left:15px}
.about-know {font-size:16px; color:#000; border:solid 1px #000; padding:5px 7px; margin-left:15px; margin-bottom:20px;}
.box:hover .about-know {font-size:16px; color:#003366; border:solid 1px #fff; background-color:#fff; padding:5px 7px; margin-left:15px}
.box:hover h2 {font-size:30px !important; color:#fff !important; margin-bottom:5px !important; padding-left:15px; padding-top:10px;}
.box:hover p {font-size:16px; color:#fff !important; padding-bottom:12px; padding-left:15px}
.mob-last-sec {padding:40px 0; border-style:none;}
.box:hover {width:100%; height:100%; padding:0px; background-color:#003366; height:100%;}
.padright {padding-right:0px; padding-left:0px;}
.padleft {padding-left:0px; padding-right:0px;}
}

@media (min-width: 320px) and (max-width: 480px) {
.people-header {height:100%;}
.matex {color:#ff3333 !important; border-bottom:solid 2px #ff3333; margin-bottom:5px;}
.marginbottom3 {margin-bottom:30px !important;}
.marginbottom3a {margin-bottom:40px !important;}
.margbot1 {margin-bottom:10px !important;}
.mobsec2 {padding-top:50px !important; padding-bottom:20px !important;}
.marginbottom4 {margin-bottom:10px !important;}
.marginbottom5 {margin-bottom:20px !important;}
.check {display:block; border-top:2px solid #fff; margin-left:15px; margin-right:15px; padding-top:40px;}
.checkworks-h4 {font-size:30px !important;}
.padbottom {padding-bottom:0px;}
.matex-features {color:#fff !important; margin:10px 0 20px 0px; font-size:30px;}
.matex-p {}
.people-left {padding-left:0px;}
.mobpadleft {padding-left:15px;}
.first-sec-people {border-style:none; background-color:#f88379; padding:40px 0;}
.second-sec-people {border-style:none; padding:40px 0;}
.people-top {border-style:none; background-color:#003366; padding:40px 0;}
.product-top {border-style:none; background-color:#003366; padding:40px 0;}
.process-top {border-style:none; background-color:#003366; padding:40px 0;}
.service-top {border-style:none; background-color:#fff;}
.network-access {padding-top:0px; padding-bottom:50px;}
.bg-color {background-color:#66c6df; padding:25px 10px; margin-bottom:30px !important;}
.con-left {padding-left:15px;}
.marbot {margin-bottom:30px !important;}
.fontsize {font-size:16px;}
.section-title {padding-left:25px;}
.width-mob {width:70% !important; margin-left:auto; margin-right:auto; display:block !important;}
h2.h1 {border-bottom:solid 2px #fff; margin-bottom:10px;}
.header-people h2 {color:#fff; margin-bottom:7px; margin-top:7px; font-size:30px;}
.process-padtop {padding-top:0px;}
.header-product h2 {color:#fff; margin-bottom:7px; margin-top:7px; font-size:30px !important;}
h2.h11 {display:inline-block; border-bottom:solid 2px #fff; margin-bottom:10px;}
.header-process h2 {color:#fff; margin-bottom:7px; margin-top:7px; font-size:30px !important;}
h2.h111 {display:inline-block; border-bottom:solid 2px #fff; margin-bottom:10px;}
.header-product p {color:#fff; margin-bottom:5px; font-size:15px;}
.header-services h2 {color:#003366 !important; margin-bottom:5px; margin-top:5px; font-size:30px;}
.header-services h2.bold-text {color:#003366 !important; margin-bottom:4px; margin-top:4px; font-size:45px; font-weight:bold;}
.first-sec {border-style:none; background-color:#003366; padding:50px 0px;}
.product-header {color:#fff; margin-bottom:30px;}
.second-sec {border-bottom:none; background-color:#fff; padding:50px 0px;}
.our-service {color:#ff3333 !important; margin-bottom:20px; margin-left:20px;}
.img-width {width:20px !important;}
.marginbottom-mob {margin-bottom:15px !important;}
.rowpadtop2 {padding-top:10px !important;}
.rowpadtop {padding-top:0px !important;}
.audit {color:#ff3333 !important; margin-bottom:20px; border-bottom:solid 2px #ff3333;}
.paragraph-audit {margin-bottom:20px;}
.auditpro {margin-bottom:20px;}
.padright {padding-right:0px;}
.rowpadtop3 {padding:0px !important;}
.leftrow {padding-left:15px !important;}
.last-sec {border-style:none; padding:50px 0;}
.mat-adv-sec h2 { font-size: 28px; line-height: 36px;}
}