@media (max-width: 1199px) {

.autumn-leaves {
		background: none;

}

	header {  /* Menu width here for mobile ipads*/
		width: 180px;  /*same as desktop css*/
		margin-left: -475px;
	}

	.inner-content {
		padding-left: 180px;  /*same as desktop css*/
		
	}

	.tab-box {
		padding: 25px;
	}


}

@media (max-width: 991px) {

h1 {
	font-size: 30px;
	line-height: 28px;
	margin-bottom: 10px;
}

h2 {
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 10px;
}
h3 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 8px;
}


	header {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		margin-left: 0;
		
		-moz-box-shadow: 4px 0 12px rgba(2, 2, 0, 0.8);
		box-shadow: 4px 0 12px rgba(2, 2, 0, 0.8);
	}
	
	.main-menu > li > a {
	 font-size: 18px;
	   		text-align: center;
	}
	

	.navbar-vertical {
		position: absolute;
		left: 0;
    	visibility: hidden\0/;
    	opacity: 0\0/;
    	width: 100%;
		top: 100%;
		transition: all 0.17s linear;
	    -moz-transition: all 0.17s linear;
	    -webkit-transition: all 0.17s linear;
	    -o-transition: all 0.17s linear;
	    -webkit-backface-visibility: hidden;
	    -moz-backface-visibility: hidden;
	    -o-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	    backface-visibility: hidden;
	    -webkit-transform-origin: 0 0;
	    -moz-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	    -o-transform-origin: 0 0;
	    transform-origin: 0 0;
	    -webkit-transform: rotateX(90deg);
	    -moz-transform: rotateX(90deg);
	    -ms-transform: rotateX(90deg);
	    -o-transform: rotateX(90deg);
	    transform: rotateX(90deg);
	    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	    -mos-transition: -mos-transform 0.4s, opacity 0.1s 0.3s;
	    -o-transition: -o-transform 0.4s, opacity 0.1s 0.3s;
	    max-height: 320px;
	    overflow-y: scroll; 
	   
	}

	.navbar-vertical.active {
    	visibility: visible\0/;
    	opacity: 1\0/;
		-webkit-transform: rotateX(0deg);
	      -moz-transform: rotateX(0deg);
	      -ms-transform: rotateX(0deg);
	      -o-transform: rotateX(0deg);
	      transform: rotateX(0deg);
	      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	      -moz-transition: -moz-transform 0.4s, opacity 0.1s;
	      -mos-transition: -mos-transform 0.4s, opacity 0.1s;
	      -o-transition: -o-transform 0.4s, opacity 0.1s;
	      transition: transform 0.4s, opacity 0.1s;
	}

	ul.drop-down {
		position: relative;
		text-align: center;
		top: 0;
		left: 0;
		width: 100%;
	    visibility: visible;
	    opacity: 1;
	    -webkit-transform: rotateY(0deg);
	      -moz-transform: rotateY(0deg);
	      -ms-transform: rotateY(0deg);
	      -o-transform: rotateY(0deg);
	      transform: rotateY(0deg);
	      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	      -moz-transition: -moz-transform 0.4s, opacity 0.1s;
	      -mos-transition: -mos-transform 0.4s, opacity 0.1s;
	      -o-transition: -o-transform 0.4s, opacity 0.1s;
	      transition: transform 0.4s, opacity 0.1s;
	}

	a.elemadded {
		display: block;
	}

	.inner-content {
		padding-left: 0px;
	}

	ul.contact-list li a i.fa-envelope {
		margin-right: 16px;
	}

}

@media (max-width: 768px) {

	.tparrows {
		display: none;
	}

	.top-line p {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}

	ul.social-icons {
		float: none;
		text-align: center;
	}

		.tab-content img {
		float: none;
		margin-bottom: 10px;
	}

	.tab-content .content-tab-elem {
		margin-left: 0px;
	}

	.slider-caption p.flex-caption {
		font-size: 30px;
	}

	.flex-direction-nav {
		display: none;
	}

	.flex-control-nav {
		bottom: 5px;
	}

	.page-banner h2 {
		float: none;
		text-align: center;
	}
	.tab-content img {
		max-width: 100%;
	}

	.caption img {
		display: none;
	}

	.caption img.iphone-image {
		display: block;
		margin-left: -80px;
	}
		

}

@media (max-width: 581px) {

	.top-bar {
		height: auto;
		text-align: center;
	}

	.top-bar .left-block {
		float: none;
		margin-bottom: 15px;
	}

	.top-bar .right-block {
		float: none;
	}
}


@media (max-width:500px) {


}


@media (max-width:414px) { /*iPhone 6 Plump portrait · width: 414px*/

}


@media (max-width:375px) { /*iPhone 6 portrait · width: 375px*/

}


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}