@media screen and ( max-width: 1200px ) 
	{
		.main-meta{min-height:inherit;}
		.main-meta .logo {padding: 15px 0px 15px 0px;}
		.bnr-text h1{font-size:52px;}
		.bnr-text {display: block;padding: 100px 0px 98px 0px;}
		.bnr-pic img{max-width:400px;max-height:400px;right:0;}
		.what-we-do{margin-top:40px;}
		
		.what-we-do .item-box{padding-bottom:20px;}
		h3.faded{font-size:30px;}
		h2{font-size:36px;margin-top:-15px;z-index:2;position:relative;}
		.start-project .texting h2{font-size:24px;}
		.start-project .texting a{width:240px;font-size:18px;}
		
		.blog-item .texting p { line-height: 28px; font-size: 18px;}
		.blog-section {padding: 50px 0px 65px 0px;}
		.quick-contact{padding-top:70px;}
		.quick-contact h3{font-size:24px;}
		.contact-form .input-item{margin-top:40px;}
		.contact-form .input-item label{font-size:18px;}
		
		.ftr-blocks ul li a, .ftr-blocks p{font-size:15px;}
		.footer-top {display: block;padding: 50px 0px 30px 0px;}
		.contact-form {padding: 0px 0px;}
		
		.banner-block:before{bottom:0;}
		.blog-section .stMain ul.tabAnchor{width:160px;}
		
		.blog-texting h4:before {width: 100px;    left: -108px;}
		.sub-banner-block{padding:100px 0px;}
		
		.google-map #map {height: 360px;}
		.contact-content .msg-block {padding: 20px 0px;margin-top:-30px;}
		.contact-content .msg-block h4 {font-size: 18px;}
		.contact-content .bottom h4 {font-size: 18px;line-height: 30px;}
		.contact-content .bottom h4 span{font-size:20px;}
		
		.testimonail-content .testi-content{padding-left:40px;}
		.testimonail-content .testi-content h3{font-size:32px;}
		
		
		.sub-banner-block h1 {
			font-size: 52px;
			letter-spacing: 52px;
			padding-left: 50px;
			line-height: 58px;
		}
		.sub-banner-block h2 {
			font-size: 32px;
			letter-spacing: 15px;
			padding-left: 15px;
		}
		h2{font-size:32px;}
		.srv-intro{margin-top:-85px;}
		.what-we-do .srv-item{    padding: 50px 20px 40px 20px;}
		.what-we-do{margin-top:0;}
	}
	
	@media (max-width:1200px) and (min-width:991px) {
		
	}

	
		
	@media screen and ( max-width: 991px ) 
	
	{	
		.language{display:none;}
		a.menu-toggle{display:block;}
		.mobile-menu a.close-it{display:block;}
		.main-menu{display:none;}
		.mobile-menu .menu-list{display:block;}
		.bnr-text h1 {font-size: 42px;}
		.bnr-pic img {max-width: 380px;max-height: 380px;}
		h3.faded {font-size: 24px;}
		h2{font-size:32px;}
		
		.what-we-do .item-box.head h2:after {right: -24px;bottom: -11px;    font-size: 64px;}
		.what-we-do .item-box.head h2 {position: relative;margin-top: -14px; display: inline-block;}
		.what-we-do .item-box.head h5 {font-size: 14px; line-height: 24px;}
		
		.what-we-do .item-box{    padding: 20px 20px 20px 20px;}
		.what-we-do .item-box h4{font-size:18px;}
		.append-left-bg{display:none;}
		.about-us .texting{margin-left:-15px;    padding: 0px 15px;}
		
		.start-project .texting{padding-right:20px;}
		.start-project .texting a{position:inherit;margin:inherit;left:inherit;right:inherit;line-height:54px;height:auto;margin-top:12px;}
		.blog-item .blog-pic{height:220px;}
		.blog-item .texting p { line-height: 24px;  font-size: 16px;}
		
		.blog-section { padding: 50px 0px 50px 0px;}
		.sub-banner-block{padding:70px 0px;}
		.sub-banner-block h1{font-size:52px;line-height:52px;}
		.sub-banner-block h2{font-size:30px;line-height:30px;top:-25px;}
		.blog-texting h4{font-size:18px;}
		
		span.head{font-size:46px;letter-spacing:40px;}
		.contact-content .bottom h4 {font-size: 16px; line-height: 28px;}
		.contact-content .bottom h4 span{font-size:18px;}
		.contact-content .bottom h4 br{display:none;}
		
		.testimonail-content .testi-content {padding-left: 0px;}
		.testi-content-wrapper {display: block;padding: 40px 0px 30px 0px;}
		.testimonail-content .testi-content h3 {font-size: 28px;}
		
		h2.section-h2{
		font-size: 36px;
		line-height: 40px;
		letter-spacing: 20px;
		padding-left: 20px;
		}
		h3.section-h3{font-size:24px;}
		.what-we-do .srv-item .ic-pic{display:none;}
	}
	
	
	@media (max-width:991px) and (min-width:768px) {
		.blog-texting{padding-top:0px;}
	}
	
	@media screen and ( max-width: 767px ) 
	{	
		 /*=================================Tab accodian===============================================*/
		 .common-tabs ul.resp-tabs-list{display:none;}
		ul.resp-tabs-list{display:none}
		h2.resp-accordion{
			display:block;
			font-size:18px;
			color:#2d5067;
			font-family: 'open_sansbold';
			padding:10px 0px 10px 20px;
			background:#FFF;
			margin:0px 0px 2px 0px;
			border:none;
		}
		
		h2.resp-accordion:first-child{border:none;}
		.resp-arrow{display:none;}
		h2.resp-tab-active{background:#dbad41;border:none;color:#FFF;padding:10px 0px 10px 20px;}
		
		.what-we-do .item-box{margin:0;}
		
		h2{font-size:28px;}
		
		.bnr-text h1 {font-size: 32px;margin-top:0;}
		.bnr-pic{display:none;}
		.bnr-text { padding: 70px 0px 68px 0px;text-align:center;}
		.banner-block:before{display:none;}
		.about-us .texting{margin-left:0px;    padding: 0px 20px;}
		
		.start-project{text-align:center;}
		.start-project img,.start-project .texting a{display:inline-block;}
		.start-project .texting{display:block;padding:40px 0px 20px 0px;}
		
		.blog-item .blog-pic{height:180px;}
		
		.blog-section { padding: 40px 0px 30px 0px;}
		.contact-form .input-item { margin-top: 30px;}
		.ftr-blocks {display: block; padding: 10px 0px;}
		
		.footer-bottom{text-align:center;}
		.social-share{text-align:center;}
		.footer-menu{padding:10px 0px;}
		.social-share{padding:5px 0px;}
		.footer-menu ul li:first-child:before{display:none;}
		
		.contact-content .address{text-align:left;padding-top:20px;}
		.contact-content .msg-block h4 {font-size: 16px;}
		.google-map #map {height: 300px;}
		
		.testimonail-content.animate .testi-image,.testimonail-content.animate .testi-content{text-align:center;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);}
		.testimonail-content.animate .testi-content{padding-top:30px;}
		.testimonail-content.animate .testi-image img{display:inline-block;}
		.about-intro .intro-img{height:300px;}
		.team-mem{margin-left:0;margin-right:0;}
		
		.team-mem .tag h4{font-size:16px;}
		.team-mem .tag span{font-size:16px;}
		.team-mem .tag{width:200px;}
		
		.bnr-text .texting{padding-right:0;}
		.what-we-do .row{margin-top:40px;}
		h2{font-size:24px;}
		
		.sub-banner-block {padding: 50px 0px 40px 0px;}
		.sub-banner-block h1 {font-size: 36px; line-height: 36px;letter-spacing:20px;}
		.sub-banner-block h2 {font-size: 24px; line-height: 24px; top: -24px;}
		
		.testimonail-content .testi-image{-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);}
		
		.testimonail-content .testi-content{-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);}
		.testimonail-content .testi-image img,.about-intro .intro-img img{max-width:300px;}
		.testimonail-content .testi-content h3{font-size:24px;}
		
		.srv-intro{margin-top:30px;padding:40px 15px;}
		
		h2.section-h2 ,span.head {

 font-size: 30px;
			line-height: 32px;
			letter-spacing: 8px;
			padding-left: 8px;
		}
		h3.section-h3{font-size:20px;line-height:28px;position:relative;z-index:2;}
		
	}
		
		
	
	@media screen and ( max-width: 600px ) 
	{
		.blog-item .blog-pic{height:240px;}
		.blog-section .stMain ul.tabAnchor li{display:inline-block;margin:3px 0px;}
		
		.blog-section .stMain ul.tabAnchor{float:none;width:100%;}
		
		.blog-section .stContainer{margin-top:30px;}
		
		.bnr-text h1{font-size:28px;}
		.bnr-text a{font-size:14px;}
		
		.bnr-text {padding: 50px 0px 50px 0px;}
		.main-meta .logo img{max-height:40px;}
		a.menu-toggle{top:14px;}
		.what-we-do .row{margin-top:20px;}
		.start-project .texting h2{font-size:20px;}
		.quick-contact h3{font-size:20px;}
		
		.sub-banner-block h1 {font-size: 28px; line-height: 32px;letter-spacing:5px;padding-left:5px;}
		.sub-banner-block h2{letter-spacing:8px;font-size:20px;padding-left:5px;}
		
		
	}
	
	@media screen and ( max-width: 480px ) 
		
	{	
		.footer-top .col-xs-6{float:none;width:100%;}
		.testimonail-content .testi-content h3{font-size:20px;}
	}
	@media screen and ( max-width: 400px ) {
		.bnr-text h1{font-size:24px;}
	}