/*
* Used for tablet and mobile devices
*/

@media only screen and (min-width: 800px) {

#nav { display:block !important; }



}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 800px) and (max-width: 1150px) {

/*-----------------------------------------------------------------------------------*/
/* 2. = Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

body { font-size:14px; }



/*-----------------------------------------------------------------------------------*/
/* 3. = Structure
/*-----------------------------------------------------------------------------------*/

.container { width:100%; padding-left:20px; padding-right:20px; }



/*-----------------------------------------------------------------------------------*/
/* 4. = Header styling
/*-----------------------------------------------------------------------------------*/

#header .logo { top:30px; margin-left:-170px; width:340px; height:auto; }
#header .phone { font-size:15px; background-size:32px auto; padding-top:37px; }
#header .button { font-size:20px; letter-spacing:1px; }
#nav ul li { font-size:15px; }
#nav ul li a { padding:13px 10px 15px 10px; }
#nav > ul > li.sfHover > a { padding:13px 9px 15px 9px; }
#nav ul li ul { top:45px; }
#fixed-header .logo { margin-right:10px; }
#fixed-header .nav ul li { font-size:13px; }
#fixed-header .nav ul li a { padding:13px 6px 15px 6px; }
#fixed-header .nav > ul > li.sfHover > a { padding:13px 5px 15px 5px; }
#fixed-header .nav ul li ul { top:45px; }
#fixed-header .nav ul li ul li a { font-size:13px; }


/*-----------------------------------------------------------------------------------*/
/* 5. = Footer styling
/*-----------------------------------------------------------------------------------*/

#footer .left-arrow { max-width:30%; }
#footer .right-arrow { max-width:30%; }
#footer nav ul li { font-size:15px; margin:0 12px; }
#footer form h2 { font-size:20px; }
#footer form input[type=text],
#footer form input[type=email] { font-size:15px; }

#copyright p { font-size:12px; }
#site-author p { font-size:13px; }


/*-----------------------------------------------------------------------------------*/
/* 6. = Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-slider .slides li { height:490px; }
#home-slider .slides li .caption h2 { font-size:22px; margin:0 0 8px 0; }
#home-slider .slides li .caption p { font-size:14px; }
#home-vertical-slider .slide1 { background-position:70% center; }
#home-vertical-slider .slide2 h2 { padding:0 20px; }
#home-vertical-slider .slide1 .caption { right:40px; }
#home-features li h2 { font-size:17px; }



/*-----------------------------------------------------------------------------------*/
/* 7. = About Page styling
/*-----------------------------------------------------------------------------------*/

#about-content h1 { font-size:30px; }
#about-content h2 { font-size:24px; }

#about-location .content { width:50%; }
#about-location .contact-map { width:45%; }
#about-location h2 { font-size:30px; }
#about-location h3 { font-size:16px; }
#about-location ul li { background-position:left 8px; }

#about-team h2 { font-size:30px; }
#about-team li .content { margin:0 0 0 300px; }
#about-team li .meta { font-size:16px; }
#about-team li img { width:210px; }
#about-team li .content { margin:0 0 0 245px; }


/*-----------------------------------------------------------------------------------*/
/* 8. = Blog Page styling
/*-----------------------------------------------------------------------------------*/

#page-content h1 { font-size:30px; }
#page-content > ul { max-width:none !important; } 

#blog-content .content { width:47.5%; }
#blog-content img { width:47.5%; }

#posts-list li { width:23.5%; margin:0 2% 2% 0; }
#posts-list li h3 { font-size:16px; }



/*-----------------------------------------------------------------------------------*/
/* 9. = Contact Page styling
/*-----------------------------------------------------------------------------------*/

#contact-content h1 { font-size:30px; }

#contact-content .content { width:47.5%;  }
#contact-content .contact-form { width:47.5%; padding-left:40px; }
#contact-content .contact-form input[type=text],
#contact-content .contact-form input[type=email] { font-size:15px; }
#contact-content .contact-form textarea { font-size:15px; }



/*-----------------------------------------------------------------------------------*/
/* 10.= Services Page styling
/*-----------------------------------------------------------------------------------*/

#services-list li .title h2 { font-size:25px; padding:30px 0 30px 85px; background-size:64px auto; }
#services-list li .content ul { padding-left:85px; }

.services-menu { margin-left:20px; }
#services-sub-content .content { margin-left:315px; }

}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 799px) { 

/*-----------------------------------------------------------------------------------*/
/* 2. = Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

body { font-size:16px; }



/*-----------------------------------------------------------------------------------*/
/* 3. = Structure
/*-----------------------------------------------------------------------------------*/

.container { width:100%; padding-left:20px; padding-right:20px; }
.view-desktop { display:none; }
.view-mobile { display:block; }



/*-----------------------------------------------------------------------------------*/
/* 4. = Header styling
/*-----------------------------------------------------------------------------------*/

#header { padding:15px 0; margin:0 0 30px 0; }
body.home #header { margin:0; }

#header .logo { position:static; margin:5px 0 0 0; float:left; max-width:270px; }
#header .phone { display:none; }
#header .button { display:none; }
#header .mobile-right { float:right; text-align:center; }
#header .mobile-right img { margin:0 auto 7px auto; }
#header .mobile-right .mobile-phone { font-size:16px; color:#000; }
#header .mobile-right .mobile-phone:hover { color:#943634; }

#nav { text-align:left; padding:20px; }
#nav ul li { margin:0 0 3px 0; display:block; }
#nav ul li a { padding:0 !important; display:inline-block; background:none !important; color:#943634 !important; border:none !important; }
#nav ul li a:hover { color:#000 !important; }
#nav ul li ul { position:static; border:none; width:auto; display:block !important; visibility:visible !important; margin:0 0 0 20px; }
#nav ul li ul li { border:none; }
#nav ul li ul li.current-menu-item a { color:#000 !important; }
#nav ul li.current_page_item > a { color:#000 !important; }



/*-----------------------------------------------------------------------------------*/
/* 5. = Footer styling
/*-----------------------------------------------------------------------------------*/

#footer { border-bottom:none; }
#footer .left-arrow { max-width:30%; top:194px; width:126px; height:42px; background:url(../images/mobile-footer-left-bg.png) no-repeat right center; }
#footer .right-arrow { max-width:30%; top:194px; width:124px; height:43px; background:url(../images/mobile-footer-right-bg.png) no-repeat left center; }

#footer .logos li { margin:0 20px; }
#footer form { margin:0 auto; width:185px; }
#footer form h2 { font-size:21px; margin:0 0 8px 0; }
#footer form input[type=text],
#footer form input[type=email] { height:25px; line-height:25px; font-size:16px; padding:0 12px; margin:0 0 5px 0; }



/*-----------------------------------------------------------------------------------*/
/* 6. = Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-slider { margin:0 0 83px 0; }
#home-slider .slides li { height:auto; background:none !important; }
#home-slider .slides li .caption { background:#000; position:static; }
#home-slider .slides li .caption h2 { font-size:20px; margin:0 0 7px 0; }
#home-slider .slides li .caption p { font-size:16px; }
#home-slider .slides li .mobile-image { height:230px; background-size:cover; background-repeat:no-repeat; background-position:center center; }
#home-features li { margin:0 0 20px 0; position:relative; width:100%; }
#home-features li h2 { font-size:16px; padding:5px 10px; }

#home-vertical-slider { margin:0 0 30px 0; }
#home-vertical-slider .slide { height:auto; padding:0; background-attachment:scroll; }
#home-vertical-slider .slide1 { background:none; }
#home-vertical-slider .slide1 .image { background-repeat:no-repeat; background-position:left center; background-size:cover; height:420px; }
#home-vertical-slider .slide1 .container { background:#FFF; padding-top:30px; padding-bottom:30px; }
#home-vertical-slider .slide1 .caption { float:none; max-width:none; position:static; text-align:left; }
#home-vertical-slider .slide1 .caption li { float:left; width:50%; }
#home-vertical-slider .slide1 .caption li a { background-size:50px auto; font-size:20px; padding-left:65px; }
#home-vertical-slider .slide1 .caption ul { max-width:none; float:none; text-align:left; }
#home-vertical-slider .slide2 { padding:60px 0; }
#home-vertical-slider .slide2 h2 { padding:0 20px; }
#home-vertical-slider .slide3 { height:420px; padding:30px 0 0 0; } 
#home-vertical-slider .slide3 h2 { display:block; padding:12px 20px; font-size:24px; position:static; }
#home-vertical-slider .slide3 h2 br { display:none; }
#home-vertical-slider .scroll { display:none; }



/*-----------------------------------------------------------------------------------*/
/* 7. = About Page styling
/*-----------------------------------------------------------------------------------*/

#about-content h1 { font-size:24px; }
#about-content h2 { font-size:24px; }

#about-location { padding:0 20px 50px 20px; margin:0 -20px 45px -20px; border-bottom:1px solid #000; }
#about-location h2 { font-size:24px; }
#about-location .content { float:none; width:100%; margin:0 0 30px 0; }
#about-location .contact-map { float:none; margin:0 auto; }
#about-location .contact-map img { margin:0 auto; }

#about-team { margin:0 0 30px 0; }
#about-team h2 { font-size:24px; }
#about-team li { padding:0 20px 30px 20px; margin:0 -20px 30px -20px; border-bottom:1px solid #000; }
#about-team li:last-child { margin:0; padding:0; border-bottom:none; }
#about-team li img { float:none; margin:0 0 30px 0; }
#about-team li .content { margin:0; }



/*-----------------------------------------------------------------------------------*/
/* 8. = Blog Page styling
/*-----------------------------------------------------------------------------------*/

#page-content .alignleft { float:none; margin:0 auto 30px auto; }
#page-content .alignright { float:none; margin:0 auto 30px auto; }
#page-content > ul { max-width:none !important; } 
#page-content h1 { font-size:24px; line-height:1.3; }
#page-content h2 { font-size:24px; line-height:1.3; }

#blog-content h2 { font-size:24px; line-height:1.3; }
#blog-content .content { width:100%; float:none; }
#blog-content img { width:100%; float:none; margin:0 auto 30px auto; }

#posts-list li { width:47.5%; margin:0 0 2.5% 0; }
#posts-list li:nth-child(odd) { float:left; }
#posts-list li:nth-child(even) { float:right; }



/*-----------------------------------------------------------------------------------*/
/* 9. = Contact Page styling
/*-----------------------------------------------------------------------------------*/

#contact-content h1 { font-size:24px; }
#contact-content h2 { font-size:24px; }
#contact-content .content { margin:0 0 30px 0; }
#contact-content .content li { float:left; width:50%; padding-right:20px; }
#contact-content .content { width:100%; float:none; }
#contact-content .contact-form { width:100%; float:none; padding-left:0; }
#contact-content .contact-form form { max-width:none; }



/*-----------------------------------------------------------------------------------*/
/* 10.= Services Page styling
/*-----------------------------------------------------------------------------------*/

#services-list li .title h2 { font-size:24px; padding:36px 0 36px 105px; }
#services-list li .content ul { padding-left:0; }
#services-list li .content li { width:100%; float:none; }

#services-sub-content { padding:0; }
#services-sub-content .content { margin-left:0; margin-bottom:60px; }
.services-menu { width:100%; float:none; margin:0 0 50px 0; }



}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {



/*-----------------------------------------------------------------------------------*/
/* 4. = Header styling
/*-----------------------------------------------------------------------------------*/

#header .logo { width:160px; margin-top:17px; }


/*-----------------------------------------------------------------------------------*/
/* 5. = Footer styling
/*-----------------------------------------------------------------------------------*/

#footer .left-arrow { top:164px; }
#footer .right-arrow { top:164px; }

#footer form { max-width:150px; }
#footer form h2 { font-size:20px; }
#footer .logos li { margin:0 15px; }
#footer .logos li img { height:53px; width:auto; }
#footer .logos li:nth-child(3) img { height:63px; width:auto; }



/*-----------------------------------------------------------------------------------*/
/* 6. = Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-vertical-slider .slide1 .caption li a { background-size:30px auto; font-size:14px; padding-left:35px; }
#home-vertical-slider .slide2 { padding:40px 0; }
#home-vertical-slider .slide2 h2 { font-size:24px;  }



}