@media (max-width: 1400px) {
	.main-nav.new-block {
	 	padding: 250px 0 0;
	 	width: 160px;
	}
	.block-stl1 {
		/*FS
		padding: 30px 0 0;*/
	    min-height: 400px;
	} 
	.block-stl1 h1 {
		font-size: 90px;
	}
	.ul-stl1 li a {
		font-size: 25px;
		padding: 0 25px 0 0;
		margin-right: 30px;
	}
	.top-side-block p {
		padding: 25px 48px 35px 0;
	}
	.top-side-block ul.list-unstyled {
		padding: 15px 20px 0 0;
	}
	.top-side-block ul.list-unstyled li a {
	    padding: 12px 8px;
	}
	.services {
		padding: 240px 0 30px;
	}
	.block-stl2 h2 {
	    font-size: 25px;
	    color: #fff;
	    margin-bottom: 10px;
	}
	.works {
		padding: 250px 0 40px;
	}
	.team-sec, .story  {
		padding: 230px 0 40px;
	}
	.block-stl7 .text-block h2 {
		font-size: 25px;
		margin-bottom: 15px;
		line-height: 35px;
	}
	.block-stl8 h2 {
		font-size: 25px;
	}
	.form-block .form-group .form-control {
		/*FS
		padding: 10px 20px;
		*/
	}
	.form-block .form-group {
		/*FS
		margin-bottom: 30px;
		*/
	}
	.form-block [type="radio"]:checked + label, .form-block [type="radio"]:not(:checked) + label {
		/*FS
		padding: 11px 20px 11px 40px;
		top: 14px;
		*/
	}
	.form-block [type="radio"]:checked + label:before, .form-block [type="radio"]:not(:checked) + label:before {
		width: 15px;
		height: 15px;
		left: 13px;
		top: 15px;
	}
	.form-block [type="radio"]:checked + label:after, .form-block [type="radio"]:not(:checked) + label:after {
		top: 19px;
		left: 17px;
	}
	.form-block .radio-block {
		margin-right: 20px;
	}
	.form-block .form-group textarea.form-control {
		min-width: 120px;
	}
	.contact-detail {
		padding: 230px 0 0 70px;
	}
	.for-nextsec {
		bottom: 80px;
	}
	.for-nextsec:hover {
	    bottom: 70px;
	}
	.main-nav .nav ul li a:before {
		right: -25px;
	}
	.main-nav .nav ul li a:after {
     	right: -20px;
	}
	.block-stl10 .txt-block {
		/*FS
		padding: 0 40px;
		*/
	}


}/*max-width: 1400px*/
	
@media (max-width: 1200px) {
	.banner {
		padding: 120px 0 0;
	}
	.block-stl1 {
		min-height: 350px;
	}
	.services {
		padding: 150px 0 30px;
	}
	.works {
		padding: 150px 0 40px;
	}
	.team-sec, .story {
		padding: 150px 0 40px;
	}
	.block-stl7 {
		/*FS
		padding: 0 0 50px;
		*/
	}
	.story .owl-nav {
		bottom: 51px;
	}
	.contact-sec {
		padding: 100px 0 40px;
	}
	.block-stl9 {
		margin-bottom: 50px;
	}
	.btn1 {
		min-width: 185px;
		padding: 15px 20px;
	}
	.main-header .new-block.top-nav {
		max-width: 118px;
	}
	.comments-block {
		padding: 60px 40px 0;
	}
}/*max-width: 1200px*/
@media (max-width: 1199px) {
	.play-intro-video a {
		min-width: 45px;
		margin-top: 10px;
	}
	.play-intro-video a i:before {
		line-height: 43px;
		font-size: 16px;
	}
	.block-stl2 {
		/*FS
		padding: 10px 20px 30px;
		*/
	}
	.block-stl1 {
		/*FS
		padding: 0 0 0;
		*/
	}
	.main-nav.new-block {
		width: 120px;
		padding: 200px 0 0;
	}
	.block-stl11 {
		width: 68%
	}
	.block-stl12 {
		width:32%;
		/*FS
		padding: 0 0 0 20px;
		*/
	}
	.block-stl12 .owl-dots {
		padding: 10px 0;
	}
	.block-stl6 .txt-block {
		padding: 100px 0 0 50px;
	}
	.top-nav .logo {
		min-width: 118px;
	}
	.services {
		padding: 120px 0 30px;
	}
	.team-sec, .story {
		padding: 120px 0 40px;
	}
	.block-stl7 .text-block {
		/*FS
		padding: 80px 30px 0 50px;
		*/
	}
	.r-team-block .owl-nav {
		left: 265px;
     	bottom: 25px;
	}
	.block-stl6 .img-holder {
		padding: 0 0 50px 75px;
	}
	.form-block [type="radio"]:checked + label, .form-block [type="radio"]:not(:checked) + label {
		min-width: 130px;
	}
	.form-block .radio-block {
	    margin-right: 24px;
	}
	.block-stl10 .txt-block {
		/*FS
		padding: 0 0;
		*/
	}
	.block-stl10 .img-holder {
		margin-bottom: 40px;
	}
	.block-stl10 .txt-block ul.list-unstyled {
		margin-bottom: 20px;
	}
	.block-stl10 h2 {
		margin-bottom: 10px;
	}
	.block-stl10 .txt-block p {
		margin-bottom: 15px;
	}
	.comments-block {
		padding: 30px 0 0;
	}


}

@media (min-width: 992px) {
  .nav-opener {
    display: none;
  }
}

@media (max-width: 991px) {
	.top-side-block p {
		padding: 10px 42px 15px 0;
		font-size: 20px;
	}
	.top-side-block ul.list-unstyled {
		padding: 0px 15px 0 0;
	}
	.top-side-block ul.list-unstyled li a i:before {
		font-size: 16px;
	}
	.block-stl1 h1 {
	    font-size: 50px;
	    margin-bottom: 15px;
	} 
	.ul-stl1 li a {
		font-size: 20px;
		padding: 0 10px 0 0;
		margin-right: 25px;
	}
	.block-stl1 {
		/*FS
		padding: 0 0 50px;
		*/
	    min-height: auto;
	}
	.block-stl12 .owl-dots li {
		margin: 20px 0;
	}
	.r-team-block .team_member .item {
		padding: 20px 0px 20px 0px;
	}
	.r-team-block .owl-nav {
		left: 160px;
	}
	.block-stl6 .img-holder {
		padding: 0 0 50px 0;
	}
	.r-team-block .owl-dots {
		-webkit-transform: rotate(0deg)translateX(0);
		-moz-transform: rotate(0deg)translateX(0);
		-ms-transform: rotate(0deg)translateX(0);
		-o-transform: rotate(0deg)translateX(0);
		transform: rotate(0deg)translateX(0);
		bottom: -15px;
	}
	.block-stl7 .text-block {
		/*FS
		padding: 5px 26px 0 30px;
		*/
	}
	.r-story-block .item {
		padding: 15px 15px 15px 15px;
	}
	.story .owl-dots {
     	left: 42px;
     	bottom: 40px;
 }
	.contact-detail {
		float: left;
		padding: 0px 0 0 0px;
	}
	.contact-detail .block-stl9 {
		width: 33.33%;
		display: inline-block;
		padding: 0 15px;
	}
	.main-nav.new-block {
		width: 100%;
		padding: 0 0 0 0;
		height: auto;
		border-style: none;
	}
	.nav-opener {
	    position: absolute;
	    top: 31px;
	    left: 100px;
	    z-index: 999;
	    font-size: 25px;
	    color: #fff;
	}
	.nav-opener i {
		color: #fff;
	}
	.main-nav .nav {
		position: fixed;
		border: none;
		z-index: 5;
		top: 0;
		width: 100%;
		padding: 200px 0 0 0;
		background: rgba(000,000,000,0.8);
		height: 100%;
		float: left;
		overflow: auto;
		opacity: 0;
		visibility: hidden;
		display:  none;
	}
	.main-nav .nav ul li {
		text-align: left;
	}
	.main-nav .nav ul li a:before,
	.main-nav .nav ul li a:after {
		display: none;
	}
	.main-nav .nav ul li a {
		text-align: center;
		font-size: 20px;
		visibility: hidden;
	}

	.main-nav.nav-active .nav ul li a {
		visibility: visible;
	}
	.top-nav .logo,
	.main-header .new-block.top-nav {
		min-width: 80px;
		max-width: 80px;
	}
	.main-header .new-block.top-nav {
		width: 80px;
	}
	.story-pg.main-header .new-block.top-nav {
		width: 100%;
	}

	.main-nav.nav-active .nav {
		opacity: 1;
		visibility: visible;
		display:  block;
	}
	.top-nav .logo a img {
		width: 60px;
	}
	.top-nav .logo {
		padding: 10px 0;
		position: relative;
	}
	.top-side-block {
		top: 18px;
	}
	.story .owl-nav {
		bottom: 20px;
	}
	.for-nextsec {
		display: none;
	}
	.contact-sec .for-nextsec,
	.about-work .for-nextsec {
		display: block;
	}
	.block-stl10 h2 {
		font-size: 25px;
	}
	.block-stl10 .txt-block p {
		line-height: 20px;
	}
	.b2h {
		right: -25px;
		bottom: -63px;
	}
	.story.about-work {
		padding: 100px 0 135px;
	}
	.main-header {
		position: fixed;
		top: 0;
		-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
		box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
	}
	.main-header .new-block.top-nav {
		position: relative;
	}
	.go-to-top {
		display: none;
	}

}/*max-width: 991px*/
@media (max-width: 768px) {
	section.new-block, div.new-block.works {
		min-height: auto;
	}
}
@media (max-width: 767px) {
  .block-stl11 {
  	width: 100%;
  }
  .block-stl12 {
	  width: 100%;
	  /*FS
	  padding: 20px 0 0;
	  */
  	text-align: center;
  }
  .block-stl12 .owl-dots li >div {
  	display: none;
  }
  .block-stl12 .owl-dots:before {
  	display: none;
  }
  .block-stl12 .owl-dots li {
	padding: 5px 10px;
	display: inline-block;
	margin: 0 auto;
  }
  .top-side-block ul.list-unstyled {
  	padding: 0px 0px 0 0;
  }
  .nav-opener {
  	left: 85px;
  }
  .play-intro-video .inner-block {
  	float: left;
  	padding: 8px 0 0 20px;
  }
  .banner {
  	padding: 100px 0 0;
  }
  .services {
  	padding: 100px 0 40px;
  }
  .works {
  	padding: 120px 0 40px;
  }
  .team-sec, 
  .story {
  	padding: 100px 0 40px;
  }
	.block-stl6 .txt-block {
		/*FS
		padding: 30px 0 0 30px;
		*/
	}
	.block-stl6 .txt-block h2 {
		font-size: 25px;
		margin-bottom: 10px;
	}
	.block-stl6 .txt-block p {
		line-height: 20px;
	}
	.r-team-block .social-nav {
		margin-top: 30px;
	}
	.r-team-block .owl-nav {
		left: unset;
		right: 0;
		bottom: -23px;
	}
	.block-stl6 .img-holder {
		padding: 0;
	}
	.block-stl7 .text-block p,
	.block-stl2 p {
		line-height: 20px;
	}
	.block-stl7 .text-block h2 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.story .owl-dots {
		bottom: 0;
	}
	.block-stl7 {
		/*FS
		padding: 0 0 0 0;
		*/
	}
	.story .owl-nav {
	    bottom: -20px;
	    right: 13px;
	} 
	.story .owl-dots {
	    bottom: -15px;
	}
	.r-team-block .owl-dots {
		left: 0;
	}
	.story .owl-dots {
		left: 15px;
	}
	.story .owl-dots .owl-dot,
	.r-team-block .owl-dots .owl-dot {
		margin: 0 10px 0 0;
	}
	.block-stl7 .text-block {
		padding: 15px 15px 15px 15px;
	}
	.story .row {
		margin-right: -15px;
	}
	.block-stl10 h2 {
		font-size: 20px;
	}
	.block-stl9 .social-nav li {
		margin-right: 10px;
	}
	.form-block .radio-block {
	    margin-right: 10px;
	}
	.office-location, .get-in-touch, .play-intro-video {
		margin-bottom: 40px;
	}




}/*max-width: 767px*/

@media (max-width: 575px) {
  .top-side-block p {
  	display: none;
  }
  .works {
  	padding: 120px 0 40px;
  }
  .team-sec, .story {
  	padding: 100px 0 50px;
  }
  .contact-sec {
  	padding: 100px 0 40px;
  }

}

@media (max-width: 640px) {
  .contact-detail .block-stl9 {
  	width: 100%;
  }
  .block-stl9 p {
  	max-width: 300px;
  }
  .block-stl1 h1 {
  	font-size: 30px;
  }
  .ul-stl1 li a {
  	font-size: 18px;
  	margin-right: 8px;
  }
  .ul-stl1 {
  	margin-bottom: 25px;
  }
  .btn1 {
    min-width: 160px;
    padding: 10px 20px;
  }
  .block-stl2 h2 {
  	font-size: 20px;
  }
  .block-stl7 .text-block {
  	width: 100%;
  }
  .block-stl7 .img-holder {
  	width: 100%;
  	padding: 0 0 0 0;
  }

}
@media (max-width: 480px) {
	.block-stl6 .img-holder {
		width: 100%;
	}
	.block-stl6 .txt-block {
		width: 100%;
		/*FS
		padding: 30px 0 30px;
		*/
	}
	.block-stl1 {
		/*FS
		padding: 0 0 40px;
		*/
	}
	.get-in-touch h2, .play-intro-video h2, .office-location h2 {
		margin-bottom: 10px;
	}
}