/*============================================================

 * Template Name: Wer corporate html template 
 * Author: TS-themes - (https://themeforest.net/user/ts-themes)
 * Version: 1.0
 * Copyright 2020 TS-themes

 ===============================================================*/
 
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.container{
		max-width: 1200px;
	}
}
@media (max-width: 1199px) { 
	.container{
		max-width: 100%;
	}
}
/*Large devices (desktops, 992px and up)*/
@media (max-width: 991px) {
	#menu {
		text-align: center;
		position: fixed;
		width: 100%;
		top: -100%;
		left: 0;
		background: #000;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		z-index: 1023;
		padding: 75px 0;
		visibility: hidden;
	}
	#menu.open {
		visibility: visible;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		top: 0;
	}
	#menu li{
		display: block;
		line-height: 45px;
	}
	#menu li:last-child a{
		padding-right: 15px;
	}
	#menu li a.active,
	#menu li a:hover{
	    background-position: center 35px;
	}
	.dropdown_menu{
		position: static;
		display: none;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		visibility: visible;
		opacity: 1;
		padding: 0;
	}
	.dropdown_menu ul li:last-child a{
		padding-bottom: 0 !important;
	}
	.nav-toggler{
		background-color: #0f44ef;
		display: inline-block;
		width: 45px;
		height: 45px;
		margin-top: 14px;
		line-height: 51px;
		text-indent: 13px;
		font-size: 20px;
		border-radius: 7px;
		overflow: hidden;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	.nav-toggler.on{
		text-indent: -44px;
	}
	.nav-toggler i{
		margin-left: 32px;
	}
	.nav-toggler i:first-child{
		margin-left: 0;
	}
	.home_wrapper .heading{
		font-size: 70px;
		line-height: 86px;
	}
	.banner_wrapper .title_1{
		font-size: 30px;
		line-height: 42px;
	}
	.grow_wrapper .title_1{
	    font-size: 35px;
	    line-height: 43px;
	    margin-top: -6px;
	    max-width: 450px;
	}
	.item img,
	.single_expert img{
		width: 100%;
	}
	.home_page_2 .home_wrapper h1 {
	    font-size: 62px;
	    line-height: 81px;
	}
	.category_area{
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	.feature_area{
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
	}
	.blog_right_side{
		margin-top: 40px;
	}
	.about_wrapper img{
		display: none;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767px) {
	.home_wrapper .heading{
		font-size: 53px;
		line-height: 69px;
		margin-top: -11px;
	}
	.section_padd{
		padding: 80px 0;
	}
	footer .section_padd {
	    padding: 80px 0 45px;
	}
	.banner_wrapper,
	.banner_button_wrapper{
		text-align: center;
	}
	.banner_button_wrapper{
		margin-top: 35px;
	}
	.footer_bottom,
	.footer_bottom .social_icons{
		text-align: center;
	}
	.footer_bottom .social_icons{
		margin-top: 20px;
		margin-bottom: -3px;
	}
	.grow_wrapper .title_1{
		max-width: 440px;
	}
	.ask_wrapper img,
	.grow_wrapper img{
		display: none;
	}
	.home_page_2 .home_wrapper h1 {
	    font-size: 47px;
	    line-height: 69px;
	    max-width: 600px;
	}
	.single_portfolio_wrapper .item{
		margin-bottom: 30px;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575px) {
	.home_wrapper .heading{
		font-size: 43px;
		line-height: 60px;
	}
	.home_page_2 .home_wrapper h1 {
	    font-size: 38px;
	    line-height: 55px;
	    max-width: 520px;
	    margin-top: -10px;
	}
	.home_page_2 .about_wrapper .title_1{
		font-size: 34px;
		line-height: 45px;
	}
	.project_filter_menu ul li {
	    font-size: 16px;
	    margin: 0px 14px;
	}
	.blog_details_wrapper .meta_wrapper{
		display: inline-block;
	}
	.blog_details_wrapper .date,
	.blog_details_wrapper .comment,
	.blog_details_wrapper .blue_bg{
		margin-top: 10px;
	}
	.comments_item.reply {
	    margin-left: 35px;
	}
}


@media (max-width: 460px) {
	.home_wrapper .heading{
		font-size: 37px;
		line-height: 53px;
		margin-top: -9px;
	}
	.title_1,
	.home_page_2 .about_wrapper .title_1,
	.home_page_2 .service_wrapper .title_1{
		font-size: 31px;
		margin-top: -11px;
	}
	.home_page_2 .project_filter_menu ul {
	    border-bottom: none;
	}
	.home_page_2 .project_filter_menu ul li{
	    display: block;
	    margin: 10px 0;
	    padding: 5px 0;
	}
	.home_page_2 .project_filter_menu ul li,
	.home_page_2 .project_filter_menu ul li.active {
	    margin-bottom: 0;
	}
	.home_page_2 .project_filter_menu ul li::before,
	.home_page_2 .project_filter_menu ul li.active::before{
		top: 27px;
	} 
	.home_page_2 .home_wrapper h1 {
	    font-size: 32px;
	    line-height: 46px;
	    max-width: 361px;
	    margin-top: -8px;
	}
	.comments_item.reply{
		margin-left: 0;
	}
}

@media (max-width: 390px) {
	.home_wrapper .heading{
		font-size: 30px;
		line-height: 40px;
		margin-top: -5px;
	}
	.home_btn_wrapper{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-line-pack: distribute;
		align-content: space-around;
	}
	.home_btn_wrapper a:first-child{
		margin: 0 auto 15px;
	}
	.first_home .home_btn_wrapper a:last-child{
		margin: 0 auto;
	}
	.landing_wrapper .second_home .button{
		margin-left: 0; 
	}
	.title_1,
	.banner_wrapper .title_1,
	.inner-page .service_wrapper .title_1,
	.home_page_2 .service_wrapper .title_1{
		font-size: 26px;
		line-height: 39px;
	}
	.title_1,
	.banner_wrapper .title_1{
		margin-top: -7px;
	}
	.inner-page .service_wrapper .title_1,
	.home_page_2 .service_wrapper .title_1{
		margin-bottom: -11px;
	}
	.grow_wrapper .technics{
	  	white-space: nowrap; 
	  	-o-text-overflow: ellipsis; 
	  	text-overflow: ellipsis;
	  	width: 100%;
	  	overflow: hidden; 
	}
	.home_page_2 .home_wrapper h1 {
	    font-size: 26px;
	    line-height: 40px;
	    max-width: 321px;
	    margin-top: -8px;
	}
	.service_wrapper .service_box_2 h4 {
	    font-size: 21px;
	    margin-bottom: 5px;
	}
	.inner-page .home_wrapper h1{
		font-size: 30px;
		margin-top: -5px;
	}
	.single_portfolio_wrapper ul li{
		font-size: 16px;
	}
	.single_portfolio_wrapper ul li span{
		font-size: 16px;
		min-width: 145px;
	}
	.comments_item{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.comments_item .comments_body {
	    width: 100%;
	}
	.comments_item .comments_body span,
	.comments_item .comments_body a{
		display: inline-block;
		margin-top: 20px;
	}
}

@media (max-width: 320px) {
	.home_wrapper .heading{
		font-size: 26px;
		line-height: 36px;
		margin-top: -6px;
	}

	.title_1,
	.grow_wrapper .title_1{
		font-size: 25px;
		line-height: 37px;
	}
	.banner_wrapper .title_1 {
	    font-size: 28px;
	    line-height: 36px;
	}
	.button{
		height: 50px;
	    line-height: 50px;
	    width: 150px;
	}
	.title_1, .home_page_2 .about_wrapper .title_1, 
	.home_page_2 .service_wrapper .title_1,
	.inner-page .service_wrapper .title_1 {
	    font-size: 25px;
	    line-height: 39px;
	}
	.service_wrapper .service_box_2 .service_icon i {
	    font-size: 35px;
	}
	.service_wrapper .service_box_2 h4 {
	    font-size: 20px;
	    margin-bottom: 5px;
	}
	.service_wrapper .title_1{
		font-size: 25px;
    	line-height: 37px;
	}
	
	.inner-page .home_wrapper h1{
		font-size: 27px;
		margin-top: -3px;
	}
	.single_portfolio_wrapper ul li span{
		display: block;
		margin-bottom: 15px;
	}

}

@media (max-height: 550px){
	.landing_wrapper{
		height: 625px;
	}
	.home_wrapper .container,
	.home_wrapper .row{
		height: 550px;
	}

}
@media (max-width: 991px) and (max-height: 550px){
	#menu{
		position: fixed;
		bottom:0;
		width: 100vw;
		height: 100vh;
		overflow-x: hidden;
		overflow-y: scroll;
	}
}