/* @media only screen and (max-width: 1199px) {
	#main-menu, #sidegalery{
	display: none;
	}
	header{
	position: relative;
	background: #313840 !important;
	}
	.detailcontent .heading{
	margin: 5px 0 30px;
	line-height: 1;
	}
	.detailcontent.text-right{
	text-align: center !important;
	}
	.d-none-mobile{
	display: none !important;
	}
	#showmobile{
	font-size: 1.1rem;
	display: block;
	color: #000;
	cursor: pointer;
	}
	.menu-right.centered {
	position: absolute;
	top: 25px;
	right: 0px;
	}
	.blogcolumn, .servcices{
		margin-top: 15px;
	}
	.subfooter{
		display: block;
	}
	.subfooter .terms{
		display: block;
		margin-top: 10px;
	}
	.menu-right .iconright li:last-child{
		padding-left: 20px;
	}
	.navbar-default-white.navbar-fixed-top div .p-3-vh{
		display: block !important;
	}
	.logo.centered{
		display: unset;
	}
	.white nav{
		float: unset;
		top: 0;
		margin-top: 15px;
	}
	.white nav ul li{
		display: block;
		width: 100%;
		margin-right: 0;
	}
	.white nav ul li a{
		padding: 20px 10px 20px 10px;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}
	.white nav ul li a.last{
		border-bottom: 0;
	}
	.white nav ul ul{
		position: relative;
		top: 0px;
	}
	.white nav ul ul li{
		width: 100%;
		box-shadow: none;
		border-bottom: 0;
	}
	.white nav ul ul li a{
		line-height: unset;
		padding: 20px 15px 0 10px;
		border-bottom: 0;
	}
	#sidegalery{
		display: none;
	}
} */
@media only screen and (max-width: 1024px) {
	/* .centered {
		text-align: center;
	} */
	.centered .detailcontent .icon{
		/* margin: 30px auto; */
	}
	.btn-content{
		margin: 30px auto;
	}
	.imgbg-col{
		position: relative;
		/* max-height: 250px; */
		overflow: hidden;
	}
	.slick .item .bg::before, .listteam .detail{
		opacity: 1;
	}
	.slickproject .item .icon{
		opacity: 1;
		bottom: 30px;
	}
	.slickproject .item .desc{
		bottom: 30px;
	}
	.detailcontent .textdetail{margin-bottom: 10px;}
	.detailcontent{padding: 40px 5% 0;}
	.detailcontent .btn-content{
		margin-bottom: 12px;
		float: left;
		margin-top: 0 !important;
	}
	.banner_info_about{padding-top: 50px;}
	.about_banner_opacity{height: 200px;}
	.banner_info_about ul li{margin-top: 3px;}
	.banner_info_about h1{font-size: 2.0em;}
	.mod-gray-content{padding-top: 30px;padding-bottom: 30px;}
	.content-max-gray h3{font-size: 22px;}
}
@media only screen and (max-width: 768px) {
	.header_top_area .contact_wrapper_top .header_top_contact li{
		padding: 8px 4px 8px 4px;
		font-size: 14px;
	}
	.link-widget li a::before{left: -10px;}
	.left-title{padding-left: 0;}
}
@media only screen and (min-width: 1024px) {
	.menu-right{display:none;}
}
@media (min-width: 1200px){
	.header_top_area.type-two .container-fluid {
		padding-left: 3.75rem;
		padding-right: 3.75rem;
	}
	.container{padding: 0;}
}
@media only screen and (max-width: 580px) {
	.topbar-icon ul {
		display: none;
	}
	.width-32{width:100%}
}
@media only screen and (max-width: 480px) {
	.gallery_sec .owl-carousel .owl-item .owl_slide_box img{height: 255px;}
	.content-associate-gray h3{font-size: 15px;}
	.associate-gray-bg{padding-top: 25px;padding-bottom: 25px;}
	.testimonial-content {min-height:800px;}
}
@media only screen and (max-width: 575px) {
	.ms-layer p{font-size: 11px;margin-bottom:0px;}
	.ms_box{max-width:170px;height:auto;padding:8px 10px;background:rgba(192, 160, 98, 0.71);border:none;}
	.ms-layer{left: 35px!important;}
	.imgbg-col{margin-top:12px;}
	.designkraftt-width{
		width: 360px;
		margin: 0 auto;
		float: none;
	}
	.div-place {
		justify-content: flex-start !important;
	}
	/* .card-height {min-height: auto;} */
	.text-area h1:before{left: -40px;width: 35px;}
	.ribbon-height,.ribbon-height-1 {min-height: auto;}
}
@media only screen and (max-width: 991px) {
	.btn_submit{font-size: 15px;}
	.careers-syle label{font-size:14px;}
	.careers-syle h2{font-size:16px;}
	.careers-syle h2:before{
		left: -28px;
		width: 25px;	
	}
	.careers-syle{padding: 14px 2rem 0;}
	/* .careers-syle::-moz-placeholder {
	  font-size: 10px;
	}
	.careers-syle:-ms-input-placeholder {
	  font-size: 10px;
	} */
	@-moz-document url-prefix() { 
	  .sticky.navbar-default-white .p-3-vh{padding-bottom: 1px;}
	}
	ul#filter-porto li{margin-bottom:2px;padding: 8px 6px;}
	ul#filter-porto li a{padding: 0;}
	.gallery-btm h3{font-size: 18px !important;line-height: 29px;}
	.logo img{margin: 9px 0;}
	.logo img.show{margin: -20px 12px;margin-bottom: 8px;}
	.navbar-default-white .p-3-vh{padding-left: 0%;padding-right: 0%;}
	/* .sticky.navbar-default-white .p-3-vh{padding-bottom: 22px;} */
	/* .sticky .logo img{margin-bottom: 12px;} */
	.fullwidthbanner-container{height: 260px !important;}
	.tp-bgimg{
		background-size: cover !important;
		background-position: center !important;
		background-repeat:no-repeat !important;
	}
	.kenburnimg{display:none;}
	#main-menu, #sidegalery{
	display: none;
	}
	#main-menu{
		overflow: hidden;
		z-index: 10000;
		width: 100%;
		position: absolute;
		display: none;
		background: rgb(255, 255, 255);
		box-shadow: 0 1px 15px 0 rgba(0,0,0,.04);
		padding-top: 0px;
		border-top: 1px solid lightgrey;
	}
	header{
	position: relative;
	background: #313840 !important;
	}
	.detailcontent .heading{
	margin: 12px 0 10px;
	}
	/* .detailcontent .heading{font-size: 26px;} */
	.detailcontent .subheading{font-size: 18px;line-height: 15px;}
	.textdetail p{margin-bottom: 5px;line-height: 28px;}
	.designkraft-div{margin-bottom: 20px;}
	.designkraft-bg{padding: 2px 0 5px;}
	.detailcontent.text-right{
	text-align: center !important;
	}
	.d-none-mobile{
	display: none !important;
	}
	#showmobile{
	font-size: 1.1rem;
	display: block;
	color: #000;
	cursor: pointer;
	}
	.menu-right.centered {
	position: absolute;
	top: 25px;
	right: 0px;
	}
	.blogcolumn, .servcices{
		margin-top: 15px;
	}
	.subfooter{
		display: block;
	}
	.subfooter .terms{
		display: block;
		margin-top: 10px;
	}
	/*main menu*/
	.menu-right .iconright li:last-child{
		padding-left: 20px;
	}
	.navbar-default-white.navbar-fixed-top div .p-3-vh{
		display: block !important;
	}
	.logo.centered{
		display: unset;padding-left: 2%;
	}
	.white nav{
		float: unset;
		top: 0;
	}
	.white nav ul li{
		display: block;
		width: 100%;
		margin-right: 0;
	}
	.white nav ul li a{
		padding: 10px 10px 10px 2%;
		border-bottom: 1px solid #f3f3f3;
	}
	/* .white nav ul li a.last{
		border-bottom: 0;
	} */
	.white nav ul ul{
		position: relative;
		top: 0px;
	}
	.white nav ul ul li{
		width: 100%;
		box-shadow: none;
		border-bottom: 0;
	}
	.white nav ul ul li a{
		line-height: unset;
		/* padding: 20px 15px 0 10px; */
		padding: 6px 15px 0 22px;
		border-bottom: 0;
		font-size: 13px;
		text-transform: uppercase;
	}
	.white nav ul{
		padding-left: 1%;
		padding-right: 1%; 
	}
	.white nav .nav-ul{
		height: 336px;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	.white nav ul ul li{background: #fff;border-bottom: 1px solid #f3f3f3;padding: 8px 0;}
	.white nav ul ul li a{color: #000;}
	#sidegalery{
		display: none;
	}
	.designkraftt-sec h4{padding-left: 70px;}
	.line-main{left: 2px;}
	.designkraftt-logo img{max-width: 250px;}
	.designkraftt-logo{text-align: center;}
	.white nav ul ul li a:hover {
		color: #363d46 !important;
		background:#fff;
	}
}

@media (min-width: 992px) and (max-width: 1250px) {
	.white nav ul li{margin-right: 8px;}
	.white nav a{padding: 25px 0px 30px;font-size: 14px;}
	.p-3-vh{
		padding-left: 2%;
		padding-right: 2%;
	}
}
@media only screen and (max-width: 1200px) {
	/* .tparrows.hidearrows{opacity:1;} */
	.gallery_sec h3{font-size: 20px;}
	#owl-logo .owl-nav .owl-prev{left: -20px;}
	#owl-logo .owl-nav .owl-next{right: -20px;}
	#owl-logo.owl-theme .owl-nav [class*="owl-"]{padding: 5px 10px;}
	#clients-logo .owl-nav .owl-prev{left: -20px;}
	#clients-logo .owl-nav .owl-next{right: -20px;}
	#clients-logo.owl-theme .owl-nav [class*="owl-"]{padding: 5px 10px;}
}
@media only screen and (max-width: 767px) {
	.card.card-just-text .content-services{padding: 100px 15px;}
	.careers-syle input::-webkit-input-placeholder {font-size: 13px;font-weight:600;}
	.careers-syle input::-moz-placeholder {font-size: 13px;font-weight:600;}
	.career-info{margin-top: 4px;}
	.careers-img img{margin-top: 8px;}	
	.text-place1, .text-place2 {
		text-align: center !important;
	}
	.designkraft-img img{height: 300px;}
	.about-title h2{line-height: 35px;font-size: 17px;}
	.about-img{margin-bottom: 12px;}
	.about-title{margin-bottom: 14px;}
	.designkraftt-20{margin-bottom: 14px;}
	.design-content img{margin-top: 4px;margin-bottom: 11px;}
	.designkraftt-banner .banner_info_about h1{font-size: 22px;}
	.designkraftt-banner .banner_info_about{padding-top: 35px;}
	.designkraftt-banner .banner_info_about ul li{font-size: 14px;}
	.designkraftt-banner .banner_info_about ul li a{font-size: 14px;}
	.text-side{margin-bottom: 20px;}
	.text-side .address .list{padding-bottom:0;padding-left: 30px;}
	.associate-div{margin-top: 24px;}
	.associate-mg{padding-bottom: 5px;}
	.testimonial-content{font-size: 15px;padding: 20px 10px;margin: 5px 3px;}
}
@media (min-width: 767px) and (max-width: 1200px) {	
	#owl-testimony .content-testy{min-height: 380px;}
}
@media (min-width: 600px) and (max-width: 765px) {	
	#owl-testimony .content-testy{min-height: 400px;}
}
@media (min-width: 576px) and (max-width: 767px) {
	/* .card-height {min-height: 340px;} */
	.ribbon-height {min-height: 580px;}
	.ribbon-height-1 {min-height: 250px;}
	.imgbg-col{max-height: 350px;margin-top: 12px;}
	.ms-layer p{font-size:12px;}
	.ms_box{max-width: 240px;padding: 10px 10px;height: 130px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	/* .card-height{min-height: 418px;} */
	.ribbon-height,.ribbon-height-1{min-height: 700px;}
	.content-max-gray-client h3{font-size: 20px;}
}
@media only screen and (max-width: 680px) {
	.design-content{padding: 10px 0px 10px;}
	.content-max-gray-client h3{font-size: 17px;line-height: 25px;}
}
@media (min-width: 340px) and (max-width: 767px) {
	.design-content img{max-width: 250px;}
}
@media (min-width: 768px) and (max-width: 1100px) {	
	.imgbg-col{height: 100%;}
}
@media (min-width: 768px) and (max-width: 991px) {	
	.ribbon-height{min-height: 470px;}
	.ribbon-height-1{min-height: 200px;}
	.careers-syle input::-webkit-input-placeholder {font-size: 13px;font-weight:600;}
	.careers-syle input::-moz-placeholder {font-size: 13px;font-weight:600;}
	.card .content-services h4{font-size: 17px;}
	.card.card-just-text .content-services{padding: 100px 15px;}
	.ms_box{max-width: 260px;padding: 10px 10px;height: 200px;}
}
@media (min-width: 581px) and (max-width: 991px) {	
	.gallery_sec .owl-carousel .owl-item .owl_slide_box img{height: 150px;}
}	
@media (min-width: 581px) and (max-width: 767px) {	
	.width-32{width: 48%;}
}
@media (min-width: 992px) and (max-width: 1023px) {
	  .white.menu-init{position: absolute;right: 30px}
	  .p-3-vh{padding-top: 12px;padding-bottom: 12px;}
	  .white nav a{padding: 15px 0px 30px;}
	  .white nav ul ul{top: 65px;}
}
@media only screen and (max-width: 567px) {
	.testimonial-holder h4{line-height: 30px;margin-bottom: 6px;}
}
@media only screen and (max-width: 325px) {
	.careers-syle h2:before{
		content:none;
	}
	.careers-syle{padding:14px 1rem 0 !important;}
}

@media only screen and (max-width: 1440px) {
	.tparrows.hidearrows{opacity:1;}
}
@media (min-width: 576px) and (max-width: 687px) {	
	.servcices .content .heading{font-size: 1.2rem;font-weight: 700;}
	.center-about{align-items: center;display: flex;}
}