@media (max-width: 1440px){  

}

@media (max-width: 1199px){
 .menu ul li a { 
    padding: 20px 15px 20px 5px; 
}
.welcomeText { margin-top: -95px;}
.serviceBox h3 { font-size: 16px; padding: 18px 15px;}
	

}

@media (max-width: 991px){
.onlyweb{display:none;}	
.menuIcon { 
    padding: 17px 15px 8px 8px; 
	background:#202157;
	height:60px; 
}
.menu-toggle {
    position: relative;
    border: 0px;
    display: inline-block;
    width: 28px;
    height: 24px;
    background: transparent;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    color: #fff;
    font-size: 0;
    vertical-align: middle;
    transition: all .25s ease-in-out;
}
.menu-toggle:before, .menu-toggle:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -68%);
    transition: transform .25s ease-in-out;
}
.menu{}
.slideMenu{position:fixed; left:-110%; top:0px;  width:100%; height:100%; z-index:999989; background:rgba(32, 33, 87, .95);
transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; }
.menuBg{position:absolute; left:0%; top:0px; width:100%; height:100%; z-index:8;}
.slideMenu.open{ left:0; }
.menu ul {width:300px; background:#373996; padding:0px 0px 20px; position:absolute; left:0%; top:47px; height:100%; z-index:9; }
.menu ul li{display:block; text-align:left; border-bottom:1px solid #4548b5; }
.menu ul li a{height:auto; padding:12px 35px;}
.menu .logo{width:300px; font-size:18px;  text-align:center; }
.welcomeText {
    margin-top: -25px; max-width:90%;
}
.welcomeBox {
    padding: 30px;
    margin-bottom: 75px;
}
}

@media (max-width: 767px){
.header {
    position: relative; 
}
.header .container{padding:0px;}
.header .row{margin:0px;}
.logoSec{padding-left:0px; min-width:295px;}
.mainMenu{padding-right:0px;  }
.logo{font-size:18px;}
.menuIcon { height: 57px;}
.welcomeBox {
    padding: 20px;
    margin-bottom: 60px;
}
.footer { margin-top: 35px;}
.architectureText {
    padding: 20px; background:#fff; margin-bottom:25px;
}
.developed{text-align:center!important; padding-top:20px;}
.serviceBox { 
    box-shadow: 0 3px 6px rgb(0 0 0 / 15%);
    margin-bottom: 25px;
}
.serviceBox h3 path{fill:#fff; }
.serviceBox h3 { 
    background: #202157; color:#fff;
}
.content {
    padding-top: 25px;
}
.title h1 {
    font-size: 28px;
    padding: 0 15px;
}
.title { 
    margin-bottom: 25px;
}
.orangeBox div, .blueBox div {
    margin: 0;
    position: inherit;
    top: 0;
    left: 0;
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    padding: 35px 25px;
}
.blueBox{margin-bottom:25px;}
.architectureBox {
    background: none;
    box-shadow: none;
}
.contactBox {
    padding:0 15px;
}
.contactBox .col-md-6{background:#fff; margin-bottom:25px; padding:20px 15px}
.queryForm .text-right{text-align:center!important;}
.contactBox a{word-break: break-word;}
}