@media (min-width:2400px) {
    #about-tube {
        margin-top: -600px;
    }
    #about-tube .tab-content-tube {
        padding-top: 320px;
    }
    #about-tube .tab-content-street {
        padding-top: 350px;
    }
    .about-street {
        margin-top: -680px !important;
    }
}

@media (min-width:2000px) and (max-width:2399px){
    #about-tube {
        margin-top: -500px;
    }
    #about-tube .tab-content-tube {
        padding-top: 220px;
    }
    #about-tube .tab-content-street {
        padding-top: 250px;
    }
    .about-street {
        margin-top: -580px !important;
    }
}

@media (min-width:1441px) and (max-width:1999px){
    #about-tube {
        margin-top: -440px;
    }
    #about-tube .tab-content-tube {
        padding-top: 160px;
    }
    #about-tube .tab-content-street {
        padding-top: 190px;
    }
    .about-street {
        margin-top: -520px !important;
    }
}

@media (min-width:992px) and (max-width:1199px){
	.efffect h3{
		font-size:15px;
		margin-top:10px
	}
    .footer-main-add,    
    .footer-main-comp {
        text-align: center;
    }
    .single-product-tube,
    .single-product-down,
    .single-product-high,
    .single-product-street,
    .single-product-bulb,
    .single-product-pl {
        height: 160px;
        width: 185px;
    }
}
@media (min-width:768px) and (max-width:991px){
	#navigation .navbar-nav.navbar-right li{
		padding:0 0;
	}
	.header-bottom #subscribe-form .mail-field{
		width:70%
	}
	.header-bottom .btn-primary{
		float:right
	}
	.about-us .tab-content .pull-left.media-object{
		float:inherit;
		width:100%;
		margin-bottom:15px
	}
	.single-member{
		height:515px;
		margin-bottom:30px
	}
	.efffect h3,.efffect h4{
		display:none
	}
	.mask a i{
		margin-top:28px
	}
    .navbar-brand img {
        width: 200px;
    }
    .footer-main-add h2 {
        font-size: 15px;
    }
    .footer-main-add p {
        font-size: 12px;
    }
    .footer-main-add img {
        height: 15px;
        width: 20px;
    }
    .single-preview .preview-nick {
        background-position: center;
    }
    #about-tube {
        margin-top: -320px;
    }
    #about-tube .tab-content-tube {
        padding-top: 50px;
    }
    #about-tube .tab-content-street {
        padding-top: 0px;
    }
    #about-case h2,
    #about-nick h2 {
        font-size: 28px;
    }
    .banner-text {
        font-size: 20px !important;
    }    
    .banner-title {
        font-size: 44px !important;
    }
    .banner-caption p {
        font-size: 18px !important;
    }
    .title-one{
		font-size:28px
	}
	.title-two{
		font-size:28px
	}
	.title-three{
		font-size:28px
	}
    #about-tube .product-row {
        text-align:left;
        width:50%;
        padding-left:15px;
        padding-top:7px;
        padding-bottom:7px;
    }
    #navigation .navbar-brand .QL-icon {
        display: none;
    }
    #navigation .navbar-brand .QL-icon-2 {
        display: block;
        width: 50px;
    }   
    .vertical-center {
        display: block !important;
    }
    .single-case-video {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .footer-hr:after {
        bottom: 315px;
    }
    #about-nick .vertical-center img {
        max-width: 400px;
    }
}
@media (max-width:767px){
	#navigation .navbar-nav.navbar-right{
		margin-top:0
	}
	.media,.media-body{
		overflow:inherit!important
	}
	#navigation .navbar-inverse .navbar-nav .active a,
	#navigation .navbar-inverse .navbar-nav .active a:focus,
	#navigation .navbar-nav.navbar-right li a:hover{
		border:none
	}
	.call-to-action p,.header-bottom #subscribe-form p{
		font-size:14px
	}.header-bottom #subscribe-form .mail-field{
		display:inline;
		float:none;
		margin-bottom:13px;
		margin-right:0;
		width:100%
	}
	#main-carousel .carousel-inner h2{
		border-bottom:0;font-size:30px
	}
	.slider-btn{
		font-size:16px;
		height:45px;
		line-height:45px;
		width:150px
	}
	.title-one{
		font-size:24px
	}
	.title-two{
		font-size:24px
	}
	.title-three{
		font-size:24px
	}    
	#about-us p{
		font-size:14px
	}.nav-tabs li{
		width:33%
	}
	.nav-tabs li a{
		text-align:center
	}
	.nav-tabs li a i{
		display:block
	}
	.about-us .tab-content .pull-left.media-object{
		background-color:#F6F6F6;
		display:block;float:inherit!important;margin-right:0;
		width:100%
	}
	#services h2{
		font-size:24px
	}
	.member-right{
		left:55%
	}
	.single-member{
		margin-bottom:25px;
		height:600px
	}
	#portfolio .portfolio-filter{
		padding:0
	}
	#portfolio .portfolio-filter li{
		margin-bottom:10px
	}
	.efffect h3{
		margin-top:18%
	}
	#clients-carousel .carousel-inner img{
		width:100%
	}
	.single-blog ul li{
		margin-bottom:10px
	}
	#gmap iframe{
		height:225px
	}
	.contact-address{
		padding-left:10px;
		padding-right:10px
	}
	.pattern{
		height:960px
	}
	#footer p,
    #footer a{
		font-size:12px
	}
    #about-case h2,
    #about-nick h2 {
        font-size: 24px;
    }
    .banner-text {
        font-size: 18px !important;
    }
    .banner-title {
        font-size: 40px !important;
    }
    .banner-caption p {
        font-size: 16px !important;
    }
    .footer-main-add h2 {
        font-size: 15px;
    }
    .footer-main-add p {
        font-size: 12px;
    }
    .footer-main-add img {
        height: 15px;
        width: 20px;
    }
    .footer-main-add,    
    .footer-main-comp {
        text-align: center;
    }
    .footer-hr:after {
        display: none;
    }
    .footer-main-logo img {
        width: 80%;
        max-width: 200px;
    }
    .single-preview .preview-nick {
        background-position: center;
    }
    .navbar-brand img {
        width: 250px;
    }
    #about-tube {
        margin-top: -410px;
    }
    #about-tube .tab-content-tube {
        padding-top: 30px;
    }
    #about-tube .tab-content-street {
        padding-top: 30px;
    }
    #about-tube .about-tube-nav li p {
        font-size: 14px;
    }
    #about-tube .about-tube-nav li {
        width:100%;
    }
    .about-street {
        margin-top: -550px !important;
    }
    #home .tube-header-img img {
        min-height: 400px;
    }
    #home .street-header-img img {
        min-height: 500px;
    }
    #about-tube .product-row {
        width:100%;
    }
    #about-tube .download img {
        width: 40px;
    }
    #about-tube .download a {
        display: inline-block;
    }
    #about-tube .about-street-nav li {
        width: 100%;
    }
    .single-busi .busi-logo-round {
        width: 200px;
        padding-bottom: 10px;
    }
    .single-busi .busi-logo-square {
        width: 200px;
        padding-bottom: 10px;
    }
    .about-tube,
    .about-down {
        padding-left: 0%;
        padding-right: 0%;
    }
    .single-preview .preview-nick h4 {
        padding-top: 180px;
    }
    .vertical-center {
        display: block !important;
    }
    .single-case-video {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .single-case-video iframe {
        width: 100%;
    }
    #about-nick img{
        max-width: 400px;
        align-content: center;
    }
    #product .our-products {
        padding-left:2%;
        padding-right:3%;
    }
}

@media (max-width:479px){
	body section{
		overflow:hidden
	}
	#navigation .navbar-nav.navbar-right li a{
		padding:5px 15px;
	}
	.media,.media-body{
		overflow:inherit!important
	}
	#navigation .navbar-inverse .navbar-nav .active a,
	#navigation .navbar-inverse .navbar-nav .active a:focus,
	#navigation .navbar-nav.navbar-right li a:hover{
		border:none
	}
	.call-to-action p,
	.header-bottom #subscribe-form p{
		font-size:14px
	}
	.header-bottom #subscribe-form .mail-field{
		display:inline;
		float:none;
		margin-bottom:13px;
		margin-right:0;
		width:100%
	}
	#main-carousel .carousel-inner h2{
		border-bottom:0;
		font-size:30px
	}
	.slider-btn{
		font-size:16px;
		height:45px;
		line-height:45px;
		width:150px
	}
    #about-nick .nick-img-discovery {
        display: none;
    }
    #about-nick .mobile-img {
        display:block;
    }
	.title-one{
		font-size:24px
	}
	#about-us p{
		font-size:14px
	}
	.nav-tabs li{
		width:33%
	}
	.nav-tabs li a{
		text-align:center
	}
	.nav-tabs li a i{
		display:block
	}
	.about-us .tab-content .pull-left.media-object{
		background-color:#F6F6F6;
		display:block;
		float:inherit!important;
		margin-right:0;
		width:100%
	}
	#services h2{
		font-size:24px
	}
	.member-right{
		left:55%
	}
	.single-member{
		margin-bottom:25px;
		height:450px
	}
	#portfolio .portfolio-filter li{
		margin-bottom:10px
	}
	.efffect h3{
		margin-top:8%
	}
	.single-blog ul li{
		margin-bottom:10px
	}
	#gmap iframe{
		height:225px
	}
	.contact-address{
		padding-left:10px;
		padding-right:10px
	}
	.pattern{
		height:960px
	}
    .banner-text {
        font-size: 20px !important;
    }
    .banner-title {
        font-size: 36px !important;
    }
    .banner-caption p {
        font-size: 16px !important;
    }
	#footer p,
    #footer a{
		font-size:12px
	}
    .footer-main-add,    
    .footer-main-comp {
        text-align: center;
    }
    .footer-main-logo img {
        width: 80%;
    }
    .navbar-brand img {
        width: 180px;
    }
    .about-tube,
    .about-down {
        padding-left: 0%;
        padding-right: 0%;
    }
    .single-preview .preview-nick h4 {
        padding-top: 180px;
    }
    .vertical-center {
        display: block !important;
    }
    .single-case-video {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .single-case-video iframe {
        width: 100%;
    }
    .footer-hr:after {
        display: none;
    }
    #about-tube .solar-subnav .nav-tabs li{
        width: 100%;
    }
    #about-tube #solar .tab-content {
        padding-top:50px;
    }
    #product .our-products {
        padding-left:4%;
        padding-right:5%;
    }
}
@media (max-width:350px){
     #product .our-products {
        padding-left:6%;
        padding-right:6%;
    }
}