@media only screen and (min-width: 1700px) { 
	#home-carousel .item h2 {
    width: 100%;
    font-size: 80px;
	}
	
	
    
}


@media only screen and (max-width: 1450px) { 
	#home-carousel .item h2 {
    font-size: 60px;
	}
	
	
    
}




/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
    
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-top-cart ul li a { font-size: 10px }
	.shop-cart i { font-size: 14px }
    .mainmenu li a { padding: 30px 10px }
	.is-sticky .mainmenu li a { padding: 20px 10px }
	#home-carousel .item h2 { font-size: 46px }
	.section-title p { width: 80% }
	.video-area iframe {
	    height: 410px;
	    margin-bottom: 40px;
	}
	.skills-area { padding-bottom: 40px }
	.single-skill { margin-bottom: 40px }
	.count-area { padding-bottom: 50px }
	.counter { margin-bottom: 30px }	
	.team-area { padding-bottom: 50px }
	.single-team { margin-bottom: 30px }
	.pricing-area { padding-bottom: 50px }
	.single-pricing { margin-bottom: 30px }
	.single-blog { margin-bottom: 30px }
	.single-project-img { margin-bottom: 40px }
	.related-projects .single-work { margin-bottom: 20px }
	.footer-top-area { padding-bottom: 30px }
	.footer-widget { margin-bottom: 50px }
}


@media only screen and (min-width: 768px) {
	.navbar-right {
    margin-top: 6px;
	}
	.is-sticky .navbar-right {
    margin-top: 12px;
	}
	.navbar-default {
    padding: 5px 0;
	}
	
	
	
	
}


@media only screen and (min-width: 768px) and (max-device-width: 1024px) {		
	.navbar-toggle {
    display: block;
	}
	.hidden-xs {
    display: none!important;
	}
		
	.header-top-area {
    background: #fff none repeat scroll 0 0;
	}	

	.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	}	
		.navbar-collapse.collapse {
    display: none;
	}
	
	.navbar-collapse.collapse.in {
    display: block;
	}
	
	.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 26px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	}
	.navbar-default .navbar-toggle {
    border-color: #ddd;
	}
	.navbar-default .navbar-toggle {
    background: #fff none repeat scroll 0 0;
	}
	
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
	}
	.navbar-header {
    float: none;
	}
	.navbar-default {
    padding: 5px 0;
	}
	
	.navbar-brand img.logo1 {
    display: none;
	}
	.navbar-brand img.logo2 {
    display: block;
	}
	.navbar-nav {
    margin: 7.5px -15px;
	}
	.navbar-right {
    float: none!important;
    margin-right: 0	;
	}
	.navbar-nav>li {
    float: none;
	}
	.mainmenu li a, .is-sticky .mainmenu ul.nav.navbar-nav li a {
    color: #666 !important;
    font-size: 15px;
    padding: 15px;
	}
}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	.header-top-area { background: #fff none repeat scroll 0 0 }
	.navbar-default { padding: 5px 0 }
	.navbar-brand {
		padding: 15px;
		color: #333 !important;
	}
	
	.navbar-brand img.logo1{
		display: none;
	}
	.navbar-brand img.logo2{
		display: block;
	}
	
	
	.is-sticky .navbar-brand { padding: 15px }
	.mainmenu li a,
	.is-sticky .mainmenu ul.nav.navbar-nav li  a {
		color: #666 !important;
		font-size: 12px;
		padding: 15px;
	}
	#home-carousel .item p {
		font-size: 20px;
		letter-spacing: 5px;
		line-height: 29px;
	}
	#home-carousel .item h2 {
		font-size: 38px;
		margin-bottom: 20px;
		width: 100%;
	}
	#home-carousel .item .button {
		font-size: 15px;
		margin-top: 20px;
	}
	.section-title h2 { font-size: 26px }
	.section-title p {
		width: 100%;
		font-size: 13px;
	}
	.video-area iframe {
	    height: 195px;
	    margin-bottom: 30px;
	}
	.single-service { padding: 30px 25px; margin-bottom: 15px;  }
	.single-service i { font-size: 45px }
	.single-service p { margin-bottom: 15px }
	.skills-area { padding-bottom: 50px }
	.single-skill { margin-bottom: 30px }
	.work-title > h4 { margin-top: 40px }
	.count-area { padding-bottom: 60px }
	.counter { margin-bottom: 20px }
	.team-area { padding-bottom: 60px }
	.single-team { margin-bottom: 20px }
	.pricing-area { padding-bottom: 50px }
	.single-pricing { margin-bottom: 30px }
	.single-blog { margin-bottom: 20px }
	.single-product { margin-top: 20px }
	.breadcrumb-main { height: 250px }
	.breadcrumb-title { padding-top: 125px }
	.breadcrumb-title h2 { font-size: 28px }
	.single-project-img { margin-bottom: 40px }
	.related-projects .single-work { margin-bottom: 20px }
	.footer-top-area { padding-bottom: 30px }
	.footer-widget { margin-bottom: 50px }
	.copyright p { font-size: 12px }
	
	.about-text h3 {
    margin-top: 10px;
	}
	.single-blog img {
    margin: 0 auto;
	}
	.section-padding {
    padding: 40px 0;
	}
	
	.section-title {
    margin-bottom: 40px;
	}
	
	.footer-top-area{
	padding-bottom: 0;	
	}
	.footer-social-icon {
    margin-bottom: 20px;
	}
}




/* Wide Mobile Layout: 480px. */
@media only screen and (orientation:landscape)
	and (min-width: 560px) and (max-width: 736px) { 
    #home-carousel .item h2 {
    margin-top: 30px;
	}
	#home-carousel .item h2 {
    margin-bottom: 8px;
	}
	#home-carousel .item p {
    margin-bottom: 20px;
	}

		
	#home-carousel .item .button {
    font-size: 12px;
    margin-top: 0;
	}
}




@media only screen and (max-width: 543px) {
	.home-slide-area, .home-slide-area div {
    height: 650px;
	}
	.header-area {
    height: auto;
	}
	
	
	
	
	.service-area {
    padding-bottom: 20px;
	}
	.single-blog img {
    margin: 0 auto;
	}
	
	#blog .single-blog {
    min-height: inherit;
	}
	
	#blog .single-blog img {
    width: 100%;
	}
	.slide-bg1{
		background-position: 82% 0!important;
	}
	
	.slide-bg2{
		background-position: center!important;
	}
	
	.slide-bg3{
		background-position: 16% 0%!important;
	}

}


@media only screen and (max-width: 414px) {	
}

@media only screen and (max-width: 375px) {
	.home-slide-area, .home-slide-area div {
    height: 600px;
    background: no-repeat;
	}
	
	
	
	
}

@media only screen and (max-width: 360px) {
}

@media only screen and (max-width: 320px) {
	.home-slide-area, .home-slide-area div {
    height: 500px;
	}
	#home-carousel .item h2 {
    font-size: 31px;
	}
	#home-carousel .item p {
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 28px;
	}
}