@media only screen and (max-width:1500px){
/* .careerbox {max-height: 360px;} */
body, p, .contactaddress ul li{font:400 14px/20px 'Open Sans', sans-serif;}
.about-homebox p, .welcometext p{font-size: 14px;line-height: 20px;}
.solution-list ul li{margin:0px;}
.solution-list ul li .img{padding:10px;}
}

@media only screen and (max-width:1400px){
    .solutions, .services, .casestudy{padding:40px 0;}
    .about-homebox {margin-bottom:35px;}
	.weltextbox h6{font-size: 20px;}
	.wltitle {font-size: 30px;line-height: 30px;}
	.navbar-nav>li>a{font-size:14px;}
	.information .resp-tab-content h4 {font-size: 16px;}
	.banner{max-height:480px;}
	.bannerhead {font-size: 50px; line-height: 60px;}
	.banner .item {min-height:430px;}
	.owl-dots {bottom:120px;}
	.slogantext ul li {font-size:14px;line-height:20px;}
	.slogantext ul li img {max-width:50px;}
    .casestudybox p {line-height: 24px;}
    

}
@media only screen and (max-width:1300px){
.services .owl-nav button.owl-next{float: right; position: relative; margin-right: 0;}

}
@media only screen and (max-width:1200px){
.banner .item {min-height:auto;}
.bannertag{padding: 0px; height: 0;}

.banner{min-height:450px;}
.owl-dots {bottom: 30px;}

/* Inner page css ========================= */
.innerbanner {min-height: 150px;}  
.innertag {font-size: 28px;line-height: 150px;}
.weltextbox {min-width: 200px;}
}
@media only screen and (max-width:1099px){html, body{overflow-x:hidden !important;}
body, p, .contactaddress ul li {
    font: 400 14px/24px 'Open Sans', sans-serif;
}
	.solutionimg:before{display:none;}
    .services{padding:20px 0;}
    .solutions, .casestudy{padding:0 0 20px;}
    section.welcome.mt60 {margin-top: 0 !important;}
    .sevicetabcontentbg {min-height:auto;}
}
@media only screen and (max-width:991px){
.banner {min-height:400px;}
.bannertag{margin:20px auto 0;}
.bannerhead{font-size: 30px; line-height: 34px;}
.sloganbox{margin-top: -130px;}
/*
.bannerimg{ max-width: 350px; max-height: 335px;top: 30px;}
.bannerimg img{margin-top: 50px;}
*/
.owl-dots {bottom: 40px;}
.slogantext br {display: none;}
.welcomeimg,.desktitle{display:none;}
.mobwelimg{ display: block; float: left; max-width: 350px;}
.mobtitle{display:block;}
.welcometext{max-width: 100%;}
.welcome{float: left; width: 100%; clear: both; padding: 30px 0 40px;
}
.services{padding: 20px 0;}
/*.servicetag{min-height: 80px; vertical-align: middle;font-size: 16px;}*/
.information ul.resp-tabs-list {margin: 0 !important;}
.svtitle{font-size: 28px; line-height: 30px;margin-bottom: 20px;}
.svtitle p{font-size: 14px; line-height: 20px;}
.solutiontext{padding: 0;
}
.solutiontitle span{font-size: 14px; line-height: 18px;}
.solutiontitle{font-size: 24px; line-height: 28px;}
.solutiontitle p{font-size: 14px;line-height: 18px;}
/*.solution-list{ margin: 0;}
.solution-list ul li{padding-top:0px; background-position:5px 7px;}
.solution-list ul li:before {top: -20px;}*/
.solutiontext .button{margin-top: 10px;}
.solutions{padding: 20px 0;}
.casestudy{padding: 30px 0;}
.csdytitle{font-size: 28px; line-height: 30px;}
.csdytitle p{font-size: 14px; line-height: 20px;}
.contact-title{font-size: 28px; line-height: 30px;}
.contact-from{padding: 30px 0;}
    

h1,h2{font-size:20px; line-height:24px;}
.contactpart ul li .iconvalue p, 
.contactpart ul li .iconvalue label {font-size: 14px;}   
.solution-list ul li .img{padding:10px;}
.solution-list ul li {width: 13%;}   
.castudybox ul li {
    width: 50%;
    min-height: 600px;
} 
#Careers .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 20px;
} 
}
@media only screen and (max-width:850px){

.imgbox-left {margin: 0 10px 15px 0;}
.imgbox-right {margin: 0 0 15px 10px;}
.technodesklist{display:none;}
.technomoblist {display: inline-block; margin: 0px auto; margin-top: 40px;}
.contactpart ul li {width:50%; height:90px;}
.slogantext {font-size: 14px;line-height: 24px;}
.sloganbox {padding: 10px 0px;}
.sevicetabcontentbg {padding: 15px 0;}

}

@media only screen and (max-width:767px){
.logo {max-width: 180px;  margin: 8px 0;}
.navbar-toggle{margin-right: 0; margin-top:11px;padding:5px;}
.minheightheader {min-height: 45px;}
.navbar-collapse{position: absolute; background:#0173c3; width:292px; right: 0; top:48px;}
.navbar-nav{margin: 0;}
.navbar-nav>li>a{padding: 5px 10px; margin:0; color: #ffff !important; text-align: left;border-top: 1px solid #ffffff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: none; z-index: 1; border-bottom:0px solid #ffffff; color: #ffffff !important;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{border-bottom:0px solid #000000;}
.button.navbar-toggle a:before, button.navbar-toggle:before{background:#f5f5f5;}
/*.bannerimg{display:none;}*/
.banner{padding:0;}
.bannertag {max-width: 100%; text-align: center;
}
/*.bannertag{margin:0px auto; position: static; padding: 0 15px; box-sizing: border-box;max-width: 100%;}*/
.banner, .banner .item{min-height: auto;}
.bannertag{padding: 0 15px;}
.bannerhead{font-size:18px; line-height:20px; display: block; width: 100%;left: 0; padding:0;}
.bannertag p{line-height:22px;margin-top: 10px;} 
.mobwelimg{max-width: 250px;}
.svtitle span{display: inline;}
.about-homebox .row{display:block;}
.about-homebox {margin-bottom: 0;}
.welcome {padding: 30px 0 0;margin:0;}
.weltextbox {padding: 0 0 30px;}
.servicebox p{font-size: 13px; line-height: 18px;height: 80px;}

.solutionimg{float:none; width:100% !important; text-align:center;}
.solutionimg img{max-width:300px; margin-bottom:20px;}
.formbox .form-group{margin: 0 0 20px;}
.contact-from{padding:15px;}
.sloganbox{margin-top: -80px;}
.slogantext ul li {
    display: inline-block;
    float: none;
    margin-bottom:30px;
    width: auto;
}

h1,h2,h3{font-size:18px; line-height:22px;}
.contactaddress {margin: 20px 0;}
.solution-list ul li {
    width: 15%;
}
.castudybox ul li {
    width:100%;
    min-height:auto;
}
.welcome, .services{padding:50px 0;}
.solutions{padding:70px 0 0;}
.casestudy{padding-top:0px;}
}
@media only screen and (max-width:651px){
    .servicetag, .servicebox p{min-height:auto;height:auto;}
    .contact{margin:0 0 20px;}
    .contact textarea {min-height:130px;}
	.bannertag {margin: 25px auto 0;}
	.sloganbox { margin-top:-40px;}
    .solution-list ul li {
        width:18%;
    }
    
}
@media only screen and (max-width:600px){
.bannerhead{font-size:18px; line-height:30px; padding-top:10px;}
.banner .button a{line-height: 35px; padding: 0 15px;}
.bannertag p {line-height: 24px; font-size: 14px;}
.welcomeimg{display: block;width:100%;text-align:center; height: auto;}
.welcomeimg img{max-width:380px; float:none;}
.mobwelimg{display:none;}
.wltitle{font-size:20px; line-height:24px;}
.svtitle{font-size: 18px; line-height: 30px; margin-bottom: 20px;}
.wltitle span{display:inline;}
.technomoblist {margin-top: 40px;}
.about-homebox .owl-item {padding: 0;}
 .banner{max-height: auto; overflow: inherit; background:#4f7b9f;} 
/*.banner .item:before {height:97%;}*/
.bannertag {
    margin: 0;
    position: static;
    float: left;
    width: 100%;
    height: auto;
}
/*========= Innerpage css ===========*/
    
h1,h2,h3,h4,h5{font-size:16px; line-height:22px;}
.imgbox-left, .imgbox-right{float: none;margin: 0 0 15px 0;text-align: center; max-width: 100%;}
.weltextbox{height:auto;}

solution-list ul li:before {width: 75%; height: 75%; left: 30px; top: 0;}
 .sloganbox { margin-top:20px;} 
 .solution-list ul li {
    width:20%;
}  
}
@media only screen and (max-width:550px){
.contactaddress ul {display: block;}
.contactaddress ul li{width: 100%; float: left; margin: 0 0 15px;}
}
@media only screen and (max-width:500px){
.bannerhead{font-size: 18px; line-height: 22px;}
.welcomeimg img{max-width:100%;}
.svtitle{font-size: 18px;}
.servicetag{min-height:auto;font-size:15px;}
.welcome{padding: 30px 0 20px;}
.servicebox p{max-height:auto;}
/*.solution-list ul li{width:100%;}*/
.csdytitle span{display:none;}
.cstname{margin: 10px auto 20px;}
.contactbox ul li .iconvalue{width: calc(100% - 80px);}
.solution-list ul li:before {
    width: 70%;
    height: 70%;
    left: 30px;
    top: 0;
}
    .contactpart ul li {width:100%; height:auto;}
    .contact .col-xs-6{width:100%;}
    .solution-list ul li {
        width:33.3%;
        float: left;
}
.thanktitle {font-size:40px;}
}
@media only screen and (max-width:400px){
.solution-list ul li:before {
    width: 65%;
    height: 60%;
    left: 30px;
    top: 0;
}
.solution-list ul li {
    width:50%;
}
}
    
@media only screen and (min-width:768px){
.welcome, .services, .solutions, .casestudy, .contact-from{overflow-x: hidden; height:100vh; display: table;}
.otherbox {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    overflow-x: hidden;
}
.navbar-nav>li{margin: 0 10px;}
}
@media only screen and (min-width:992px){
.navbar-default .navbar-nav>li{position:relative;}

.banner img{width:100%;}
}
@media only screen and (min-width:1100px){

}
@media only screen and (min-width:1250px){.container{padding:0 83px;}}
@media only screen and (min-width:1400px){.abouttagbox{margin-top:55px;}.bannertag{top:40px;}}
@media only screen and (min-width:1600px){
    .bannertag{margin:5% auto 0;} .abouttagbox{margin-top:50px;}.partner{overflow: hidden;   height: 550px;}.container{padding:0 15px;}}
@media only screen and (min-width:1700px){.abouttagbox{margin-top:55px;}}
@media only screen and (min-width:1800px){.abouttagbox{margin-top:50px;} .bannertag{padding:0 100px;}.banner {max-height: 650px;}}
@media only screen and (min-width:2500px){
.bannertag{margin:2% auto 0;}
.abouttagbox{margin-top:40px;}


}

@media only screen and (min-width:4500px){
.abouttagbox{margin-top:100px;}

}