@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 0) and (max-width: 1024px) {
	
html {
-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

input, textarea {
border-radius:0px;
-webkit-appearance: none;
}
img {
max-width:100%;
height:auto;
}
.middlecontent{ margin:15px;}
}

@media only screen and (min-width: 0) and (max-width: 768px) {
.responsivemenu{ display:block}
.headerfixed{ display:none !important}
.callemailussec{ position:absolute; left:0; top:0; width:100%; padding:10px; background:#4d4088; text-align:right }
.logo{ position:relative; padding:0; float:left; width:25%}
#headerwrapper{ padding:0 10px; background:none}
#headerwrapper .container{ position:static;}
.responsivemenu{ display:block; position:relative; z-index:1}
.customerloginbox{ width:300px; top:37px}
.toptitle, .topnav, .customerlgnbtn{ display:none}



.bookdemosec{ display:none}

.hardsoftsec{ padding:50px 15px;}
.hardwareleft, .softwareleft{ width:100%; padding:0}
.imgsec{ width:28%}
.dessec{ width:72%}
.hardsoftsec ul li{ padding-bottom:30px;}

.aboutnewsevent{ padding:50px 15px;}
.aboutusleft{ width:100%; padding:0 0 30px}
.newsevent{ width:100%; padding:0}
.partnerwithus{ padding:0 15px 50px}

.videosec{ padding:50px 15px}
.banner .bx-wrapper .bx-controls-direction a{ display:none} 

.innerLeft{ display:none;}
.innerRight{ padding:0; width:100%}
.innercontainer{ padding:20px 15px;}
.headerRight{ margin:0; width:75%}
.restoptitle{ display:block; padding:62px 0 0; text-align:right; font-size:25px;}
.overflowscroll{ max-height:300px;}
.hardsoftsec{ padding:30px 15px}
.hardsoftsec h1, .ourclients h1, .aboutnewsevent h2{ padding:0 0 25px}
.ourclients ul li img{ width:100%}
}

@media only screen and (min-width: 0) and (max-width:640px) {
.innerRight ul.contactform li label{ width:100%; padding: 0 0 10px;}
.contactform li input[type="text"], .contactform li input[type="email"], .contactform li input[type="tel"], .contactform li textarea{ width:100%; padding:8px 10px;}
.contactform li select{ width:100%; padding:8px 10px;}
.middlecontent{ padding:50px 15px 15px}
.overflowscroll{ padding:0 10px 0 0}
#resloginbox .middlecontent{ padding:15px 15px 15px; background:#f3f3f3; border:1px solid #ccc} 
#resloginbox{ position:absolute}
 @media screen and (orientation:landscape) {
.overflowscroll{ max-height:175px;} 
 }
}

@media only screen and (min-width: 0) and (max-width: 480px) {
.imgsec{ width:100%; max-width:100%}
.imgsec img{ width:100%; }
.dessec{ width:100%; padding:20px 0 0}
#footer{ padding:0}
.footercoloumn{ width:100%; border-bottom:1px solid #fff; padding:20px 20px 20px} 
.partnerwithus a, .partnerwithus a:hover{ background-size:100% auto; width:275px}
.videosec ul li{ width:100%; padding:0 0 15px}
.hardsoftsec h1, .ourclients h1, .aboutnewsevent h2{ font-size:25px}
.managementphoto{ width:100%}
.managementdes{ padding:15px 0 0 0; width:100%}
.rescustomerloginbox ul li label{ width:100%; padding-bottom:10px;}
.rescustomerloginbox ul li input[type="text"], .rescustomerloginbox ul li input[type="password"], .rescustomerloginbox ul li select{ width:100%}
.logo{ padding:42px 0 0; width:35%}
.headerRight{ width:65%}
}
@media only screen and (min-width: 0) and (max-width: 400px) {
.logo{ width:50%; padding:64px 0 0}
.callus{ clear:both; overflow: hidden; padding:0; display:block}
.restoptitle{ display: none}

}

@media only screen and (min-width: 0) and (max-width: 360px) {
.managementphoto{ max-width:100%}
.partnerwithus a, .partnerwithus a:hover{ width:250px;}
}