@media only screen and (min-width : 1920px) {
	body {
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		background-size: 100%;
		-ms-behavior: url(/backgroundsize.min.htc);
	}

}

/* Large Screens (Desktops) */

@media only screen and (max-width : 1430px) {
	.section {
		max-width: 1200px;
	}
	
}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}
		
	#header ul li {
		margin-left: 24px;
	}
	
	#header ul li ul {
		left: -20px;
	}

}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#header .section {
		position: relative;
		height: auto;
		padding-top: 10px;
		padding-bottom: 15px;
	}
	
	#header .logo {
		float: none;
		display: block;
		margin: 0 auto 20px;
		width: 190px;
	}
	
	#header .clientLogin {
		float: none;
		position: absolute;
		right: 15px;
		top: 0;
	}
	
	#header .phone {
		float: none;
		display: table;
		margin: 0 auto 10px;
	}
	
	#header .email {
		float: none;
		display: table;
		margin: 0 auto 20px;
	}
	
	#header ul {
		float: none;
		display: table;
		margin: 0 auto;
	}

	#slider .slides .owl-dots {
		bottom: 10px;
	}

	#slider .slides .owl-dots .owl-dot {
		width: 15px;
		height: 15px;
	}
	
	#intro .options li span {
		font-size: 25.33px;
	}
	
	#intro .options li .image {
		width: 125px;
		height: 125px;
	}
	
	#intro .features li {
		font-size: 30px;
	}
	
	#intro .title {
		font-size: 18px;
	}

}

/* Extra Small Screens (Mobiles) */
@media only screen and (max-width : 767px) {
	h1, h2, h3, h4, h5, h6 {
		text-align: center;
	}
		
	#header {
		border-width: 5px;
	}
	
	#menuBtn {
		display: block;
	}
	
	#header #navigation {
		display: none;
	}
	
	#header .section {
		padding-bottom: 30px;
	}
	
	#header .logo {
		width: 165px;
	}
	
	#header .clientLogin {
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		margin: 0;
	}
	
	#header .clientLogin .menu {
		display: block;
		margin: 0;
		padding: 9px 10px;
		color: #fff;
		text-align: center;
		background: #96bc5c;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 1px;
	}
	
	#header .clientLogin .form {
		right: 50%;
		margin-right: -129px;
		margin-top: 5px;
	}
	
	#header .phone,
	#header .email {
		font-size: 15.50px;
	}
	
	#slider {
		border-width: 5px;
	}
	
	#slider .slides .owl-dots {
		bottom: 5px;
	}
	
	#slider .slides .owl-dots .owl-dot {
		width: 10px;
		height: 10px;
	}
	
	#content .section {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#intro .title {
		margin-bottom: 10px;
	}

	#intro .options {
		max-width: 450px;
		margin: 0 auto 30px;
	}
	
	#intro .options li {
		width: 50%;
		margin-top: 20px;
	}

	.siteListing li {
		width: 50%;
	}
	
	#contactUs .fform {
		width: auto;
	}
	
	#contactUs .fform .fform-left {
		width: auto;
		display: block;
		margin-right: 0;
	}
	
	#contactUs .fform .fbtn {
		font-size: 21px;
	}
		
	#contactUs .contact {
		font-size: 14px;
	}
	
	#contactUs .contact li {
		display: block;
		padding: 0;
	}
	
	#contactUs address {
		font-size: 14px;
	}

}

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

}

@media only screen and (max-width : 478px) { 
	#intro .options li {
		display: block;
		width: 100%;
		margin-right: 0;
	}
	
	.siteListing li {
		width: 100%;
		margin-bottom: 10px;
	}
	
	#portfolio {
		border-width: 8px;
	}
	
	#contactUs {
		border-width: 8px;
	}
	
	#contactUs .contact li {
		display: block;
		margin-right: 0;
	}
	
	#portfolio .section {
		padding-bottom: 25px;
	}
}




@media only screen and (max-width:1400px)  
{
.wrapper { width:98%}
.nav li { margin-left:16px; font-size:14px;}
ul.menu ul li a { font-size:12px;}
.welcome h1 { font-size:25px;}
.welcome h3 { font-size:19px;}
.services li { padding-left:12px; padding-right:12px;}
.services li h4 { font-size:18px;}
.pbox { width:23.5%; margin-right:2%;}
.features li { float:left;margin-right:1%; width:10.2%}
.video { width:36%; height:312px; overflow:hidden}
.testimonials { width:62%}
.pbox-text { padding:10%;}

.videoWrapper { padding-bottom:63.35%}
.plans1 { width:15.83%; margin-right:1%}

.packages-left { width:49%}

/*Portfolio CSS Stats here*/
.port-nav li { padding:11px 14px}
.portfolio-gallery .pbox { width:32%; margin-right:2%}

/*Portfolio Details CSS Stats here*/
.port-left, .port-right { width:49%}
.port-right h2 { padding-bottom:16px;}
.ptext-new { margin-top:18px;}
.port-small li { width:23.5%; margin-right:2%}
}

@media only screen and (max-width:1350px)  
{.videoWrapper { padding-bottom:70.35%} 
}

@media only screen and (max-width:1200px)  
{ 
.pbox-text { padding:10%;}
.features { display:none}.features1 { display:block}

.video { width:540px; float:none; margin:auto; margin-top:25px; height:auto}
.testimonials { width:100%}
.testimonials2 { width:815px; margin:auto; padding-left:15px; padding-right:15px;} 
.foot1 h2 { font-size:22px;}  

.videoWrapper { padding-bottom:50.35%}

.phead h3 { font-size:12px;}
.phead { padding:0 10px}
.plans-text { font-size:30px;}
.plans-text span { font-size:15px; left:-5px;}
.inner-banner h1 { font-size:18px;}
.text1 { font-size:14px;}
.package li { font-size:15px;}
.heading-h3 { font-size:18px;}

.packages .phead h3 { font-size:22px;}
.plans-text1 { font-size:60px;}
.plans-text1 span { font-size:25px;}
.plans-text1 sup { font-size:25px;}
.plans-text2 { font-size:15px; padding:10px 0}
/*Portfolio CSS Stats here*/
.port-nav li { font-size:13px;}
.port-nav li { padding:8px; margin-right:6px;}
.portfolio-gallery .pbox {    margin-left: 1% !important;    margin-right: 1% !important;    width: 31.3% !important;}
.portfolio-gallery .pbox-text { padding:40px 10px}

/*Portfolio Details CSS Stats here*/
.portfolio-heading h2 { font-size:22px;}
.portfolio-heading h3 { font-size:16px;}
.portfolio-details { margin-top:30px;}
.port-left { max-width:550px; float:none; margin:auto; width:auto}
.port-right { width:100%; margin-top:30px;}
.port-right h2 { font-size:18px;}
.ptext-new p { font-size:14px;}
}

@media only screen and (max-width:1050px)  
{ 
.pbox { width:31.3%; margin-right:1% !important; margin-left:1% !important}
}

@media only screen and (max-width:980px)  
{ 
.nav { display:none}
.navigation > a {display:block; top:74px;}
.logo { text-align:center; float:none}
.services li { width:50%; padding-left:32px; padding-right:32px}
.welcome h1, .welcome h2 { font-size:22px}
.welcome h3 { font-size:17px;}
.testimonials2 { width:100%}
.pbox-text2 { font-size:13px;}
.testimonials .heading-h2 { font-size:20px;}
.testi2-text { font-size:13px; line-height:18px;}
.foot1 h2 { font-size:20px;}
.address { font-size:16px; line-height:28px;}
.finput1 { font-size:13px;}
.fbtn { font-size:17px; width:310px;}
.quick-links { font-size:12px; line-height:18px;}
.quick-links a { padding:0 4px}
.copyright { font-size:12px; line-height:18px; padding-top:10px;}
.foot2 { padding-top:16px; padding-bottom:16px; height:auto} 
.testimonials2 { width:761px; margin:auto}
 .testi2-text:before { -ms-transform: scale(0.8); /* IE 9 */    -webkit-transform:scale(0.8); /* Chrome, Safari, Opera */    transform: scale(0.6); }
.testi2-text:after { -ms-transform: scale(0.8); /* IE 9 */    -webkit-transform:scale(0.8); /* Chrome, Safari, Opera */    transform: scale(0.6); }

.navigation > a { top:2px}
.top1-left { margin-left:28px;}
.top1-left { float:right}

.plans-details { padding-top:5px;}
.plans1 {    width: 31.32%;    margin-right: 1%;    margin-left: 1%;; margin-top:15px;}
.plans-text { font-size:28px;}
.plans-text span { font-size:13px;}
.inner-banner h1 { font-size:16px; padding-top:18px;}
.inner-banner { height:56px;}
.text1 { font-size:13px;}
.package li { font-size:14px;}
.darkHeader .logo { width:70px; margin:auto; margin-top:10px;}
.package .heading-h3 { font-size:16px;} 
.darkHeader .navigation > a { top:15px}
.top1-right { display:none}
.header .clientLogin {
	display: none;
}

.logo img { max-width:100%; height:auto}

.packages .phead h3 { font-size:18px;}
.plans-text1 { font-size:55px;}
.plans-text1 span { font-size:22px;}
.plans-text1 sup { font-size:22px;}
.plans-text2 { font-size:13px; padding:8px 0}
.plans-text1 { height:112px;}
/*Portfolio CSS Stats here*/
.portfolio-gallery .pbox {    margin-left: 1% !important;    margin-right: 1% !important;    width: 48% !important;}
.portfolio-gallery .pbox-text { padding:40px 10px}
.port-nav h3 { display:block; margin-bottom:0; margin-top: 0;}
.port-nav h3 ~ ul{ display:none }
.port-nav li { width:100%; margin:0; moz-border-radius:0px !important ; /* FF1+ (FF4-) */
	-webkit-border-radius:0px !important ; /* Saf3-4, iOS 1+, Android 1.5+ */	-opera-border-radius:0px !important ; /* Opera 11- */	border-radius:0px !important ; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */ text-align:left }
	.portfolio-gallery { margin-top:20px;}

/*Portfolio Details CSS Stats here*/	
.portfolio-heading h2 { font-size:20px;}
.portfolio-heading h3 { font-size:15px;} 
}

@media only screen and (max-width:770px)  
{ 
.banner-desktop { display:none}
.banner-mobile { display:block}
.pbox { width:42%;margin-right:4% !important; margin-left:4% !important}

}

@media only screen and (max-width:760px)  
{ 
.top1-left { font-size:12px; margin-top:10px;}
.top1-right { font-size:12px; margin-top:8px;}
.top1-left strong { font-size:15px;}
.welcome h1, .welcome h2 { font-size:20px; padding-top:20px !important;}
.welcome h3 { font-size:15px;}
.services li { padding-left:15px; padding-right:15px; padding-bottom:23px;}
.services li h4 { font-size:15px;}
.services .stext { font-size:13px; line-height:18px;}.read-more { font-size:12px; margin-top:9px;}
.pbox { width:48%; margin-left:1% !important; margin-right:1% !important}
.pbox-text { padding:12%;}
.pbox-text2 { font-size:12px;}
.browse { width:270px; font-size:14px;}
 .testi1 { float:none; margin:auto}
 .testimonials .heading-h2 { font-size:17px;}
 .testi1 { padding-top:22px;}
 .testi1 h4 { font-size:15px;}
 .testi1 h5 { font-size:12px;}
 .testimonials { height:auto}
 .testi2-text:before { -ms-transform: scale(0.8); /* IE 9 */    -webkit-transform:scale(0.8); /* Chrome, Safari, Opera */    transform: scale(0.6); }
.testi2-text:after { -ms-transform: scale(0.8); /* IE 9 */    -webkit-transform:scale(0.8); /* Chrome, Safari, Opera */    transform: scale(0.6); }
.testi2-text { padding:43px 40px 0px}
.testimonials2 { padding-bottom:20px;}
.foot1 h2 { font-size:17px;}
.address { font-size:13px;}
.fform { width:100%}
.fform .fform-left { width:100%; margin-bottom:12px;}
.fbtn { font-size:15px; width:300px;}
.quick-links { font-size:11px;}
.copyright { font-size:11px;}
.video { width:100%; text-align:center}
.testimonials2 { width:100%}
.testi2 { width:100%}
.testi2-text { padding-top:26px;}
.testi2-text:before { top:2px;}
.inner-banner h1 { font-size:15px;}
.inner-banner { height:55px;}
.text1 { line-height:18px;}

.package li:before { display:none}
.package li {    font-size: 13px;    height: auto;    padding-bottom: 10px;    padding-top: 10px;    padding-left: 15px;    padding-right: 15px;}
.package .heading-h3 { font-size:15px;}
.plans-details { padding-bottom:19px;}
.navigation > a { top:2px}
.pbox { margin-bottom:11px;}

.packages .phead h3 { font-size:16px;}
.plans-text1 { font-size:50px;}
.plans-text1 span { font-size:20px;}
.plans-text1 sup { font-size:20px;}
.plans-text2 { font-size:12px; padding:6px 0; line-height:20px;}
.plans-text2 br { display:none}
.plans-text1 { height:105px;}
.packages .more-detail { width:90%; }

/*Portfolio CSS Stats here*/
.portfolio-gallery .pbox-text { padding:10px;}
.portfolio-gallery .pbox-text1 h3 { font-size:17px;}
.portfolio-gallery .pbox-text2 { font-size:13px;}
.view-all { font-size:20px; width:170px; height:46px;}
.portfolio-gallery .pbox { margin-bottom:20px;}

/*Portfolio Details CSS Stats here*/
.portfolio-heading h2 { font-size:18px;}
.portfolio-heading h3 { font-size:14px;} 
.portfolio-details { margin-top:20px}
.port-right h2 { font-size:17px;}
.ptext-new p { font-size:13px; line-height:20px;}
.port-right { padding:20px;}
}

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

.top1-left span { display:none}
.logo { width:125px; margin:auto; margin-top:14px;}
.logo img { max-width:100%; height:auto}
.navigation > a { top:67px}
.welcome h1, .welcome h2 { font-size:17px;}
.welcome h3 { font-size:13px;}
.services li { width:100%}
.services .stext { font-size:12px;}
.testimonials { margin-top:20px;}
.testimonials .heading-h2 { font-size:15px;}
.testi2 { width:100%}
.testi2-text:after { right:-12px;}
.testimonials2 .view-more { margin-top:18px;}
.top1-right span { display:none}
.services { margin-top:20px;}
.finput1 { height:34px;}

.inner-banner h1 { font-size:14px;}
.text1 { font-size:12px; line-height:16px; padding-top:12px;}
.package li { font-size:12px;}
.phead h3 { font-size:11px;}
.plans-text { font-size:23px;}
.plans-text span { font-size:12px;}
.navigation > a { top:2px}


.packages .phead h3 { font-size:14px;}
.plans-text1 { font-size:45px;}
.plans-text1 span { font-size:18px;}
.plans-text1 sup { font-size:18px;}
.plans-text2 { font-size:12px; padding:6px 0; line-height:20px}
.plans-text1 { height:105px;}
.packages .more-detail { width:90%; }
.packages-left { width:100%}
.packages .phead1 { height:48px;}
.packages .phead h3 { height:48px;}
.packages-left { margin-top:15px;}
/*Portfolio CSS Stats here*/
.portfolio-gallery .pbox-text1 h3 { font-size:14px;}
.portfolio-gallery .pbox-text { padding:0}

/*Portfolio Details CSS Stats here*/
.backbtn { position:relative; margin-top:15px; font-size:13px;}
.port-right { padding:14px;}
.btn1 { font-size:13px;}
}

@media only screen and (max-width:479px)  
{ 
.welcome h1, .welcome h2 { font-size:15px;}
.welcome h3 { font-size:12px;}
.services li h4 { padding-top:15px;}
.pbox { width:76%; margin-left:12% !important; margin-right:12% !important}
.pbox-text { padding:15%}
.foot1 h2 { font-size:15px;}
.address { font-size:12px;}
.finput1 { font-size:12px; padding-left:10px;}
.pbox { margin-bottom:20px;}
.pbox-text2 { font-size:11px;}

.inner-banner h1 { font-size:13px;}
.text1 { font-size:11px;}
.package li { font-size:11px;}
.plans1 { width:48%; margin-top:8px;}



.packages .phead h3 { font-size:14px;}
.plans-text1 { font-size:38px;}
.plans-text1 span { font-size:15px;}
.plans-text1 sup { font-size:15px;}

.plans-text1 { height:96px;}
.packages .more-detail { width:90%; }
.packages-left { width:100%}
.portfolio-gallery .pbox { width:98% !important}

 }
 
 @media only screen and (max-width:340px)  
{
.pbox { width:98%;margin-left:1% !important; margin-right:1% !important}
.pbox-text { padding:24% 11%}
}