@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Large Mobile
	2. iPad
	3. Mobile
	4. Small Mobile
	5. Other
*/


/* 1. Large Mobile
------------------------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
nav ul li a { padding: 0; }
nav ul { display: table; }
nav ul li { display: table-cell; }
.single-offer { width: 32%; padding:0 5px; }
.we-offer-inner {  margin: 0 -5px;}
.offer-img > img { width: 100%; }
.offer-img { width: 100%; }
.offer-info { width: 100%; }
.flex-nav-prev {  left: 0;}
.flex-nav-next {  right: 0;}
ul.flex-direction-nav{position:relative; height: 40px; margin: 10px 0 30px;}
.flex-direction-nav li { top: 0;}
.one-portfolio {  padding: 8px;}
.portfolio-main {  margin: 20px -8px;}
}

/* 2. iPad responsive css 1023px to 768px
------------------------------------------------------------------------------*/
@media only screen and (max-width: 1023px) {
nav ul { padding: 0 10px; }
nav ul li a { font-size: 16px; }
.on-banner { padding: 20px; }
.right-sidebar { padding-left: 20px; width: 25%; }
.left-content { width: 75%; }
.banner-title span { font-size: 30px; line-height: 36px; padding: 8px 15px 10px; }
.one-portfolio a {  font-size: 22px; line-height: 25px;}
}

/* 3. Mobile responsive css 767px
------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
h2 { font-size: 20px; line-height: 24px; }
h1 { font-size: 20px; line-height: 24px; margin-top: 20px; }
body { width: 100%; }
.logo { max-width: 200px; }
.responsive-icon { display:inline-block; vertical-align:middle; }
nav { text-align:left; }
nav ul { display: none; }
.call-follow { display:none; }
.on-banner { padding: 20px 15px 50px; position: static; display:none; }
.banner-title span { font-size: 30px; line-height: 34px; }
.flexslider { background:transparent; }
.left-content, .right-sidebar { width: 100%; }
.right-sidebar { padding:20px 0; }
footer { padding-top: 0; }
.left-form { padding-right: 0; padding-bottom:20px; width: 100%; }
.right-map { width: 100%; }
.single-offer { margin-bottom: 10px; }
.flex-control-paging li a { height: 10px; width: 10px; }
.flex-control-nav { bottom: 0; line-height: 10px; }
.portfolio-slide .flexslider li { margin:0 4px; padding:0; }
.one-portfolio { width: 50%; }
.single-offer { width: 49.6%; }
}

/* 4. Small Mobile responsive css 639px
------------------------------------------------------------------------------*/
@media only screen and (max-width: 639px) {
.footer-left, .footer-right { width:100%; text-align:center }
.call-follow { display:none; }
.call-follow > * { display:inline-block; margin: 10px; }
.footer-inner { padding: 15px; }
.add-left { width: 50%; }
.add-right { display:none; }
.main-row .single-field { width: 100%; }
}

/* 5. Other
------------------------------------------------------------------------------*/
@media only screen and (max-width: 479px) {
.add-left { width: 100%; }
.one-portfolio { width: 100%; }
.single-offer { width: 100%; }
}