@-ms-viewport{
  width: device-width;
}
*{padding:0;
margin:0;}

body{ background:#fcfcfc !important;}


.main{width:100%;
margin:0 auto;}



.logo-text{color:#c20513;}

.slogan{color:#1c2899;
 font-size:19px;
   margin-top: -10px;}

.menu{background:url(../img/services.jpg) repeat center;
float:none !important;}

#nav{float:right;}
 
ul
{
	list-style-type:none;
}
ul.dropdown
{
	position:relative;
	//margin-top: 27px;
}

ul.dropdown li
{
	
	color:#FFF;
	float:left;}

ul.dropdown li a
{
	display:block;
	padding:33px 7px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#000;
	font-size:20px;
	text-decoration: none;
}

ul.dropdown li a:hover
{
	
	position:relative;
	background: rgba(122, 122, 122, 0.9);
	//border-top: 2px solid #1469b2;
	text-decoration:none;
	//height:98px;
	color:#fff;}
	



ul.dropdown ul
{
	width:200px;
	visibility:hidden;
	position:absolute;
	//display:inline-block;
	z-index:9999;
	background:url(../img/services.jpg) repeat center;
    top:98px;
    z-index:9999;
    max-height:0;
    overflow:hidden;
    -webkit-transform-origin:50% 0;
    -webkit-transition:500ms;
    -moz-transition:500ms;
    -o-transition:500ms;
    transition:500ms;
}

ul.dropdown ul li
{
	float:none;
	
}
img[alt='IQ-Technologies'] {
  vertical-align: middle;
  padding: 0;
  padding-bottom: 10px;
  padding-top: 10px;
  float: left;
}

ul.dropdown ul li a
{
	
	color:#000;
	border-bottom: 1px solid #ccc;
	padding: 8px 0px 0px 6px;
	margin-top: 0;
	font-size:16px;
	
	

	
}

ul.dropdown ul li:hover{background: rgba(186, 186, 186, 0.9);
border-top:0px;
top: 60px;
left: 0px;
text-decoration:none;
color:#fff;
}
ul.dropdown ul ul
{
	left:100%;
	top:0px;
}



ul.dropdown li:hover > ul
{visibility:visible;
max-height:300px;
z-index:9999;
-webkit-transform:perspective(400) rotate3d(0,0,0,0);}


.activ{background: rgba(122, 122, 122, 0.9);
  //height:98px;
   color:#fff !important;}
   
   
   
   
.mobile-menu{
	width:100%;
	top:10px;
	display:none;}
	
.click{
	border-top: 1px solid #fbfbf9 !important;
box-shadow: none;
background: #f7f7f3;
color: #666666;
text-shadow: none;
background-color: #C30728 ;
background-image: -moz-linear-gradient(top, #C30728 , #C30728 );
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C30728 ), to(#C30728 ));
background-image: -webkit-linear-gradient(top, #C30728 , #C30728 );
background-image: -o-linear-gradient(top, #C30728  , #C30728 );
background-image: linear-gradient(to bottom, #C30728 , #C30728 );
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f3', endColorstr='#ffe6e6e2', GradientType=0);
border-color: #e6e6e2 #e6e6e2 #c3c3b9;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-top: 1px solid #dddddd;

border-radius:3px 3px 0 0;
margin-top:10px;
cursor:pointer;
}
.click .menu-txt{
	color:#fff;
	padding:8px;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	//width:300px;
}
.click .menu-txt i{
	text-align:right;
}

.iconn{
	float:right;
	width:100px;
}
.down{
	display:none;
	font-size: 20px;
background: #1c2899;
color: #666666;
text-shadow: none;
/*background-color: #f0f0ec;
background-image: -moz-linear-gradient(top, #1c2899, #1c2899);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1c2899), to(#1c2899));
background-image: -webkit-linear-gradient(top, #1c2899, #1c2899);
background-image: -o-linear-gradient(top, #1c2899, #1c2899);
background-image: linear-gradient(to bottom, #1c2899, #1c2899);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f3', endColorstr='#ffe6e6e2', GradientType=0);*/
border-color: #e6e6e2 #e6e6e2 #c3c3b9;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-top: 1px solid #dddddd;
margin-top:-10px;

}

.down1{
	display:none;
}
.down .menu-txt{
	width:100%;
	padding:3px;
	padding-left:10px;
	border-bottom: 1px solid #fbfbf9;margin:0 !important;
}
.down .menu-txt a{
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	}
.down .menu-txt a:hover{
	text-decoration:none;
}   

.back{
  //float: left;}
.mnav{display:none;}


.welcome-box {
  text-align: center;
  padding: 9px 0 11px;
}

.welcome-box h3{
  font: 17px/26px 'Roboto Condensed', sans-serif;
  color: #777;
  width: 90%;
  margin: 0 auto;
  padding: 20px 0 0;
  padding-bottom:10px;
}
.welcome-box h2{
  font: 44px/1.2em 'Roboto Condensed', sans-serif;
  color: #222;
}

.primary {
  font: 44px/1.2em 'Roboto Condensed', sans-serif;
  color: #222;
  text-align:center;
}

.service{ font: 44px/1.2em 'Roboto Condensed', sans-serif;
  color: #222;
  margin: 0 auto

   
}

.ct{position:absolute !important; margin: 0 auto;width: 100%;}
.service2{ font: 26px/1.2em 'Roboto Condensed', sans-serif;
  color: #222;
  text-align:center;
}
.lin a {
	color:#e8e8e8;
	padding-left:31px;
}
.lin a:hover{
	color:#ccc;
}
.service1{ font: 30px/1.2em 'Roboto Condensed', sans-serif;
  color: #222;
   margin-top: -15px;
  text-align:center;
}


.separator1{
	width: 100%;
	position: relative;
	float:left;}
	
	
.separator1 .bg{
	background-color:#bcbcbc;
	margin: 0 auto;
	padding: 0;
	z-index: 200;
	padding-bottom: 460px;}
	
	
	
.center {
	//margin-left:40%;
}

.cen{ 
	padding: 20px 0;
	background-color:#bcbcbc;}

.map {
	  border-top: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
  padding-top: 6px;
    padding-right: 0px !important;
  padding-left: 0 !important;
}
form {
	width:500px;
	text-align:left;
	margin:auto;
}
form input, form textarea { padding:5px;
margin:2px 0;
width:100%;
}
form input[type='submit'] {width:100px; padding:10px; float:right; margin-bottom:20px;}
label { font-weight:normal !important;
		margin-bottom:0px !important;
		margin-top:20px;}
.con {
	height:100px; 
	padding:20px 0;
}
.con h5, .con p {
	text-align: left;
  padding-left: 20%;
  line-height:17px;
}
.con h5 {
	font-weight:bold;
}
.home-icon1 {
 width: 100px;
  height: 100px;
  background: #c30728;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  line-height: 100px !important;
  text-align: center;
  display: inline-block !important;
  margin: 0 0 24px 0;
}
.home-icon {
  width: 123px;
  height: 123px;
  background: #c30728;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  line-height: 123px !important;
  text-align: center;
  display: inline-block !important;
  margin: 0 0 24px 0;
}
.fa-laptop{color: #fff;
  font-size: 70px !important;
}

.fa-line-chart{color: #fff;
  font-size: 70px !important;
}


.fa-shield{color: #fff;
  font-size: 70px !important;
}

.fa-laptop{color: #fff;
  font-size: 70px !important;
}

.fa-server{color: #fff;
  font-size: 70px !important;
}

.fa-line-chart{color: #fff;
  font-size: 70px !important;
}

.fa-cloud{color: #fff;
  font-size: 70px !important;
}

.fa-tasks{color: #fff;
  font-size: 70px !important;
}

.fa-comments{color: #fff;
  font-size: 70px !important;
}

.fa-bar-chart{color: #fff;
  font-size: 70px !important;
}

.fa-pencil-square-o{color: #fff;
  font-size: 70px !important;
}
.ser{margin:0 auto;
  text-align: center;
  width:145px;}

.btn.btn-info, .reply a.btn-info {
  background: #c30728;
  font: 14px/1.2em 'Roboto Condensed', sans-serif;
  color: #fff;
  padding: 7px 10px;
  border: none;}

.btn.btn-info:hover, .btn.btn-info:active, .reply a.btn-info:hover, .reply a.btn-info:active {
	background:#1c2899;
	text-decoration:none;
	color:#fff;
	box-shadow:none;
	border:none;
}


.servicstext{color:#fff;
text-align:center;
  background: rgba(0,0,0,0.5);
  padding: 10px;
  font-size:14px;
    font-family: 'open sans',Arial,Helvetica,sans-serif;
}
.servicstext1 {color:#fff;
	text-align:center;
  background: rgba(0,0,0,0.5);
  padding: 10px;
  font-size:14px;
    font-family: 'open sans',Arial,Helvetica,sans-serif;
}


.site-footer {
  background:url(../img/footer-bg.png) repeat scroll center center #2A333B;
  background-size:cover;
  //height:200px;
}

.site-footer h3{color: #CBD9E4;
  font-family: 'open sans',Arial,Helvetica,sans-serif;
  font-size: 25px;
  margin: 50px 0 25px;
}

.site-footer p{color: #CBD9E4;
  font-family: 'open sans',Arial,Helvetica,sans-serif;
  font-size: 14px;
  margin: 0 0 12px;
  text-align:justify;
}


.fa-map-marker{color:#fff;
float:left;
font-size: 17px !important;}

.fa-mobile{color:#fff;
float:left;
font-size: 17px !important;}

.fa-envelope{color:#fff;
float:left;
}


.footer-bottom-border {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);
  //height:100px;
  //float: left;
 // width: 100%;
 
}



.site-info {
  float: left;
  margin-top: 10px;
  padding: 0;
  text-align: left;
  color: #CBD9E4;
  padding: 25px 0;
}
.menu-footer{//width:47%;
            //margin:0 auto;}	  
			
.menu-footer ul{overflow:hidden;
	          text-decoration:none;
	          list-style-type:none;}


.menu-footer ul li{float:none;
	              margin: 0 5px 4px 0px;position: relative;}	  
			
.menu-footer ul li a{padding: 4px 0px 0 7px;
	               color:#FFF;
			       font-size:16px;
			       margin:0;
	  		       display:block;
				    font-family:'Roboto Condensed'sans-serif;
					
}		
			  
.menu-footer ul li a:hover{text-decoration:none;
 //background:#1b209c;}		
 
 
.follow-me {margin-top: 27px;
float:right !important;} 
 
.follow-me .fa
{
	color:#FFF;
	border-radius:50px;
	cursor:pointer;
	border:1px solid #fff;
	padding:15px;
	background-size: 200% 200%;
background-image: 
linear-gradient(to top, #fff 50%, transparent 50%);
-webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
 
}



.follow-me  a:hover{text-decoration:none;}
.follow-me .fa-facebook:hover {
	
	color: #3c5a98;
background-image: 
linear-gradient(to top, #FFF 51%, transparent 50%);
background-position: 0 100%;
-webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
text-decoration:none;
}

.follow-me .fa-twitter:hover {
	
	color: #7ac4f7;
background-image: 
linear-gradient(to top, #FFF 51%, transparent 50%);
background-position: 0 100%;
-webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
text-decoration:none;
}

.follow-me .fa-google-plus:hover {
	
	color: #d44031;
background-image: 
linear-gradient(to top, #FFF 51%, transparent 50%);
background-position: 0 100%;
-webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
-o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
text-decoration:none;
}
.follow-me a:hover { text-decoration:none;}
.follow-me a:focus { text-decoration:none;}



.sli{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);
 margin-top: -100px;
  //position:fixed !important;
  z-index: 9000;
 // width: 100%;
}

.slibox{margin-top: 17px;
  border-right: 1px solid;}

.slibox h5{color: #ececec;
  font-size: 23px;
    margin-left: 20%;
	font-family: 'Roboto Condensed', sans-serif;
  }
  
.slibox p{  color: #ffffff;
  font-size: 1.2em;
    margin-left: 20%;
	font-family: 'Roboto Condensed', sans-serif;}  

.slibox p a{  color: #ffffff;
  font-size: 1.2em;
  font-family: 'Roboto Condensed', sans-serif;
   }  

.fa-phone-square{font-size:62px !important;
float:left;
color:#fff;}



.fa-clock-o{font-size:62px !important;
float:left;
color:#fff;}

.fa-envelope-o{font-size:62px !important;
float:left;
color:#fff;}


.carousel-inner{margin-top:92px;}

.fa-arrow-left{  background-color: #fff;
  color: #000;
  padding: 10px;
  border-radius: 10px;}
  
.fa-arrow-right{  background-color: #fff;
  color: #000;
  padding: 10px;
  border-radius: 10px;}
  
  
.carousel-control{width:95% !important;}


.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  right: 98%!important;}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
  left: 4% !important;}
.tran-box{
	width:50%;
	float:left; text-align:left;
}
.tran-box ul {
	list-style: circle;
  margin-left: 11px;
}
.servicstext1 a {
	color:#fff;
	text-decoration:underline;
}
.servicstext1 a:hover { color:#ccc; }
.partner img { padding:5px 20px;}
.con a {
	color:#222;
}
.con a:hover {
	color:#999;
}
.carousel-control {
	z-index:9999;
}


.our-par{
	//background:#c20513;
	//height:50px;
	margin-top:30px;
	//border-radius:40px;
	
	}
	
	
.our-par h1{
	font: 44px/1.2em 'Roboto Condensed', sans-serif;
    color: #222;}
	
.our-log img{
	margin-top:20px;
	//border-radius:15px;
	//border:solid 1px #1c2899;
	box-shadow: 0 0 5px #ddd;
    margin: 10px;
    border: 1px solid #d0d0d0;
    -webkit-box-shadow: 0 0 5px #d0d0d0;
	    float: left;
		
	}
	
	


@media (max-width:1920px) {
.sli {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);
   // margin-top: 39.6%;
    z-index: 9000;
	position:fixed;
}
.carousel-inner {
    //margin-top: 1%;
}
}



@media (max-width:1856px) {
.sli {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);
   // margin-top: 39.4%;
    z-index: 9000;
	position:fixed;
}
.carousel-inner {
    //margin-top: 3%;
}
}


@media (max-width:1792px) {
.sli {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);
   // margin-top: 39.3%;
    z-index: 9000;
	position:fixed;
}
.carousel-inner {
   // margin-top: 5%;
}
}



@media (max-width:1680px) {
.sli {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);
   // margin-top: 38.8%;
    z-index: 9000;
	position:fixed;
}
.carousel-inner {
    //margin-top: 3%;
}
}



@media (max-width:1600px) {
.sli {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);
   // margin-top: 38.6%;
    z-index: 9000;
	position:fixed;
}
.carousel-inner {
   // margin-top: 6%;
}}


@media (max-width:1400px) {
.sli {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);
   // margin-top: 37.6%;
    z-index: 9000;
	position:fixed;
}
.carousel-inner {
  //  margin-top: 3%;
}
}





@media (max-width:1284px) {
.sli {
    background: rgba(0, 0, 0, 0.55) none repeat scroll 0px 0px;
 z-index: 9000;
 position: fixed;
}
.carousel-inner {
   // margin-top: 8%;
}

}

@media(max-width:1280px) {
		ul.dropdown li a {
  padding: 33px 10px;
  padding-bottom: 37px;}
	.site-footer p {
    color: #CBD9E4;
    font-family: "open sans",Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 1px 0px 12px;}


}
@media(max-width:1250px){
	ul.dropdown li a {
  padding: 33px 7px;
  font-size:17px;
  padding-bottom: 41px;}}


@media(max-width:1024px){
	
	.bx-wrapper img {
  padding: 0 15px;
  margin-left: 21px;
}
	.menu-inner ul li a {
    padding: 33px 7px 10px;
    color: #000;
    font-size: 16px;}
	

	.logo-text {

    margin-left: 10px;
  padding-top: 10px;}
  .con h5, .con p {
  padding-left: 24%;}
.slogan{
 margin-left: 10px;}
	
	
	.bx-viewport{
		width: 97% !important;
margin: 0 auto;}

		.site-footer p {
    color: #CBD9E4;
    font-family: "open sans",Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 1px 0px 12px;}}
	
	
	@media(max-width:900px){
		.bx-viewport{
		width: 79% !important;
margin: 0 auto;}
		}
	
@media (max-width:992px) {
	.servicstext, .servicstext1  {
	margin: 10px 10%;
}
.center {
    //margin-left: 45%;
    margin-bottom: 20px !important;
}
.tran {
	margin-left:10% !important;
	margin-right:10% !important;
}
.con {display:none;}
#nav{display:none;}
		
		.mobile-menu{
		display:inherit;
	}
}	


	@media(max-width:980px){
		
		#link {display:none;}
		.service2 {
    margin-top: -12px;
}

.logo-text {
  padding-top: 20px;
}

.hid {
	margin-bottom:20px !important;
}
.welcome-box h3 {
    width: 100%;
    text-align: justify;
 }
.full {
	padding-right: 0px !important;
    padding-left: 0px !important; 
}
.bx-wrapper img {
  padding: 0 15px;
  margin-left: 0px;
}
	
	.carousel-inner {
		    margin-top: 90px;
	}
		
		.col-md-1{
			width: 18%;
margin: 0 auto;}
			 .con h5, .con p {
  padding-left: 10%;}
			
			.col-md-5{
			width: 47%;
margin: 0 auto;}
.sm-adj { padding-top:15px;}
			
.sli 
		{display:none;}
		
		.separator1 .bg {padding: 0px 0px 1040px;}
		
		.has{margin: 0 auto;
width: 66%;}


}
		
@media(max-width:800px) {
	.bx-wrapper img {
  padding: 0 15px;
  margin-left: 31px;
}

.bx-viewport{
	width: 97% !important;
margin: 0 auto;
}
}


@media(max-width:767px) {
img[alt='IQ-Technologies'] {
  vertical-align: middle;
  padding: 10px 0;
  float: left;
}
.bx-wrapper img {
    padding: 0 15px;
    margin-left: 13px;
}

	.pad {padding:20px 0;}
	.con h5, .con p {
  padding-left: 12%;
}
}
@media(max-width:720px) {
	.tran {
	margin-left:auto !important;
	margin-right:auto !important;
}
	.servicstext, .servicstext1  {
	margin:0 0 10px;
}
	.bx-wrapper img {
    margin-left: -11px;}
	.service2 {
    margin-top: -10px;}
	.hid{
		 margin-bottom: 30px !important;
	}
	.has{margin: 0 auto;
width: 100%;}

}
@media (max-width:683px) {
	.follow-me {
    padding-bottom: 25px;
}
.has{margin: 0 auto;
width: 100%;}


}

@media(max-width:600px){
	.separator1 .bg {padding: 0px 0px 1140px;}
	.welcome-box {
  text-align: justify;}
  .bx-wrapper img {
    padding: 0px 2px;
    margin-left: 0px;
}
	.bx-viewport{
	width: 76% !important;
overflow: hidden;
position: relative;
height: 73px;
margin: 0 auto !important;
}

.bx-wrapper img {
    max-width: 87% !important;}
  .welcome-box h2 {
  font: 34px/1.2em 'Roboto Condensed', sans-serif;
  text-align: center;
}
.welcome-box h3 {
  font: 12px/18px 'Roboto Condensed', sans-serif;
  width: 100%;
}
.nivo-caption {
  display: none !important;
}
form {
	width:100%;
}
.con h5, .con p {
  padding-left: 18%;
}

.site-info {
    float: left;
    margin-top: 0px;
    text-align: left;
    color: #CBD9E4;
    padding: 21px 0px;
    width: 50%;
}

	.has{margin: 0 auto;
width: 100%;}

}


@media(max-width:550px){
	.carousel-item
	{margin-right: -14px !important;}
	}
	
	
	
@media (max-width:505px) {
	.bx-wrapper img {
    max-width: 69% !important;
}
	img[alt='IQ-Technologies'] {
   width: 80px;
   margin-left: -25px;
	}
	.welcome-box h2 {
  font: 27px/1em 'Roboto Condensed', sans-serif;
}
	.logo-text {
  font-size: 25px;
	}
	.slogan {
  font-size: 16px;
	}
	.con h5, .con p {
  padding-left: 26%;
}
.site-info {
    float: left;
    margin-top: 0px;
    text-align: left;
    color: #CBD9E4;
    padding: 0 0px;
    width:100%;
}


}


@media(max-width:450px){
	.carousel-item {
    margin-right: -57px !important;
}
	}



	
	
	@media(max-width:414px){
		
		.carousel-item {
    margin-right: -2px !important;
}
		img[alt='IQ-Technologies'] {
  	width: 70px;
	}
	.bx-wrapper img {
    padding: 15px 0px;
    margin-left: 13px;
}

.bx-viewport {
    width: 53% !important;
    overflow: hidden;
    position: relative;
    height: 73px;
    margin: 0px auto !important;
}
	.logo-text {
  font-size: 20px;
	}
	.slogan {
  font-size: 12.6px;
	}
		.col-md-1 {
    width: 40%;
    margin: 0px auto;
}
		
		.col-md-5 {
    width: 95%;
    margin: 0px auto;
}
		
		.separator1 .bg {
    padding: 0px 0px 1110px;
}
		.center {
  //margin-left: 38%;
}
}

@media (max-width:384px) {
	
	.carousel-item {
    margin-right: 50px !important;
}
	.welcome-box h2 {
  font: 21px/0.2em 'Roboto Condensed', sans-serif;
}
.bx-wrapper img {
    padding: 0px 32px;
    margin-left: 48px;
}
.bx-wrapper img {
    padding: 15px 42px;
    margin-left: 59px;
}
.con h5, .con p {
  padding-left: 30%;
}

.bx-wrapper img {
    max-width: 100% !important;
}
.bx-wrapper img {
    padding: 15px 0px;
    margin-left: 22px;
}

.bx-viewport {
    width: 74% !important;
    overflow: hidden;
    position: relative;
    height: 73px;
    margin: 0px auto !important;
}


}


@media (max-width:360px) {
	img[alt='IQ-Technologies'] {
  width: 65px;
}
.service{ font: 30px/1.2em 'Roboto Condensed', sans-serif;
	margin-left:40px;
}
.welcome-box h2 {
  font: 20px/0.2em 'Roboto Condensed', sans-serif;
}
.logo-text {
  font-size: 12px;
}
.slogan {
  font-size: 7.6px;
}
.separator1 .bg {
    padding: 0px 0px 1155px;
}
}

@media (max-width:320px) {
	.bx-wrapper img {
    padding: 14px 22px;
    margin-left: 14px;
}
	.center {
 // margin-left: 34%;
}
.welcome-box h2 {
}

.carousel-item{
	width: 232px !important;
	
	}
	
	.bx-viewport {
    width: 86% !important;
    overflow: hidden;
    position: relative;
    height: 73px;
    margin: 0px auto !important;
}
.welcome-box h2 {
    font: 18px/0.2em "Roboto Condensed",sans-serif;
}

.newSection ourClients{
	
	    margin-top: 47px;
	}
	
	.separator1 .bg {
    padding: 0px 0px 1228px;
}


}