@media(min-width:768px) {
/*------ hover menu dropdown -------*/
.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
/*------ end hover menu dropdown -------*/

    .navbar-custom {
        padding: 15px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .3s ease-in-out,padding .3s ease-in-out;
        -moz-transition: background .3s ease-in-out,padding .3s ease-in-out;
        transition: background .3s ease-in-out,padding .3s ease-in-out;
    }
	
    .navbar-custom.top-nav-collapse {
        padding: 15px 0px;
            border-bottom: 1px solid #ccc;
		background:#FFFFFF;
    }
	
/*------ logo -------*/
    .intro {
        height: 100%;
        padding: 0;
    }

    .intro .intro-body .brand-heading {
        font-size: 100px;
    }

    .intro .intro-body .intro-text {
        font-size: 26px;
    }
	
	.logo{
		background:url(../images/qinetics-logo2.png) no-repeat;
		background-size:140px 37px;
		width:200px;
		height:60px;
	}


	.logo2{
		background:url(../images/qinetics-logo.png) no-repeat;
		background-size:140px 37px;
		width:200px;
		height:60px;
	
	}
	
/*------ footer -------*/
	ul.links{
		font-size:12px;
		float:none;
		padding:0px;
	}
	
	.pb0{
	padding-bottom:0px!important;
	}
	
	
	.vacancy{
	margin:0px 0px 30px 0px;
}


}


@-webkit-keyframes pulse {    
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}


@media(min-width:767px) {
    .content-section {
       padding-top: 80px;
		padding-bottom:80px;
    }

    .download-section {
        padding: 100px 0;
    }

    #map {
        height: 400px;
        margin-top: 250px;
    }
	

	
	
}


@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
	
	a.our-services{
	color:#008e9b;
	margin-bottom:30px;
}




}



@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
	
	.carousel-caption{
		top:26%;
	}
	
	h2 {
    font-size: 46px;
    line-height: 56px;
	}
	
	.content-section {
        padding-top: 60px;
		padding-bottom:60px;
    }
	
	.copyright, .link{
	line-height:40px;
	color:#fff;
	
	}

	ul.links{
		font-size:12px;
		float:none;
		padding:0px;
		text-align: center;

	}
	
	
	#tooltip {
		max-width:320px!important;
 		min-width:320px!important;
	}
	
	
	.page-banner h2{
		font-size: 42px;
		line-height: 24px;
	}
	
	.nav-scroll {
    color: #ffffff!important;
	}
	
	
	
}


@media(max-width:768px) {
	#qi-brand .qi-brand {
    margin-bottom: 30px;
  }
  
	.qi-brand img{
	  max-width:100%;
  }
  
	.qi-fix{
	  padding:0px!important;
  }
  
	#qi-brand .qi-brand {
    margin-bottom: 20px!important;
	text-align:left!important;.
  }	
  
	#map-canvas {
    height: 250px;
   
	}
	
	.contact-section input {
    width: 96%;
 
	}
	
	.carousel {
    min-height: 600px;
}
}

@media (min-width : 992px) and (max-width: 1199px) { 
  
	.qi-brand img{
	  max-width:100%;
	
  }
  
	#qi-brand .qi-brand{
	    margin: 5px 0px 0px 0px;
  }
  

}

@media screen and (max-width: 992px) {
	#qi-brand .qi-brand {
	margin-bottom: 10px;
	text-align:center;
  }
  
  
	.navbar-custom .nav li{
	font-size:12px;
	}

	h2{
	font-size:46px;
}

	.asp img{
	padding-bottom:0px;
	
}

	.asp p{
	padding-left:0px;
	}
	
	.vacancy{
	height:220px;
	}
	
	.aboutus{
		padding-bottom:50px;
	}
	
	.copyright-content{
	text-align:center;
	}
	
	
	.qinetics{
		text-align:center;
	}
	
	
	.left-link{
	text-align:center;
}

}

@media only screen and (max-width: 479px) { 
	.carousel-caption{
		top:18%;
	}
	
	#carousel-caption-c {
	top: 24%;
}
	
	h2.video-title{font-size: 40px}
}

@media screen and (min-width: 992px) {
.asp2{
	background:url(../images/registry-asp2.png) no-repeat center top;
	background-size:80%;

	}
	
	ul.links {
  
	text-align: right;

}

}

@media screen and (max-width: 480px) {
 	#qi-brand .qi-brand {
    max-width: 100%;
  }
  
  #qi-brand{
	  font-size:16px;
  }
  
  .wwb{
	  padding: 0px 70px 30px 70px; 
  }
  
  .background{
	  padding:8px 0px;
	  margin-top:5px;
  }
  
  .background a{
	 font-size: 14px;
	}
	
	
  .background a:before  {
        border-top:none;
      
    }
	
  span.line{
		background:none; 
	 }
	  
  .panel-heading{
		background: #008b98;
		border-top-left-radius: 0px;
        border-top-right-radius: 0px;
		padding:0 20px;
	}
	
	
  .panel-group .panel-heading {
     padding:0px;
	}
	 
  .panel-group {
    margin-bottom: 20px;
    padding-top: 20px;
	 }

	.nav-scroll{
		color:#fff!important;
	}
	

	
	.qinetics-service h3{
		font-size:15px;
	}
	
	.page-banner h2 {
    line-height: 42px;
	}
	
	.service-title {
    padding-left: 70px;
}

	.links>li {
    padding-right: 10px;
    padding-left: 10px;
}

	.copyright, .link{
    font-size: 12px;
}

	ul.links{
	font-size:11px;	
}

	.btn-main, .qinetics-service .btn-orange{
	font-size: 70%;
	padding: 10px 25px;
}


	.page-banner p{
		font-size:15px;
}

	.pd30{
	padding: 0px 0px;
}

	#testimonial h4{
		font-size:15px;
	}
	
	.job-vacancy h1{

	font-size: 32px;

}

	
}


 @media screen and (min-width: 1920px) {
    .carousel-caption {
		left: 20%;
	}
	 
	#carousel-caption-c {
		left: 0%;
	}
	 
	
 } 
 

@media (min-width: 1200px){
.container {
    width: 1230px;
}
}