/*

*/
@media (min-width: 992px) and (max-width: 1200px) {
	h1{
		font-size:60px;
	}
	h2{
		font-size:42px;
	}
	.column-title.column-title2 {
		font-size: 36px;
	}
/*-------------- header top ---------*/
	.xs-header-top .header-top-info ul li {
		padding-left: 22px;
	}
	.xs-header-top.header-top-border .header-top-info ul li {
		padding: 0 9px;
	}
	/*-------------- header middle ---------*/
	.xs-header-middle.header-middle-v4 .header-middle-info ul li {
		margin-left: 36px;
	}
	/*-------------- header nav ---------*/
	.xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menu > li {
		padding: 0 25px;
	}
	.xs-header-nav .header-nav .nav-menu > li > a{
		padding: 20px 20px;
	}
	/*------------ banner slider ------*/
	.xs-banner-sec.banner-slider .owl-nav > div.owl-prev {
		left: 0;
		right: auto;
	}
	.xs-banner-sec.banner-slider .owl-nav > div.owl-next {
		left: auto;
		right: 0;
	}
	.xs-banner-sec .banner-slider-item .banner-content h2{
		font-size: 50px;
	}

	/*------------------ single service inner v2------------*/
	.main-single-service-v2 .key-benifits-item .key-benifits-content {
		padding: 0 34px;
	}

	/*---------------- blog sec ----------*/
	.blog-content-item .single-blog-item .blog-date-info {
		right: 20px;
		bottom: 20px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.xs-mb-60 {
		margin-bottom: 40px;
	}
	.column-title{
		font-size: 36px;
	}
	h1{
		font-size:48px;
	}
	h2{
		font-size:36px;
	}
	.section-padding {
		padding: 80px 0;
	}
	.section-title-item .section-title {
		margin-bottom: 45px;
	}
	/*---------- header top -----*/
	.xs-header-top:before {
		width: calc(63% - 547px + 5em);
	}
	.xs-header-top .header-top-info ul li {
		padding-left: 15px;
	}
	.xs-header-top.header-top-border .header-top-info ul li {
		padding: 0 8px;
	}
	/*---------- header middle -------*/
	.xs-header-middle .header-middle-info ul li {
		margin-left: 25px;
	}
	.xs-header-middle.header-v2-top .header-middle-info ul li {
		margin-left: 7px;
		padding-left: 18px;
	}
	.xs-header-middle.header-v2-top .header-middle-info ul li i {
		display: none;
	}
	.xs-header-middle.header-v2-top .header-middle-info ul li:before,
	.xs-header-middle.header-middle-v4 .header-middle-info ul li i{
		display: none;
	}
	.xs-header-middle.header-middle-v4 .header-middle-info ul li:last-child {
		padding: 9px 23px 9px 19px;
	}
	.xs-header-middle.header-middle-v4 .header-middle-info ul li {
		padding-left: 6px;
	}
	/*------------- header nav -------*/
	.xs-header-nav .header-nav .header-nav-right-info,
	.xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menus-wrapper::before{
		display: none;
	}
	.xs-header-nav .header-nav .nav-menu > li > a {
		padding: 20px 18px;
	}
	.xs-header-nav.xs-heder-nav-v4 .header-nav .nav-menu > li {
		padding: 0 20px;
	}
	/*---------------------- banner ------------*/
	.xs-banner-sec .banner-slider-item .banner-content h2{
		font-size: 40px;
	}
	/*---------------- single service page -------*/
		.key-benifits-item .key-benifits-content{
				margin-bottom: 40px;
		}	

	.key-benifits-item .col-lg-6.col-md-5.xs-padding-0{
		align-self: center;
	}

	
/*-------------- faq ---------*/
	.client-logo-item.faq-item{
		margin-top: 40px;
	}

	/*-------------- pricing plan v4--------*/
	.pricing-plan-sec .pricing-plan-item-v4{
		margin: 0;
	}
	/*------------------- blog section -----------*/
	.blog-content-item{
		margin-bottom: 60px;
	}
	.blog-content-item .single-blog-item:last-of-type {
		border-bottom: none;
		padding-bottom: 0;
	}
	/*---------------- contact sec --------*/
	.xs-get-in-touch {
		padding: 70px 0 45px;
	}
	.xs-form-group,
	.contact-info-group{
		margin-bottom: 50px;
	}
	.xs-contact-infomation,
	.xs-contact-sec{
		margin-bottom: 70px;
	}
	/*---------- our project --------------*/
	.xs-popup-content .xs-popup-left-content{
		margin-bottom: 40px;
	}

}
@media only screen and (max-width: 767px) {
	.xs-mb-60 {
		margin-bottom: 40px;
	}
	.xs-single-title {
		font-size: 20px;
	}
	h1{
		font-size:36px;
		line-height: 44px;
	}
	h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.column-title{
		font-size: 30px;
	}
	.section-padding {
		padding: 70px 0;
	}
	.section-title-item .section-title,
	.recent-work-sec .section-title-item .section-title{
		margin-bottom:35px;
	}
	.section-title-item.section-title-v2-item .hidden-title {
		top: 21px;
		font-size: 56px;

	}
	
	.section-title-item.section-title-v2-item .section-title {
		margin-bottom: 50px;
		font-size: 30px;
	}
	.column-title.column-title2 {
		font-size: 30px;
	}
	.xs-header-top:before,
	.logo,
	.xs-header-nav .header-nav:before,
	.xs-header-nav .header-nav:after,
	.xs-header-nav .header-nav .header-nav-right-info,
	.xs-header-middle.header-v2-top .header-middle-info ul li:before,
	.section-title-item.section-title-v2-item .section-bar {
	
		display: none;
	}

	/*------- header top --*/
	.xs-header-top{
		padding:6px 0;
	}
	.xs-header-top .header-top-info ul li{
		line-height: 28px;
		text-align: center;
		display: block;
		padding: 0;
	}
	.xs-header-top .header-top-social ul{
		text-align: center;
		display: block;
	}
	.header-top-box .header-top-info{
		text-align: center;
	}
	.header-top-box .header-top-info ul li{
		display: inline-block;
	}
	.xs-header-top.header-top-border .header-top-info ul,
	.xs-header-top.header-top-border .header-top-social ul{
		display: block;
		border: none;
		border-right: none;
	}
	.xs-header-top.header-top-box .header-top-info ul li:last-child a{
		margin-right: 0;
		padding-right: 0;
	}
	
	.xs-header-top.header-top-box .header-top-search ul li:first-child{
		margin-left: 0;
		padding-left: 0;
	}
	.xs-header-top.header-top-box .header-top-search {
		text-align: center;
	}
	.xs-header-top.header-top-box .header-top-search ul li.search-item .header-search-field {
		
		margin-left: 0;
		top: 32px;
		box-shadow: 1px 1px 1px 1px #ddd;
	}
	/*------------ header middle ---------*/
	.xs-header-middle .header-middle-info ul li{
		margin-left:37px;
	}
	.header-v2-top .header-middle-info ul li p{
		margin-bottom: 15px
	}
	.xs-header-middle.header-v2-top .header-middle-info ul li:last-child {
		padding-left: 50px;
	}
	.xs-header-middle.header-middle-v4 .header-middle-info ul li i {
	
		left: -6px;
	}
	.xs-header-middle.header-middle-v4 .header-middle-info ul li:last-child {
		top: 0;
		margin-top: 15px;
		margin-left: 0;
	}
	/*-------- header nav ----*/
	.xs-header-nav .header-nav .mobile-logo{
		display: block;
		padding: 11px 15px;
	}
	.nav-toggle:before{
		background: #023e7d;
		box-shadow: 0 0.5em 0 0 #023e7d, 0 1em 0 0 #023e7d;
	}
	.navigation-portrait .nav-menus-wrapper{
		background: #282828;
	}
	.xs-header-nav .header-nav .nav-menu > li > a{
		border-left:none;
		border-right:none;
	}
	.navigation-portrait .nav-menu > li {
		border-top: solid 1px #100606;
	}
	/*----------- banner slider ----------*/
	.xs-banner-sec .banner-slider-item {
		height: 590px;
	}
	.xs-banner-sec .banner-slider-item .banner-content p,
	.xs-banner-sec .banner-slider-item.banner-item2 .banner-content p,
	.xs-banner-sec .banner-slider-item.banner-item3 .banner-content p{
		padding:0;
	}
	.xs-banner-sec.xs-banner-v2-sec .banner-slider-item .banner-content h2 {
		font-size: 34px;
		line-height: 42px;
	}
	.xs-banner-sec .banner-slider-item .banner-content h2{
		font-size: 36px;
		line-height: 42px;
	}
	/*----- promo section ---*/
	.promo-area-sec .promo-content-item {
		padding: 47px 20px 45px;
	}
	.promo-area-sec .promo-content-item .single-promo-content {
		margin-bottom: 44px;
	}

	/*---------------- single service v2 ------------*/
	.main-single-service-v2 .single-service-post-content i {
		height: 100px;
		width: 100px;
		font-size: 35px;
		padding: 34px 0;
		margin-top: -92px;
		margin-bottom: 30px;
	}
	/*------------- our project section ----*/
	.recent-work-sec.our-project-sec .our-project-item .grid-item{
		width: 100%;
	}
	/*-------- project popup----*/
	.xs-popup-img{
		margin: 15px 15px 0;
	}
	.xs-popup-left-content{
		margin-bottom: 40px;
	}
	.xs-popup-content .hidden-title{
		font-size: 30px;
	}
	.xs-popup-content h3{
		font-size: 24px;
	}
	/*-------------  faq section ----*/
	#accordion{
		margin-bottom: 60px;
	}
	/*-------------  breadcump----*/
	.banner-inner-sec {
		height: 305px;
	}
	.banner-inner-sec .banner-inner-content .banner-inner-title {
		font-size: 36px;

	}
	
	/*-------------  team----*/

	/*----------------------- blog section ---------*/
	.xs-blog-title{
		font-size: 20px;
	}
	.blog-content-item .single-blog-item .blog-date-info{
		bottom: 0;
		right: 0;
	}
	.blog-content-item .single-blog-item blockquote::before{
		position: relative;
		left: 0;
		top: 0;
	}
	.blog-content-item .single-blog-item blockquote {
		padding: 50px 28px 50px 28px;
	}
	.blog-content-item .single-blog-item:last-of-type {
		border-bottom: none;
		padding-bottom: 0;
	}
	.blog-content-item{
		margin-bottom: 40px;
	}
	.pagination li a {
		margin: 0 3px;
	}
	/*----------------------- single blog --------------*/
	.xs-single-pera-list{
		display: block;
		margin: 36px 0 25px;
	}
	.xs-single-pera-list img{
		margin-bottom: 30px;
	}

	/*---------------- contact sec --------*/
	.xs-get-in-touch {
		padding: 60px 0 36px;
	}
	.get-in-touch-cont h3 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.xs-form-group {
		padding: 32px 17px;
		margin-bottom: 40px;
	}

	.xs-contact-infomation,
	.xs-contact-sec,
	.xs-contact-infomation.xs-contact-info-1,
	.section.xs-contact-sec.xs-contact-v2-sec{
		margin-bottom: 60px;
	}
	.contact-info-group{
		margin-bottom: 40px;
	}
	.xs-contact-infomation.xs-contact-infomation-v2 [class*='col-']:last-of-type .contact-info-group{
		margin-bottom: 0;
	}

	/*----------- faq ---*/
	.faq-content .faq-content-item .faq-title {
		font-size: 30px;
		margin-bottom: 20px;
	}
/*----------------- 404 page -----------*/
.error-content{
	margin-bottom: 40px;
}
.error-content h2 {
    font-size: 90px;
    line-height: 79px;
}
/*--------- funfact -----------*/
.funfact-sec.funfact-v2-sec {
    padding: 61px 0 63px;
}
.funfact-sec .single-funfact{
	margin-bottom: 40px;
}
.funfact-sec [class*='col-']:last-of-type .single-funfact{
	margin-bottom: 0;
}
.funfact-sec.funfact-v2-sec .single-funfact{
	margin-top: 40px;
	}
}

@media only screen and (max-width: 575px) {
	/*---------- header middle -------*/
	.xs-header-middle .header-middle-info ul li {
		display: block;
		margin-left: 0;
		margin-bottom: 10px;
	}
	.xs-header-middle .header-middle-info{
		float: none !important;
	}
	.xs-header-middle .header-middle-info ul li:last-child{
		margin-bottom:0;
	}

	/*--------- bannner ----*/
	.xs-btn-wraper .xs-btn.fill,
	.xs-btn-wraper .xs-btn{
		display: block;
		max-width: 240px;
	}
	.banner-item1 .xs-btn-wraper .xs-btn.fill,
	.banner-item1 .xs-btn-wraper .xs-btn{
		margin: auto auto 15px;
		text-align: center ;
	}
	.banner-item2 .xs-btn-wraper .xs-btn.fill,
	.banner-item2 .xs-btn-wraper .xs-btn{
		margin:0 0 15px;
		text-align: center ;
	}
	.banner-item3 .xs-btn-wraper .xs-btn.fill,
	.banner-item3 .xs-btn-wraper .xs-btn{
		margin: 0 0 15px auto;
		text-align: center;
	}
	/*-------------------- single blog ------------*/
	.post-tag a{
		margin-bottom: 15px;
	}
	.social-share-list.float-right{
		text-align: left;
		float: left !important;
		margin-top: 15px;
	}
	.xs-comments-area .comments-list .comment .children {
		margin-left: 36px;
	}
}