/*==========================*/
/*ALL DEVICE OPTIMIZATION*/
/*===========================*/

/*Huge Displays*/
@media (min-width: 3000px) {

}

/*Projector Screens and Ver Large Monitors*/
@media (min-width: 2561px) {

}

/*iMac 27, HD Screens and Large Monitors*/
@media (min-width: 1921px) and (max-width: 2560px) {

}

/*Large Widescreen Monitors*/
@media (max-width: 1920px) {

}

/*Medium Widescreen Monitors*/
@media (max-width: 1680px) {

}

/*Large Widescreen Laptops*/
@media (max-width: 1440px) {

}

/*Common Widescreen Laptops*/
@media (max-width: 1366px) {

}


/*Very Large Tablets and Medium Laptops*/
@media (max-width: 1280px) {
#nav-toggle {right: 145px;}
}

/*Notebooks and Small Laptops*/
@media (max-width: 1152px) {

}

/*iPad Landscape Mode and Large Tablets */
@media (max-width: 1024px) {
#nav-toggle {right: 25px;}
.about-image {width: 33%;}
}

/*Small Desktop and Very Small Notebook */
@media (max-width: 980px) {
	
}

/*Medium Tablets */
@media (max-width: 800px) {
	
}

/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 768px) {
#logo {padding: 18px 18px 18px 0;}
#nav-list a {padding: 22px 6px 0;font-size: 14px;font-weight: 600;}
.about-image {position: static;display: block;width: 100%;min-height: 380px;background-size: 100%;background-position: 50% 66%;
	margin-bottom: 20px;}
.abt-details {width:590px; margin:0 auto;}
.large-8-about {width: 100%;}
#nav-list li .btn {padding: 10px 18px;}
.pad-large {padding:  0;}
.process-detail {height:auto}
.process-bubble {text-align: center;}
.process-bubble-text {text-align: center;position: relative;top: 40px;left: 0px !important;padding-bottom: 30px;}
.process-bubble-text ul {width:100%}
#gallery-small {margin-bottom:30px;padding-top: 46px;}
#gallery-small .page-heading h1 {font-size: 42px;}

.team-image {position: static;display: block;width: 100%;min-height: 380px;background-size: 100%;background-position: 50% 40%;
	margin-bottom: 20px;}
	
.large-2-team {float: left !important;margin-left: 30px;}
.large-4-team {width: 100%;padding: 0 30px;}

#contact-lower input {
-webkit-appearance: none;
min-height: 65px;
border-bottom: 4px solid #ccc;
border-radius: 10px;
width: 39%;
margin-right: 10px;
float: left;
}
#form-btn {
cursor: pointer;
padding-top: 7px;
float: right;
height: 65px;
border-radius: 10px;
width: 65px;
border-bottom: 4px solid #0A0E11;
background-color: #1e252a;
text-align: center;
position: relative;
}

/*Medium Smart Phones v2*/
@media screen and (max-width: 640px) {
#nav-list li{ float: none; }
#nav-list li #logo{}
#logo {padding: 18px 18px 0 0;}
#nav-toggle{ right: 11px; top: 11px; padding-top: 9px; }
.open-menu{ top: 0px !important; }
.internal-link{ padding-top: 22px !important; }
#about h1 {font-size: 48px;}
#home-slider .slides li {height: 410px !important;}
#nav-list li .btn {display:none}

.large-2-team {width: 100%;text-align: center;}
.large-4-team {width: 100%;}

#process {display:none;}
.about-image {display:none;}
.slides, .flex-control-nav, .flex-direction-nav {text-align: center;}
#gallery-small .page-heading {margin-top: 22px;text-align: center;}
#gallery-small p {margin-bottom: 44px;text-align: center;}
.btn {left: 0px;}
.testimonials-h2 {padding-top: 20px;}
.testimonials-slider p {margin-bottom: 56px;}
.large-6-contacts {text-align:center; margin-bottom:50px;}
.large-6-contacts-last {text-align:center;margin-bottom:0;}
#contact-lower h1 {margin-top: 0px;margin-bottom: 10px;}
#contact-lower input {width: 42%;}
.large-6-foot {text-align:center;}
.text-right {text-align:center !important;}
#home-slider .slides li {height: 300px !important;}
} 

/*Google Nexus and Other Large Smart Phones v1*/
@media screen and (max-width: 600px) {
	#nav-list li{ float: none; }
	#nav-list li #logo{ display: none;}
	#nav-toggle{ right: 11px; top: 11px; padding-top: 6px; }
	.open-menu{ top: 0px !important; }
	.internal-link{ padding-top: 22px !important; }
} 

/*iPhone Landscape Mode and Mediium Smart Phones*/
@media screen and (max-width: 480px) {
#nav-list li{ float: none; }
#nav-list li #logo{ display: none;}
#nav-toggle{ right: 11px; top: 11px; padding-top: 10px; }
.open-menu{ top: 0px !important; }
.internal-link{ padding-top: 22px !important; }
.large-4-about {width:100%;}
.large-8-about {width:100%;}
.about-detail {height: 160px;width: 300px;margin: 0 auto 35px;}
.client img {max-width: 60%;}

#home-slider h1 {font-size: 48px;top: 30px;position: relative;}
#home-slider .internal-link {position: relative;top: 40px;}

.about-detail {height: 150px;width: 131px;margin: 0 auto 30px;padding: 20px 10px;}
.about-detail h2 {font-size: 30px;}
.about-detail i {font-size: 30px;}
.btn {left: 0px;}
.open-service {max-height: 370px;}
#contact-lower input {width: 40%;}
}

/*Other Major Small Smart Phones*/
@media screen and (max-width: 360px) {
	#nav-list li{ float: none; }
	#nav-list li #logo{ display: none;}
	#nav-toggle{ right: 11px; top: 11px; padding-top: 10px; }
	.open-menu{ top: 0px !important; }
	.internal-link{ padding-top: 22px !important; }
}

/*iPhone Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
	#nav-list li{ float: none; }
	#nav-list li #logo{ display: none;}
	#nav-toggle{ right: 11px; top: 11px; padding-top: 10px; }
	.open-menu{ top: 0px !important; }
	.internal-link{ padding-top: 22px !important; }
}


/*** SMARTPHONES 
@media only screen 
and (max-width: 767px) {
	.about-image { position: static;
	display: block;
	width: 100%;
	min-height: 280px;
	background-size: cover;
	background-position: 50% bottom;}
.pad-large {padding:  0;}

	#nav-list li{ float: none; }
	#nav-list li #logo{ display: none;}
	#nav-toggle{ right: 11px; top: 11px; padding-top: 6px; }
	.open-menu{ top: 0px !important; }
	.internal-link{ padding-top: 22px !important; }
	
	#home-slider h1{ font-size: 30px;}
	#home-slider .slides li{ background-attachment: scroll !important; }
	.divider{ background-attachment: scroll !important; }
	.flex-control-nav{ bottom: 22px; }
	.flex-control-paging li a{ width: 15px; height: 15px; border: 2px solid #fff; }
	
	#clients{ }
	
	/*.feature{ text-align: center; margin-bottom: 44px; }
	.feature-bubble{ margin: 0px auto; margin-bottom: 22px; }
	.feature:nth-last-child(-n+2){ margin-bottom: 44px; }
	.feature:last-child{ margin-bottom: 0px !important; }/*
	
	#gallery-small .btn{ margin-bottom: 44px; }
	
	.pricing-table{ margin-bottom: 44px; }
	
	#gallery-slider img{ max-width: 100%; }
	
	.open-question{ max-height: 500px !important; }
	.question{ max-height: 161px;  }
	.question .hr{ margin-left: 0px; }
	.question p{ padding-left: 0px; }
	
	#contact-lower h1{ margin-top: 0px; margin-bottom: 44px; }
	#contact-lower .columns{ width: 100%; text-align: center; }
	#contact-lower input{ width: 80%; float: none; display: block; margin: 0px auto; margin-bottom: 22px; }
	#contact-lower #form-btn{ width: 80%; float: none; margin: 0px auto; }
	
	#footer .text-right{ text-align: left !important; }

}

/*** ALL TABLETS ***
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	
	#nav-toggle{display:none; }
	#home-slider .slides li { background-attachment: scroll !important; }
	.divider{ background-attachment: scroll !important; }
	#form-btn{ padding-top: 3px; }

}

/*** LANDSCAPE TABLETS ***
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

	#nav-toggle {background:red;}

}

/*** PORTRAIT TABLETS ***
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#nav-toggle{background:red !important; }
	#nav-list li{ float: none; }
	#nav-list li #logo{ display: none;}
	
	.feature{ width: 100%; }
	.feature:nth-last-child(-n+2){ margin-bottom: 66px; }
	.feature:last-child{ margin-bottom: 0px !important; }
	.feature-bubble{ margin: 0px auto; }
	
	.question h2{ font-size: 1.8em; }
	
	#contact-lower h1{ margin-top: 0px; margin-bottom: 44px; }
	#contact-lower .columns{ width: 100%; text-align: center; }
	#contact-lower input{ float: none; display: block; margin: 0px auto; margin-bottom: 22px; }
	#contact-lower #form-btn{ width: 40%; float: none; margin: 0px auto; }

}
@media (max-width: 1024px) {
#nav-toggle{background:red !important; }
}