/* Glox HTML Template */

@media only screen and (max-width: 1880px){
	
	
	
}

@media only screen and (max-width: 1700px){
	
	
	
}

@media only screen and (max-width: 1340px){

	.page-wrapper{
		overflow:hidden;	
	}
	
	.header-icon .button-box {
		display: none;
	}
	
}

@media only screen and (max-width: 1140px){
	
	.main-header{
		position:relative;
	}
	
	.main-header .main-menu{
		float:right;
		margin-left:0px;
	}
	
	.trend-section .content-column .inner-column{
		padding-top:50px;
		padding-left:60px;
	}
	
	.casestudy-section .owl-nav{
		left:20px;
		right:20px;
	}
	
	.fluid-section-one .right-column .inner-column{
		padding-left:15px;
	}
	
	.counter-block .inner-block{
		padding-left:0px;
	}
	
	.testimonial-section .title-column h2{
		font-size:38px;
		line-height:50px;
	}
	
	.main-header .main-menu .navigation > li{
		margin-right:15px;
	}
	
	.main-header .outer-box .nav-btn{
		margin-left:10px;
	}
	
	.main-header .outer-box .cart-btn{
		margin-left:10px;
	}
	
	.banner-section .image-column .image img{
		max-width:100%;
	}
	
	.banner-section .content-column .inner-column{
		padding-top:80px;
	}
	
	.banner-section h1{
		font-size:50px;
		line-height:60px;
	}
	
	.espertise-section .general-box{
		position:relative;
		top:0px;
	}
	
	.espertise-section .general-box{
		padding:30px 0px;
	}
	
	.espertise-section .title-box{
		padding-top:60px;
	}
	
	.service-block .inner-box{
		padding:50px 20px;
	}
	
	.sec-title h2{
		font-size:40px;
	}
	
	.professional-section .content-column .inner-column{
		padding-left:0px;
	}
	
	.mission-tabs .tab-btns .tab-btn{
		padding:38px 15px;
	}
	
	.fluid-section-two .content-column::before{
		height:100px;
	}
	
	.fluid-section-two .content-column .inner-column{
		padding-right:15px;
	}
	
	.mission-tabs h2{
		font-size:40px;
	}
	
	.main-header.header-style-two .nav-outer .mobile-nav-toggler{
		color:#111111;
	}
	
	.banner-section-two .general-box{
		padding:50px 30px 40px;
	}
	
	.professional-section:before{
		display:none;
	}
	
	.counter-section.style-two .counter-block .inner-block::before{
		right:0px;
	}
	
	.main-header.header-style-two .main-menu .navigation > li{
		margin-right:30px;
	}
	
}

@media only screen and (min-width: 768px){
	
	.main-header .main-menu .navigation > li > ul,
	.main-header .main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
	
}

@media only screen and (max-width: 870px){
	
	
	
}


@media only screen and (max-width: 976px){
	
	
	
}

@media only screen and (max-width: 1100px){
	
	.header_wrap .outer-box{
		display:none;
	}
	
	.main-header .header-lower .nav-outer{
		position:relative;
		float:right;
		padding-left:0px;
	}
	
}
	
@media only screen and (max-width: 1023px){
	
	.main-header .header-lower .logo-box{
		padding:12px 0px;
	}
	
	.main-header .main-menu .navigation > li{
		margin-left:0px;
		margin-right:25px;
	}
	
	.main-header .main-menu .navigation > li > a{
		font-size:16px;
	}
	

	
	.main-header .sticky-header .mobile-nav-toggler{
		display:block;
		color:#ffffff;
		padding:8px 0px 15px;
	}
	
	.main-header .nav-outer .mobile-nav-toggler{
		display:block;
	}
	
	.banner-section .content-column{
		margin-bottom:40px;
	}
	
	.fluid-section-one .outer-container{
		display:block !important;
	}
	
	.fluid-section-one .left-column{
		width:100%;
		float:left;
	}
	
	.fluid-section-one .right-column{
		width:100%;
	}
	
	.banner-section{
		padding-bottom:100px;
	}
	
	.trend-section .content-column .inner-column{
		padding:0px;
	}
	
	.trend-section .content-column{
		order:1;
	}
	
	.trend-section .video-column{
		order:2;
	}
	
	.trend-section{
		padding-top:100px;
	}
	
	.fluid-section-one .left-column .inner-column{
		max-width:100%;
	}
	
	.fluid-section-one .right-column .inner-column{
		padding:100px 15px 80px;
		max-width:100%;
	}
	
	.fluid-section-one .left-column .subscribe-form,
	.fluid-section-one .left-column .title-box{
		max-width:100%;
	}
	
	.counter-block .inner-block{
		padding-top:50px;
	}
	
	.testimonial-section .inner-container::before{
		display:none;
	}
	
	.testimonial-section .title-column .inner-column{
		padding:0px 20px 40px;
	}
	
	.testimonial-section .carousel-column .inner-column{
		padding:0px 20px 80px;
	}
	
	.main-header #navbarSupportedContent{
		display:block;
	}
	
	.main-header .mCSB_inside > .mCSB_container{
		margin-right:0px;
	}
	
	
	
	
	.professional-section .image-column .image{
		margin-bottom:40px;
	}
	
	.counter-section.style-two .counter-block{
		margin-bottom:30px;
	}
	
	.fluid-section-two .content-column{
		width:100%;
	}
	
	.fluid-section-two .image-column{
		position:relative;
		float:left;
		width:100%;
		background-image:none;
	}
	
	.fluid-section-two .image-column .image-box{
		display:block;
	}
	
	.mission-tabs .text{
		max-width:100%;
	}
	
	.testimonial-section-two .inner-container{
		padding:0px 20px 30px;
	}
	
	.newsletter-section h3{
		text-align:center;
		padding-top:0px;
		margin-bottom:25px;
	}
	
	.footer-style-two .footer-bottom{
		padding-top:0px;
	}
	
	.footer-style-two .footer-bottom .logo-box{
		position:relative;
		text-align:center;
		bottom:0px;
		left:auto;
		margin-bottom:20px;
		transform:translateX(0%);
	}
	
	.footer-style-two .upper-box{
		padding-bottom:20px;
	}
	
}

@media only screen and (max-width: 992px) {
	.testimonial-section-two .inner-container::before,
	.gl-header-section .main-menu{
		display:none;
	}
	.header_wrap {
		padding: 9px 0;
	}
	.header-style-seven .header_wrap {
		padding: 15px 0;
	}
	.gl-header-type-five .header_wrap {
		padding: 15px 0;
	}
	.header_wrap .logo {
		max-width: 120px;
	}
	.header_wrap .mobile_menu_button {
		top: -51px;
	}
}


@media only screen and (max-width: 767px){
	
	.main-header .nav-outer{
		width:100%;
		margin-top:-100px;
	}
	
	.main-header .nav-outer .mobile-nav-toggler{
		display: block;
	}
	
	.main-header .outer-box{
		position:relative;
		left:0px;
		margin-left:0px;
		padding:0px 0px;
	}
	
	.main-header .sticky-header .mobile-nav-toggler{
		display:block;
		padding:10px 0px;
	}
	
	.mobile-menu .search-box-btn,
	.main-menu{
		display:none;
	}
	
	.main-header .outer-box{
		float:left;
		padding:12px 0px;
	}
	
	.service-block .inner-box{
		text-align:center;
	}
	
	.trend-section .video-column .inner-column{
		margin-right:0px;
	}
	
	.counter-block .inner-block{
		text-align:center;
	}
	
	.testimonial-section .title-column h2{
		margin-bottom:30px;
	}
	
	.main-footer .footer-bottom .copyright{
		text-align:center;
		margin-bottom:15px;
	}
	
	.main-footer .footer-bottom .nav-column{
		text-align:center;
	}
	
	.banner-section-two .social-box{
		display:none;
	}
	
	.banner-section-two h1{
		font-size:44px;
		line-height:54px;
	}
	
	.banner-section-two .image-column .image img{
		max-width:100%;
	}
	
	.banner-section-two .general-box{
		text-align:center;
		padding-bottom:20px;
	}
	
	.banner-section-two .general-box .dots{
		width:100%;
		margin-right:0px;
	}
	
	.banner-section-two .general-box .info-box{
		margin-left:0px;
		width:100%;
		border:0px;
		padding:0px;
		margin-bottom:20px;
	}
	
	.banner-section-two .general-box i{
		width:100%;
		margin-right:0px;
		margin:20px 0px 15px;
	}
	
	.counter-section.style-two .counter-block .inner-block:before{
		display:none;
	}
	
	.newsletter-section .inner-container{
		padding-left:30px;
		padding-right:30px;
	}
	
	.footer-style-two .footer-bottom .copyright{
		text-align:center;
		margin-bottom:10px;
	}
	
	.footer-style-two .footer-bottom .page-nav{
		text-align:center;
	}
	
	.footer-style-two .social-box{
		text-align:center;
	}
	
	.footer-style-two .menu-nav{
		text-align:center;
		margin-bottom:25px;
	}
	
	.footer-style-two .menu-nav li{
		margin:0px 12px;
	}
	
	.banner-section-two .content-column .inner-column{
		padding-top:160px;
	}
	
	.banner-section-two .image-column .inner-column{
		padding-top:40px;
	}
	
	.mission-tabs .content{
		padding-right:0px;
	}
	
}

@media only screen and (max-width: 599px){
	
	.sec-title .text br,
	.main-slider h1 br{
		display:none;
	}
	
	.main-slider h1 span{
		display:inline-block;
	}
	
	.main-slider .text{
		font-size:var(--font-14);
		line-height:1.5em;
	}
	
	.sec-title h2 br,
	.main-slider .text br{
		display:none;
	}
	
	.banner-section h1 {
		font-size: 40px;
		line-height: 50px;
	}
	
	.espertise-section .general-box .info-box{
		margin-left:0px;
		margin-top:50px;
		display:block;
	}
	
	.espertise-section .general-box i{
		float:none;
	}
	
	.news-section .title-box h2,
	.professional-section .image-column h2,
	.fluid-section-one .left-column .title-box h2,
	.professional-section .content-column .title-box h2,
	.espertise-section .title-box h2{
		font-size:40px;
	}
	
	.espertise-section .title-box{
		padding-top:30px;
	}
	
	.news-section .title-box .text,
	.espertise-section .title-box .text{
		border:0px;
		padding:0px;
	}
	
	.banner-section-two .general-box{
		position:relative;
	}
	
	.mission-tabs .tab-btns .tab-btn{
		padding:38px 10px;
		font-size:18px;
	}
	
	.mission-tabs .tab-btns .tab-btn::after{
		display:none;
	}
	
}

@media only screen and (max-width: 479px) {
	
	h1{
		font-size:var(--font-22);
	}
	
	h2{
		line-height:1.3em;
		font-size:var(--font-26);
	}
	
	h3{
		font-size:var(--font-22);
	}
	
	h5{
		font-size:var(--font-18);
	}
	
	.main-slider .text{
		font-size:13px;
		line-height:1.5em;
	}
	
	.banner-section h1 {
		font-size: 32px;
		line-height: 40px;
	}
	
	.sec-title h2{
		font-size: 32px;
	}
	
	.testimonial-section .title-column h2{
		font-size: 30px;
		line-height:38px;
	}
	
	.mission-tabs h2,
	.news-section .title-box h2,
	.professional-section .image-column h2,
	.professional-section .content-column .title-box h2,
	.fluid-section-one .left-column .title-box h2,
	.espertise-section .title-box h2 {
		font-size: 34px;
	}
	
	.subscribe-form .form-group button{
		position:relative;
		right:0px;
		top:0px;
		width:100%;
		display:block;
		margin-top:15px;
	}
	
	.news-block .lower-content{
		padding:30px 20px;
	}
	
	.banner-section-two h1 {
		font-size: 32px;
		line-height: 44px;
	}

	.banner-section-two .buttons-box .theme-btn{
		width:70%;
	}
	
	.banner-section-two .play-box{
		width:100%;
		display:inline-block;
		margin-top:25px;
	}
	
	.banner-section-two .play-box .fa{
		margin-left:0px;
	}
	
	.mission-tabs .tab-btns .tab-btn{
		padding:38px 0px;
		font-size:16px;
	}
	
	.mission-tabs h2 br{
		display:none;
	}
	
	.professional-section .content-column .title-box .title,
	.mission-tabs .title{
		font-size:18px;
	}
	
	.subscribe-form-two .form-group button{
		position:relative;
		right:0px;
		top:0px;
		width:100%;
		margin-top:15px;
	}
	
}