/*------------------------------------------------------------------
[Master Stylesheet]
Project:	     
Version:	    Bootstrap v
Last change:	21/03/17 
Developer Name: Gourav Singh - Professional UI/UX Developer & Designer
-------------------------------------------------------------------*/
/*
|-------------------------------------------------------------------|
| CSS INDEX                                                         |
|-------------------------------------------------------------------|
    1. STYLESHEET
    	1-1. COMPONENTS
        1-2. TYPOGRAPHY
        1.3. BODY
    2. HEADER  
   		2-1. HEADTOP
    3. 	MEDIA QUERY 
*/

/*
|-------------------------------------------------------------------|
| COMPONENTS                                                        |
|-------------------------------------------------------------------|
*/
ul{padding: 0; margin: 0;}
a{outline: none;}
a:focus{text-decoration: none;}
a:hover{text-decoration: none;transition: all 500ms ease;color: #fe0626;}
.padded{padding-left: 0;padding-right: 0;}
input[type="text"]::-moz-placeholder,input[type="search"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="password"]::-moz-placeholder, select, textarea
{color:#888;opacity:1;}
input[type="text"]::-webkit-input-placeholder,input[type="search"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, select, textarea
{color:#888;opacity:1;}
/*
|-------------------------------------------------------------------|
| TYPOGRAPHY                                                        |
|-------------------------------------------------------------------|
*/
h1,h2,h3,h4,h5,h6{font: 400 18px "Helvetica Neue", sans-serif;color: #000; margin: 0;}
p{font: 400 18px "Helvetica Neue", sans-serif;color: #888;margin: 0;}
/*
/*
|-------------------------------------------------------------------|
| BODY                                                              |
|-------------------------------------------------------------------| 
*/
html,body{height: 100%;}
body{margin: 0;padding: 0;font: 400 14px "Helvetica Neue" sans-serif;background: #fff;}
.mdHeight{position: relative;min-height: 100%;}
.md-icon{font-family: "Material Icons";text-rendering: optimizelegibility;font-feature-settings: "liga";font-style: normal;text-transform: none;line-height: 1;font-size: 1em;display: inline-block;overflow: hidden;}
.row{margin: 0;}
section{padding: 30px 0;}
.scrollup {background: url("images/icon_top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);bottom: 30px;display: none;height: 40px;opacity: 0.4;position: fixed;right: 30px;text-indent: -9999px;width: 40px;z-index:1111;}

/*
|-------------------------------------------------------------------|
| HEADEAR                                                           |
|-------------------------------------------------------------------|
*/
header{background: #222322;}
.affix{width: 100%;z-index: 999;}
.affix.menu{position: fixed !important;bottom: inherit !important;top: 50px !important;}
.affix .dropdown{top: 3px;}
header ul li{display: inline-block;}
header ul li a{color: #ffffff; padding: 50px 32px 30px; font: 1.250em/30px 'Helvetica Neue';display: block;transition:all 500ms ease;}
header ul li a:hover,header ul li a:focus,header ul li.open .caret,header ul li a:hover .caret,.menu ul li a.active{color: #639b8d !important;}
header ul li:last-child a{padding-right: 0;}
header .navbar-toggle .icon-bar{background: #000;}
.affix img{width: 30%;max-width: 100%;}
.affix ul li a{padding-top: 10px;padding-bottom: 10px;}
header .dropdown-menu > li {display: block;}
header .dropdown-menu > li a{padding: 8px 15px;font-size: 1.1250em;font-weight: 500;font-family: 'Helvetica Neue'}
header .dropdown-menu{margin: 0;padding: 0;box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);border-radius: 0;border-top: none;}
header .dropdown-menu > li a:hover,header .dropdown-menu > li a:focus{background-color: #729e8f;color: #fff !important;transition: all 500ms ease 0s;background-image: none;}
header .caret{color: #fff;}
header .caret:hover{color: #639b8d;}
header .headtop .visible-xs{font: 700 14px 'Arial';color: #fff;float: left;margin-top: 15px;}
/*
|-------------------------------------------------------------------|
| Solutions                                                         |
|-------------------------------------------------------------------|
*/
.solutions{background: url(images/sol_bg.jpg) no-repeat 100% 100% / cover;width: 100%;}
.solutions h2{color: #252f52; font: 400 4.375em 'Helvetica Neue'; padding: 0 0 30px;}
.solutions .sbox{display: block;background: linear-gradient(to bottom, #252e52 0%,#252f52 49%,#252f52 100%);position: relative;margin-bottom: 15px;height: 358px;overflow: hidden;cursor: pointer;transition:all 500ms ease;}
.solutions .sbox:hover .icon1,.solutions .sbox:hover .icon2,.solutions .sbox:hover .icon3,.solutions .sbox:hover .icon4,.solutions .sbox:hover .icon5,.solutions .sbox:hover .icon6{transform:scale(1.1,1.2);transition:all 500ms ease;}
.solutions .sbox .icon1{position: absolute;left: 0;top: 0;background: url(images/s1.png) no-repeat;width: 294px;height: 174px;transition:all 500ms ease;}
.solutions .sbox h3{padding:50% 7% 0;color: #fff;font: 400 1.875em/30px 'Helvetica Neue';}
.solutions .sbox p{color: #fff;padding: 26px 24px 60px;font: 400 1.125em 'Helvetica Neue';position: relative;z-index: 1;}
.solutions .sbox.green{background: linear-gradient(to bottom, #5cb147 0%,#5cb147 49%,#5cb147 100%);position: relative;height: 217px;cursor: pointer;transform:all 500ms ease;}
.solutions .sbox .icon2{position: absolute;right: 0;top: 0;background:  url(images/s2.png) no-repeat;width: 152px;height: 115px;transition:all 500ms ease;}
.solutions .sbox.green h4{padding:26% 7% 0;color: #fff;font: 400 1.875em/30px 'Helvetica Neue';}
.solutions .sbox.green p{color: #fff;padding: 20px 24px 18px;font: 400 1.125em 'Helvetica Neue';}
.solutions .sbox .icon3{position: absolute;right: 0;top: 0;background: url(images/s3.png) no-repeat;width: 215px;height: 87px;transition:all 500ms ease;}
.solutions .sbox .icon4{position: absolute;right: 0;top: 0;background: url(images/s4.png) no-repeat;width: 318px;height: 165px;transition:all 500ms ease;}
.solutions .sbox .icon5{position: absolute;right: 0;top: 0;background: url(images/s5.png) no-repeat;width: 163px;height: 358px;transition:all 500ms ease;}
.solutions .sbox .icon6{position: absolute;right: 0;top: 0;background: url(images/s6.png) no-repeat;width: 153px;height: 117px;transition:all 500ms ease;}
.solutions .padded {padding: 15px 7px;}
/*
|-------------------------------------------------------------------|
| INNER Solutions                                                   |
|-------------------------------------------------------------------|
*/
.innerbg{background-repeat: no-repeat;background-attachment: fixed;background-size: cover;height: 300px;position: relative;text-align: center;padding: 0;}
.innerbg:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.innerbg h1{font: 600 2em 'Helvetica Neue';color: #fff;position: relative;z-index: 1;padding: 10% 0;}
.innerbg .menu{background: #333;padding: 15px 0;position: absolute;width: 100%;bottom: 0;left: 0;z-index: 2;}
.innerbg .menu ul li{display: inline-block;float: left;}
.innerbg .menu ul li a{color: #fff;font-size: 0.875em;font-family: "Helvetica Neue";font-weight: 500;text-transform: uppercase;padding: 0 40px;transition:all 500ms ease;}
.innerbg .menu ul li a:hover,.innerbg .menu ul li.active a{color: #639b8d;transition:all 500ms ease;}
.innerbg .menu ul li:first-child a{padding-left: 0;}
.innerbg .menu ul li:last-child a{padding-right: 0;}

#awards,#solution,#offers,#contactus,#partners,#process,#customers,#partners,#topsec{padding: 0;}

.instudies .overhead{margin: 0;}
.instudies .shead{padding: 14px 0 10px;}
.instudies .inpara{margin-bottom: 6px;}
.instudies .left img{border: none !important;padding: 0 !important;}
.instudies ul li{display: inline-block;padding: 12px 10px 0 0;}
.instudies ul li img{width: 130px;}


.whyall{padding-top: 10px;}
.designs i{display: block;}
.designs img{width: auto !important;margin-bottom: 20px;}
#products img{width: 100%;}
.inpara{font-size: 1em;font-weight: 500;color: #434343;margin-bottom: 10px;text-align: justify;}
.overhead{font-size: 1.579em;text-transform: uppercase;color: #444;margin: 20px 0 20px;}
.inpro{position: relative;padding-bottom: 5px;font-size: 1.579em;text-transform: uppercase;color: #444;margin: 0 0 20px;}
.inpro:after{content: '';position: absolute;left: 0;bottom: -20px;border: 10px solid transparent;border-top-color: #444;}
#awards{background-image: url('images/awbg.jpg');background-repeat: no-repeat;background-size: 100%;padding: 20px 0 40px;}
#awards h3.inpro{color: #fff;margin-bottom: 40px;}
#awards h3.inpro:after{border-top-color:#fff;}
#awards p{color: #fff;}
#studies .caseimg{border: 1px solid #dfdfdf;width: 24%;margin: 20px 0 0;}
#studies img{border: 1px solid #dfdfdf;padding: 8px;margin-bottom: 30px;}
#studies a{color: #434343;position: absolute;bottom: 5px;transition: all 500ms ease;}
#studies a:hover{color: #000;transition: all 500ms ease;}
#studies a i{padding-left: 10px;color: #fd0101;}
#studies .inpro{margin-bottom: 40px;}
#studies .lastdatas{position: relative;}
#studies .lastdatas:after{content: '';position: absolute;left: 15px;top: -15px;width: 97.5%;height: 1px;background: #999;}



.shead{font-size: 12px;font-weight: 600;line-height: 14px;text-transform: uppercase;padding-bottom: 6px;}
.databox{background: #fafafa;padding: 14px 8px 8px 8px;height: 98px;}
.switch{margin-top: 20px;}
.switch p{text-align: center;}
.switch a{background: #333333;padding: 5px 10px;color: #fff;font-size: 12px;margin-top: 15px;margin-bottom: 25px;display: inline-block;transition: all 500ms ease;}
.switch a:hover{background: #60d543;transition: all 500ms ease;}
.switch i{padding-bottom: 10px;color: #000;font-size: 16px;}
.switch .shead{line-height: 16px;height: 36px;}

#topsec h1.overhead{margin-bottom: 0;padding-top: 10px;}
.timecloud{font-size: 15px;text-transform: uppercase;}
.cloudfet h3.inpro{padding-top: 20px;}
.cloudfet h3.shead{padding: 24px 0 10px;}



.innerbank{margin-left: 40px;position: relative;}
.innerbank li{font-size: 16px;color: #434343;text-align: left;display: block;}
.innerbank a{font-size: 16px;font-weight: 600;color: #434343;display: block;text-transform: uppercase;}
.innerbank i{position: absolute;left: -15px;top: 3px;}
.innerbank li:last-child{padding-bottom: 12px;}


/*
|-------------------------------------------------------------------|
| SERVICES                                                          |
|-------------------------------------------------------------------|
*/
.services{background: #7accc8 url(images/ser_bg.png) no-repeat 100% 100% / cover;padding-top: 30px;padding-bottom: 60px;overflow: hidden;}
.services h2{font: 400 4.375em/30px 'Helvetica Neue'; color: #000; padding: 0 0 35px; margin: 0;}
.services img{width: 100%;height: 365px;}
.services .col-sm-12.col-lg-6.padded{padding-left: 1px;}

/*
|-------------------------------------------------------------------|
| TESTIMONIALS                                                      |
|-------------------------------------------------------------------|

.test_item{background: #f7f7f7; padding: 0 0 30px;} 
.test_item h2{font: 500 34px 'Roboto'; color: #333; text-transform: uppercase;padding: 30px 0; margin: 0;}
.test_item article{margin-top: 50px;}
.test_item article h3{font: 500 24px 'Roboto'; color: #333; position: relative;z-index: 1;}
.test_item article h3::after{content:"\f10d";position: absolute;top: -12px; left: 0; z-index: -1;font-family: 'fontawesome'; color: #ddd; font-size: 40px;}
.test_item article .stars{padding: 10px 0; color: #ddd;}
.test_item article p{border-left: 1px solid #119ee6; padding-left: 10px;margin-bottom: 30px;font: 300 14px/28px 'Roboto'; color: #555;}
.test_item .client_img{float: left; margin-top: 10px;}
.test_item article .name{padding: 20px 0 0 20px; display: inline-block;}
.test_item article .name h4{ font:400 20px 'Droid';color: #333;}
.test_item article .name lable{ font:400 16px 'Roboto'; color: #555;}
.owl-nav{text-align: center;}
.owl-nav .owl-prev,.owl-nav .owl-next{display: inline-block;padding: 30px 15px 0 15px;font-size: 24px;}
.owl-nav .fa-angle-left:before {content: "\f177";}
.owl-nav .fa-angle-right:before {content: "\f178";}
.owl-nav .fa-angle-left:hover:before,.owl-nav .fa-angle-right:hover:before{color: #119ee6;}
.owl-nav .owl-prev + .owl-next::before {content: "/";margin-left: -18px;margin-right: 8px;}*/
/*
|-------------------------------------------------------------------|
| AWARDS                                                            |
|-------------------------------------------------------------------|
*/
.awards{background: #d7dfe9;}
.awards h2{font: 400 4.375em 'Helvetica Neue'; color: #000; padding: 0 0 30px; margin: 0;}
.awards .awlist p{font: 400 1.125em 'Helvetica Neue'; color: #000;padding: 35px 0;}
.awlist.owl-carousel .owl-item img{display: inline-block;width:auto;}
/*
|-------------------------------------------------------------------|
| CUSTOMERS                                                         |
|-------------------------------------------------------------------|
*/
h2.ahead{font-size: 40px;padding: 10px 0 30px;}
.customer {font: 400 4.375em 'Helvetica Neue'; color: #000; padding: 0 0 30px; margin: 0;}

.customer img{width: auto !important;display: inline-block !important;}

.customer .owl-nav .owl-prev, .customer .owl-nav .owl-next {
   
    color: #252e52;
    position: absolute;
    top: 40px;
    font-size: 20px;
    left: -20px;
}
.customer .owl-nav .owl-next {
    right: -20px;
    top: 40px;
    left: inherit;
}
/*
|-------------------------------------------------------------------|
| CONTACT                                                           |
|-------------------------------------------------------------------|
*/
.contacts h1.overhead{font-weight: bold;text-transform: uppercase;padding-left: 15px;color: #000;}
.contacts form label{display: block;font-weight: normal;}
.contacts form label.sub{display: inline-block;color: #948c86;cursor: pointer;}
.contacts form input[type="text"],.contacts form input[type="email"],.contacts form textarea{width: 100%;padding: 10px;border:none;background-color: #eceff4;margin-bottom: 16px;}
.contacts form input[type="text"]:focus,.contacts form input[type="email"]:focus,.contacts form textarea:focus{color: #000;outline: none;}
.contacts form textarea{resize: none;}
.contacts form input[type="submit"]{background: #333;padding: 10px 30px;color: #fff;font-size: 18px;font-family: 'Arial';border:none;transition: all 500ms ease;}
.contacts form input[type="submit"]:hover{background: #415cbf;transition: all 500ms ease;}
.contacts .lastcontact{padding-top: 40px;}
.contacts .lastcontact .addicon li{display: block;font-size: 16px;color: #000;padding-bottom: 20px;padding-left: 40px;position: relative;}

.contacts .lastcontact .addicon li i{position: absolute;left: 0;top: 3px;font-size: 14px;border:1px solid #000;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;text-align: center;display: block;}
.contacts .lastcontact .addicon li.numbers i{top: 4px;}

/*
|-------------------------------------------------------------------|
| FOOTER                                                            |
|-------------------------------------------------------------------|
*/
footer{overflow: hidden;}
.foottop{background: linear-gradient(to bottom, #d5d5d4 0%,#d5d4d4 49%,#d4d4d4 100%); padding: 8px 0;}
.foottop p{color: #000;font: 400 14px 'Helvetica Neue';}
.foottop ul li,.footmenu ul li,.footicons ul li{display: inline-block;}
.foottop ul li a{color: #000; padding: 0 10px;font: 400 14px 'Helvetica Neue';transition:all 500ms ease;}
.foottop ul li a:hover{color: #639b8d;transition:all 500ms ease;}
.footmenu{background: #222222;}
.footmenu ul li a{color: #fff; padding: 36px 30px;text-transform: uppercase;display: block;font: 400 14px 'Helvetica Neue';transition:all 500ms ease;}
.footmenu ul li a:hover{color: #639b8d;transition:all 500ms ease;}
.footicons ul li a{color: #fff; padding: 10px 30px 18px;}
/*
|-------------------------------------------------------------------|
| MEDIA QUERY                                                       |
|-------------------------------------------------------------------|
*/

@media screen and (min-width:768px) and (max-width:2500px)
{
.open > .dropdown-menu{display: none;}	
header ul li:hover .dropdown-menu{display: block;}
}
/*
|-------------------------------------------------------------------|
| Extra large devices (large desktops, 1200px)                      | 
|-------------------------------------------------------------------|
*/
@media screen and (min-width:992px) and (max-width:1199px)
{
.solutions .sbox,.solutions .sbox.green{padding: 15px;height: 180px;}
.solutions .sbox .icon1,.solutions .sbox .icon2,.solutions .sbox .icon3,.solutions .sbox .icon4,.solutions .sbox .icon5,.solutions .sbox .icon6{opacity: 0.2;}	
.solutions .sbox h3,.solutions .sbox.green h4{padding: 0 0 15px;}
.solutions .sbox p,.solutions .sbox.green p{padding: 0;}
.services .col-sm-12.col-lg-6.padded{padding-top: 2px;}
.services img{height: auto;}
.footmenu ul li a{padding: 30px 20px;}
.innerbg .menu ul li a{padding: 0 28px;}
header ul li a{padding: 50px 17px 30px;}
.instudies .left img{margin: 0 auto;}
#studies .lastdatas::after{display: none;}  
.instudies ul,.instudies .overhead,.instudies .inpara,.instudies .shead{text-align: center;}
}
/*
|-------------------------------------------------------------------|
| Large devices (desktops, 992px)                                   | 
|-------------------------------------------------------------------|
*/
@media screen and (min-width:768px) and (max-width:991px)
{
header img{width: 100%;}
header ul li a{color: #ffffff; padding: 44px 8px 20px;font-size: 1em;}
.solutions .sbox,.solutions .sbox.green{padding: 15px;height: 180px;}
.solutions .sbox .icon1,.solutions .sbox .icon2,.solutions .sbox .icon3,.solutions .sbox .icon4,.solutions .sbox .icon5,.solutions .sbox .icon6{opacity: 0.2;}
.solutions .sbox h3,.solutions .sbox.green h4{padding: 0 0 15px;font: 600 1.005em/24px "Helvetica Neue";}
.solutions .sbox h3 br{display: none;}
.solutions .sbox p,.solutions .sbox.green p{padding: 0;}
.footmenu ul li{width: 100%;}
.footicons ul li{width: auto;}
.services .col-sm-12.col-lg-6.padded{padding-top: 2px;}
.services img{height: auto;}
.innerbg .menu ul li a{padding: 0 12px;}
.foottop p,.foottop ul li a{font: 400 0.813em "Helvetica Neue";}
.switch .shead,.databox{height: auto;}
#awards{background-size: cover;}
#studies img{margin: 0 auto 8px;}
#studies .shead,.instudies .overhead,.instudies .inpara{text-align: center;}
#studies .databox{text-align: center;margin-bottom: 20px;}
#studies a{position: inherit;margin-top: 20px;}
.instudies ul li{width: 100%;text-align: center;}
#studies .lastdatas::after{display: none;}
#studies .caseimg{margin: 20px auto 0;display: block;}	
}
/*
|-------------------------------------------------------------------|
| Medium devices (tablets, 768px)                                   | 
|-------------------------------------------------------------------|
*/
@media screen and (min-width:0) and (max-width:767px)
{
.open > .dropdown-menu{display: block !important;}
.navbar-collapse{box-shadow: none;}
.affix{width: 100%;z-index: 999;position: inherit !important;}
.innerbg .menu,.affix.menu{position: inherit !important;}
.innerbg .menu{display: none;}
header ul li a {padding: 10px 0;text-align: left;}
.headtop img{width: 100%;}
.solutions h2,.services h2,.awards h2,.customer h2{font-size: 2.375em;}
.solutions .sbox,.solutions .sbox.green{height: 180px;padding: 15px;}
.solutions .sbox .icon1,.solutions .sbox .icon2,.solutions .sbox .icon3,.solutions .sbox .icon4,.solutions .sbox .icon5,.solutions .sbox .icon6{opacity: 0.2;}
.solutions .sbox h3,.solutions .sbox.green h4{padding: 0 0 15px;}
.solutions .sbox p,.solutions .sbox.green p{padding: 0;}
.services .col-sm-12.col-lg-6.padded{padding-top: 2px;}
.services img{height: auto;}
.customer img{width: 100%;}
.foottop .col-lg-8.col-sm-6,.foottop .col-lg-4.col-sm-6{text-align: center;}
.foottop ul li a{padding: 0 9px;}
.footmenu ul li,.headtop ul li{width: 100%;}
.footmenu ul li a{padding: 18px 30px;}
.footicons ul li{width: auto;}
.navbar-toggle{padding-right: 0;}
.navbar-toggle .icon-bar{background: #fff !important;}
.headtop ul li:last-child a{padding-right: 40px;}
header .dropdown-menu{position: inherit;width: 100%;}
.innerbg .menu ul li,#overview img{width: 100%;}
.innerbg .menu ul li a{padding: 10px 0;display: block;text-align: center;}
.innerbg{height: 100%;}
.switch .shead,.databox{height: auto;}
#awards{background-size: cover;}
#studies img{margin: 0 auto 8px;}
#studies .shead,.instudies .overhead,.instudies .inpara{text-align: center;}
#studies .databox{text-align: center;margin-bottom: 20px;}
#studies a{position: inherit;margin-top: 20px;}
.cloudfet h3.shead{line-height: 24px;}
.instudies ul li{width: 100%;text-align: center;}
#studies .lastdatas::after{display: none;}
#studies .caseimg{margin: 20px auto 0;display: block;}  
}

/*
|-------------------------------------------------------------------|
| Small devices                                                     | 
|-------------------------------------------------------------------|
*/

/* Portrait phones (max-width: 480px) */
@media (max-width: 480px) {
    .spartner {
        padding: 6vw 2vw !important;
        text-align: center;
    }
    .spartner .ahead {
        font-size: 5vw !important;
        padding-bottom: 3vw !important;
        margin-top: 2vw;
        margin-bottom: 4vw;
        line-height: 1.2;
        word-break: break-word;
    }
    .spartner .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4vw;
    }
    .spartner [class*="col-"] {
        flex: 1 1 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 4vw;
    }
    .spartner img {
        max-width: 70vw;
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
        object-fit: contain;
    }
    header ul li a {
        padding: 8px 0;
        font-size: 0.95em;
        text-align: left;
    }
    .headtop img {
        width: 100%;
    }
    .solutions h2,
    .services h2,
    .awards h2,
    .customer h2 {
        font-size: 1.5em;
        padding: 0 0 18px;
    }
    .solutions .sbox,
    .solutions .sbox.green {
        height: 120px;
        padding: 8px;
    }
    .services img {
        height: auto;
    }
    .foottop ul li a {
        padding: 0 5px;
        font-size: 0.9em;
    }
    .footmenu ul li a {
        padding: 12px 10px;
        font-size: 0.95em;
    }
    .footicons ul li a {
        padding: 8px 10px 12px;
    }
    .innerbg .menu ul li a {
        padding: 8px 0;
        font-size: 0.9em;
    }
    .customer img {
        width: 100%;
    }
    .test_item h2 {
        font-size: 1.2em;
        padding: 18px 0;
    }
    .test_item article h3 {
        font-size: 1em;
    }
    .test_item article p {
        font-size: 0.95em;
        padding-left: 5px;
    }

    
}

/* Landscape phones (min-width: 481px and max-width: 767px) */
@media (min-width: 481px) and (max-width: 767px) {
    .spartner {
        padding: 6vw 2vw !important;
        text-align: center;
    }
    .spartner .ahead {
        font-size: 5vw !important;
        padding-bottom: 3vw !important;
        margin-top: 2vw;
        margin-bottom: 4vw;
        line-height: 1.2;
        word-break: break-word;
    }
    .spartner .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4vw;
    }
    .spartner [class*="col-"] {
        flex: 1 1 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 4vw;
    }
    .spartner img {
        max-width: 70vw;
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
        object-fit: contain;
    }
    header ul li a {
        padding: 10px 0;
        font-size: 1em;
        text-align: left;
    }
    .solutions h2,
    .services h2,
    .awards h2,
    .customer h2 {
        font-size: 2em;
        padding: 0 0 20px;
    }
    .solutions .sbox,
    .solutions .sbox.green {
        height: 150px;
        padding: 12px;
    }
    .services img {
        height: auto;
    }
    .foottop ul li a {
        padding: 0 7px;
        font-size: 1em;
    }
    .footmenu ul li a {
        padding: 16px 18px;
        font-size: 1em;
    }
    .footicons ul li a {
        padding: 10px 18px 14px;
    }
    .innerbg .menu ul li a {
        padding: 10px 0;
        font-size: 1em;
    }
    .customer img {
        width: 100%;
    }
    .test_item h2 {
        font-size: 1.5em;
        padding: 20px 0;
    }
    .test_item article h3 {
        font-size: 1.1em;
    }
    .test_item article p {
        font-size: 1em;
        padding-left: 8px;
    }
}