/*
 *  =========================================
 *  ============ LARGE DESKTOP ==============
 *  =========================================
 *
 */

@media (min-width: 1225px){

	.backstretch img{
	    width: 100%!important;
	 }
}


@media (min-width: 940px){
	#parallax_1, #parallax_2, #parallax_3, #parallax_4, #parallax_5, #parallax_6{
		background-size: cover;
	}
}


/*
 *  =========================================
 *  ===== TABLET AND SMALL DESKTOP ==========
 *  =========================================
 *
 */


@media (min-width: 768px) and (max-width: 939px) {

	#home .wrapper,
	#main-nav .wrapper,
	#about .wrapper,
	#about .wrapper,
	#service .wrapper,
	#team .wrapper,
	#pricetable .wrapper, 
	#work .wrapper,
	.work-box,
	#news .wrapper,
	#contact .wrapper,
	#footer,
	.parallax-box .wrapper,
	#policy .wrapper,
	#soon,
	#error-404{
		padding-left: 20px;
		padding-right: 20px;
	}

	.dot-box{
		width: 95%;
	}

	.feature-list{
		text-align: center;
	}

	.feature-list li{
		float: none;
		display: inline-block;
		width: 48%;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}

	.feature-item{
		display: inline-block;
	}

	.parallax_box_2{
		text-align: center;
	}

	.parallax_box_2 li{
		display: inline-block;
		float: none;
		text-align: left;
		width: 250px;
		margin-right: 0;
		margin-bottom: 5px;
	}

	#parallax_2 .parallax_box_1{
		padding-top: 40px;
	}

	#parallax_2 .parallax_box_1 h2{
		margin-bottom: 10px;
	}


	.team-box .bx-wrapper .bx-viewport{
		width: 671px!important;
		padding: 50px 20px 0;
	}

	.team-box .bx-wrapper .bx-prev{
		left: 0;
		top: 10px;
	}

	.team-box .bx-wrapper .bx-next{
		right: 0;
		top: 10px;
	}

	.slider-bottom{
		top: 115px;
		left: 20px;
		width: 671px;
	}

	.tml-title span:after, .tml-title span:before{
		top: 10px;
	}

	.tml-title h4 span{
		padding-bottom: 2px;
	}

	.tab-content{
		width: 100%;
		margin-bottom: 30px;
		float: none;
		clear: both;
	}

	.tab-nav{
		width: 95%;
		float: none;
		clear: both;
		margin-left: 5%;
	}

	.tab-content{
		text-align: center;
	}

	#parallax_3 .parallax_box_1 h2 .text_1{
		font-size: 36px;
	}

	.sl-testimonial li{
		text-align: center;
	}

	.price-table{
		display: block;
		text-align: center;
	}

	.testimonial{
		display: inline-block;
	}

	.price-box-holder-1, .price-box-holder-3{
		margin: 0 40px 40px;
		width: 308px;
	}

	.price-box-holder-2{
		width: 316px;
		margin: 0 40px 40px;
	}

	.price-table-box{
		display: inline-block;
		border: 1px solid #ddd;
	}

	.price-table-box.exclusive{
		margin-top: 0;
	}

	.price-table-box.last{
		border: 1px solid #ddd;
	}

	ul.work-list li{
		width: auto;
	}

	.news-letter{
		font-size: 34px;
	}

	.news-list{
		text-align: center;
	}

	.news-list li{
		display: inline-block;
		max-width: 100%;
		margin-right: 0px;
	}

	.news-list li .news-article{
		display: inline-block;
		float: left;
		max-width: 300px;
		margin-right: 20px;
	}

	.news-list li .news-article:last-child{
		margin-right: 0;
	}

	.item-box h4{
		padding-top: 15%;
	}

	#parallax_6 .parallax_box_1{
		padding-top: 50px;
	}

	.input-box, .input-box-2{
		width: 90%;
		
	}

	.contact-frm-box input[type="text"]{
		padding-right: 4%;
		padding-left: 5%;
		margin-right: 0px;
		margin-left: 0px;
		float: left;
	}


	textarea{
		width: 90%;
		padding-right: 4%;
		padding-left: 5%;
		margin-right: 0px;
		margin-left: 0px;
	}

	.contact-frm-box input[type="submit"]{
		width: 100%;
	}
}


/* Landscape phone to portrait tablet */


/*
 *  ==================================
 *  ===== ALL MOBILE DEVICE ==========
 *  ==================================
 *
 */


@media (max-width: 767px) {

	body>div{
		max-width: 100%;
		margin: 0 auto;
	}

	#home .wrapper,
	#about .wrapper,
	#about .wrapper,
	#service .wrapper,
	#team .wrapper,
	#pricetable .wrapper, 
	#work .wrapper,
	.work-box,
	#news .wrapper,
	#contact .wrapper,
	.parallax-box .wrapper,
	#policy .wrapper,
	#soon,
	#error-404{
		padding-left: 20px;
		padding-right: 20px;
		max-width: 100%;
		margin: 0 auto;
	}


	#footer{
		padding-left: 20px;
		padding-right: 20px;
		max-width: 100%;
		margin: 0 auto;
	}

	progress[value]::-webkit-progress-bar 
	{
	    background-color: #eee;
	    border-radius: 2px;
	    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
	  
	    position: relative;
	}

	/* 
	 * Webkit browsers only - Progress bar value
	 * -----------------------------------------
	 */

	progress[value]::-webkit-progress-value 
	{
	    border-radius: 2px;
	    background-size: 35px 20px, 100% 100%, 100% 100%;
	  
	    position: relative;  

	    -webkit-animation: animate-stripes 5s linear infinite;
	            animation: animate-stripes 5s linear infinite;
	}


	.dot-box{
		width: 100%;
		left: 0;
	}
	
	body>div:last-child{
		max-width:100%;
	}

	.siteLogo{
		margin-left: 30px;
	}

	#main-nav{
		display:block;
		width:100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: auto;
	}

	#main-nav .wrapper{
		height: 60px;
	}

	.mini-navigation{
	  display: inline-block;
	  float: right;
	  margin-right: 30px;
	  margin-top: 15px;
	}

	.phone-nav{
		width: 100%;
		margin-top: 10px;
		border-radius: 0px;
	}

	.mini-navigation .btn{
	    background: #000;
	    color: #fff;
	    border-color: rgba(0, 0, 0, 0.1);
	  }


	.phone-menu{
		list-style: none;
		display: none;
		margin: 0;
	}


	.phone-menu li a{
		display: block;
		color: #fff;
		font-family: 'Proxima Nova Rg';
		font-size: 16px;
		line-height: 24px;
		padding: 5px 20px;
		border-bottom:2px solid rgba(0,0,0,.15);
		text-decoration: none;
	}

	.feature-list{
		text-align: center;
	}

	.feature-list li{
		display: inline-block;
		float: none;
		margin-right: 0;

	}

	.phone-menu li:first-child a{
		border-top:2px solid rgba(0,0,0,.15);
	}

	.phone-menu li a:hover{
		color: #DD4322;
	}

	.parallax_box_1 h2 .text_1{
		font-size: 32px;
		line-height: 44px;
	}

	#parallax_2 .parallax_box_1{
		padding-top: 40px;
	}

	#parallax_2 .parallax_box_1 h2{
		margin-bottom: 20px;
	}

	.parallax_box_2{
		text-align: center;
	}

	.parallax_box_2 li{
		display: inline-block;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.inner-box{
		text-align: left;
	}

	.team-box .bx-wrapper .bx-viewport{
		padding: 50px 0 0;
	}

	.team-box .bx-wrapper .bx-prev{
		left: 0;
		top: 10px;
	}

	.team-box .bx-wrapper .bx-next{
		right: 0;
		top: 10px;
	}

	.slider-bottom{
		top: 115px;
	}

	.tab-content{
		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 30px;
	}

	.tab-nav{
		width: 100%;
		float: none;
		clear: both;
	}

	.testimonial{
		width: 300px;
		display: inline-block;
	}

	.sl-testimonial li{
		text-align: center;
	}

	.tml-content{
		text-align: left;
	}

	.price-table{
		text-align: center;
	}

	.price-table-box{
		display: inline-block;
		float: none;
		margin-bottom: 30px;
		border: 1px solid #ddd;
	}

	.price-table-box.last{
		border: 1px solid #ddd;
	}

	.price-table-box.exclusive{
		margin-top: 0px;
	}

	.price-table-box.last{
		margin-bottom: 0px;
	}

	ul.work-list li{
		width: 50%;
	}

	.news-list{
		text-align: center;
	}

	.news-list li{
		width: 293px;
		margin-right: 5px;
	}

	.input-box, .input-box-2{
		width: 90%;
		
	}

	.contact-frm-box input[type="text"]{
		padding-right: 4%;
		padding-left: 5%;
		margin-right: 0px;
		margin-left: 0px;
		float: left;
	}


	textarea{
		width: 90%;
		padding-right: 4%;
		padding-left: 5%;
		margin-right: 0px;
		margin-left: 0px;
	}

	.contact-frm-box input[type="submit"]{
		width: 100%;
	}


}


/*
 *  ========================================
 *  ===== MOBILE DEVICE LANDSCAPE ONLY =====
 *  ========================================
 *
 */


@media (min-width: 481px) and (max-width: 767px) {

	.feature-list{
		font-size: 0;
	}

	.feature-list li{
		width: 50%;
		font-size: 14px;
	}

	.feature-item{
		display: inline-block;
	}

	.parallax_box_1 h3{
		font-size: 20px;
		margin-bottom: 30px;
	}

	.#parallax_2 .parallax_box_1 h2{
		margin-bottom: 10px;
	}

	#parallax_3 .parallax_box_1 h2 .text_1{
		font-size: 24px;
	}

	.process-list li{
		display: block;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.team-box .team-slider > li{
		height: 305px;

	}

	.team-box .bx-wrapper .bx-viewport{
		padding: 50px 0 0;
		width: 440px;
		margin: 0 auto;
		display: block;
		max-width: 440px!important;
		padding-left: 10px;
		padding-right: 10px;
	}

	.team-desc:after, .team-desc:before{
		left: 55px;
	}

	.team-desc{
		left: 0;
		padding-right: 10px;
		padding-left: 10px;
		width: 110px;
		bottom: -157px;
	}

	.slider-bottom{
		top: 115px;
		left: 20%;
		width: 55%;
	}

	.team-man-icon{
		text-align: center;
	}

	.team-man-icon li{
		float: none;
		display: inline-block;
	}

	.parallax_box_2{
		text-align: center;
		font-size: 0;
	}

	.parallax_box_2 li{
		width: 50%;
		font-size: 14px;
	}

	.tab-content{
		text-align: center;
	}

	.price-box-holder-1, .price-box-holder-2, .price-box-holder-3{
		margin-left: 30px;
		margin-right: 30px;
	}

	.news-letter{
		font-size: 30px;
		line-height: 38px;
		margin-bottom: 20px;
	}

	.view-images{
		margin-top: 28%;
	}

	.tml-title span:after, .tml-title span:before{
		top: 8px;
	}

	.testimonial-slider .bx-wrapper .bx-viewport{
		width: 400px!important;
		margin: 0 auto;
	}

	.subscription li{
		display: block;
		text-align: center;
	}

	.subscription input[type="text"]{
		margin-bottom: 30px;
		width: 90%;
		padding-left: 4%;
		padding-right: 5%;
		margin-right: 0;
		display: inline-block;
	}

	.subscription input[type="submit"]{
		width: 99%;
	}

	.item-box h4{
		padding-top: 9%;
	}

	.news-list{
		font-size: 0;
	}

	.news-list li{
		display: inline-block;
		width: 400px;
		font-size: 14px;
		max-width: 400px;
		margin-left: 0;
		margin-right: 0;
	}

	.news-letter-text{
		display: none;
	}

	#parallax_6 .parallax_box_1{
		padding-top: 70px;
	}

	#parallax_6 .parallax_box_1 h3{
		font-size: 20px;
		line-height: 30px;
	}
}


/*
 *  ==================================
 *  ===== MOBILE DEVICE PORTRAIT =====
 *  ==================================
 *
 */


@media (max-width: 480px) {

	body{
		background: #fff;
	}

	body>div{
		max-width: 100%;
		margin: 0 auto;
	}

	#home .wrapper,
	#about .wrapper,
	#about .wrapper,
	#service .wrapper,
	#team .wrapper,
	#pricetable .wrapper, 
	#work .wrapper,
	.work-box,
	#news .wrapper,
	#contact .wrapper,
	#footer,
	.parallax-box .wrapper{
		padding-left: 20px;
		padding-right: 20px;
		max-width: 100%;
		margin: 0 auto;
	}

	.dot-box{
		width: 100%;
		left: 0;
	}

	#footer{
		max-width: 100%;
		margin: 0 auto;
	}

	.slogan-inner h2{
		font-size: 34px;
		line-height: 40px;
		font-weight: normal;
	}


	.parallax_box_1{
		padding-top: 40px;
	}

	.parallax_box_1 h2 .text_1, .news-letter{
		font-size: 20px;
		line-height: 36px;
		font-weight: bold;
	}

	#parallax_4 .parallax_box_1{
		padding-top: 60px;
	}

	.parallax_box_1 h3{
		font-size: 16px;
		margin-bottom: 25px;
	}

	#parallax_2 .parallax_box_1 h2{
		margin-bottom: 5px;
	}

	.parallax_box_2{
		font-size: 0;
	}

	.parallax_box_2 li{
		font-size: 14px;
		width: auto;
	}

	.wc-text-box-1, .wc-text-box-2{
		font-size: 34px;
	}

	.filter{
		font-size: 0;
	}

	.filter li{
		font-size: 14px;
		margin-right: 0px;
		clear: both;
	}

	.subscribe-box{
		padding-top: 50px;
	}

	.news-letter{
		margin-bottom: 30px;
	}

	.news-letter-text{
		display: none;
	}

	.feature-list{
		text-align: center;
	}

	#parallax_4 .parallax_box_1, #parallax_6 .parallax_box_1{
		padding-top: 50px;
	}

	#parallax_4 .parallax_box_1 h3{
		margin-bottom: 0;
	}

	#parallax_6 .parallax_box_1 h3{
		font-size: 14px;
	}

	.feature-list li{
		float: none;
		display: inline-block;
		margin-left: 0;
		margin-right: 0;
	}

	.process-list{
		max-width: 100%;
		display: inline-block;
	}

	.process-list li{
		margin-right: 0px;
		max-width: 100%;
		display: block;
	}

	.process-desc{
		width: 189px;
	}

	.parallax_box_2{
		text-align: left;
	}

	.polygon{
		margin-right: 10px;
	}

	.team-box .team-slider > li{
		height: 305px;

	}

	.team-box .bx-wrapper .bx-viewport{
		padding: 50px 0 0;
		width: 290px;
		margin: 0 auto;
		display: block;
		max-width: 290px!important;
	}

	.team-box .bx-wrapper .bx-prev{
		left: 0;
		top: 10px;
	}

	.team-box .bx-wrapper .bx-next{
		right: 0;
		top: 10px;
	}


	.team-desc:after, .team-desc:before{
		left: 55px;
	}

	.team-desc{
		left: 0;
		padding-right: 10px;
		padding-left: 10px;
		width: 110px;
		bottom: -157px;
	}

	.slider-bottom{
		top: 115px;
		left: 20%;
		width: 55%;
	}

	.team-man-icon{
		text-align: center;
	}

	.team-man-icon li{
		float: none;
		display: inline-block;
	}

	.tabs .sr-icon{
		width: 42px;
	}

	.sr-icon span{
		font-size: 30px;
		line-height: 38px;
	}
	.sr-tab-text{
		width: 220px;
	}

	.testimonial-box{
		margin: 0 auto;
	}

	.testimonial{
		width: 280px;
		display: block;
	}

	.sl-testimonial li{
		text-align: left;
	}

	.tml-content{
		width: 250px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.tml-content:after, .tml-content:before{
		left: 122px;
	}

	.tml-content{
		width: 233px;
	}

	.tml-title h4 span{
		font-size: 16px;
		line-height: 26px;
	}

	.price-box-holder-1, .price-box-holder-2, .price-box-holder-3{
		display: block;
		width: 100%;
	}

	.price-table-box{
		clear: both;
		display: block;
		max-width: 100%;
		width: auto;
		border-right: 1px solid #ddd;
		margin-bottom: 30px;
	}

	.price-table-box.exclusive{
		clear: both;
		display: block;
		max-width: 100%;
		width: auto;
		margin-top: 0;
	}

	.e-marker{
		left: 45px;
	}

	.price-table-box.last{
		clear: both;
		display: block;
		max-width: 100%;
		width: auto;
		border-left: 1px solid #ddd;
		margin-bottom: 0px;
	}

	.filter li
	{
		display: block;
	}


	ul.work-list{
		width: 100%;
		text-align: center;
	}

	ul.work-list li{
		 clear: both;
	    display: inline-block;
	    margin: 0;
	    padding: 0;
	    width: 100%;
	}

	.item-box{
		max-width: 100%;
		float: none;
	}

	.news-list{
		display: block;
	}

	.subscription li{
		width: 100%;
	}

	.subscription input[type="text"]{
		width: 90%;
		padding-right: 4%;
		padding-left: 5%;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 30px;
	}

	.subscription input[type="submit"]{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.news-list li{
		max-width: 100%;
		width: 100%;
		margin-right: 0px;
	}

	.social-icon li a{
		font-size: 34px;
	}
	
	.para-icon{
		font-size:18px;
	}

	.testimonial-slider .bx-wrapper{
		margin: 0 auto;
		width: 265px!important;
	}

	.testimonial-slider .bx-wrapper .bx-prev{
		left: -80px;
	}

	.testimonial-slider .bx-wrapper .bx-next{
		right: -80px;
	}

}

@media (min-width: 401px) and (max-width: 480px) {

	.filter{
		text-align: center;
	}

	.filter li{
		display: inline-block;
		width: 400px;
	}

	ul.work-list li{
		width: 400px;
	}

	.item-box h4{
		margin-top: 3%;
	}

	.news-list li{
		width: 400px;
		max-width: 400px;
	}

	.view-images{
		margin-top: 110px;
	}

	.parallax_box_2 li{
		width: 100%;
	}

	.testimonial-slider .bx-wrapper .bx-prev{
		left: -28px;
	}


	.testimonial-slider .bx-wrapper .bx-next{
		right: -28px;
	}

}

@media (min-width: 451px) and (max-width: 480px) {
	.item-box h4{
		margin-top: 11%;
	}

	.testimonial-slider .bx-wrapper .bx-prev{
		left: -88px;
	}


	.testimonial-slider .bx-wrapper .bx-next{
		right: -88px;
	}
}

@media (min-width: 371px) and (max-width: 400px) {
	ul.work-list li{
		width: 320px;
	}

	.view-images{
		margin-top: 90px;
	}

	.testimonial-slider .bx-wrapper .bx-prev{
		left: -28px;
	}


	.testimonial-slider .bx-wrapper .bx-next{
		right: -28px;
	}
}

@media (max-width: 370px){
	ul.work-list li{
		width: 265px;
	}

	.view-images{
		margin-top: 75px;
	}

	.testimonial-slider .bx-wrapper .bx-prev{
		left: 0px;
	}


	.testimonial-slider .bx-wrapper .bx-next{
		right: 0;
	}
}
@media (max-width: 250px){
	.wrapper{
		overflow: hidden;
	}
}