/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

.container                                  { width: 1250px; margin: 0 auto; padding: 0; }



/* #Additional - Large Screens beyond 1280px
================================================== */
/* Note: Design for a width of 1280px */

@media (min-width:1025px) and (max-width:1366px){

.container                                  { width: 1250px; }

}



/* #Additional - Large Screens beyond 1024px
================================================== */
/* Note: Design for a width of 1024px */

@media (min-width:769px) and (max-width:1024px){

.container													{ width: 960px; }

#header .logo												{ width: 200px; }
#header .top-right											{ width: 70%; padding-top: 10px; }
.menu_box ul li												{ margin: 0 15px; }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

.container													{ width: 738px; }

#header														{ padding-top: 11px; padding-bottom: 11px;}
#header .logo												{ width: 200px; }
#header .top-right											{ width:auto;padding-top: 5px; }
#header .top-right .phone									{ display:none; }
.menu_box													{ display:none; }
#header.stiky 												{ position: inherit; }
#header.stiky .menu_box										{ display:none; }
#slider														{ height: 100%; }
#slider .caption											{ width: 100%; margin: 150px 0px; left: 0px; top: 0px; }
#slider .caption h1											{ margin: 0px 0px 5px 0px; font-size:30px; line-height: normal; }
#slider .caption h2											{ font-size:20px; }
#slider .caption a											{ padding:10px 27px; }
.welcome_sec												{ padding-top: 50px; }
.welcome_sec .left-sec h1									{ padding: 0px 0px 0px 0px; font-size: 30px; line-height: 40px; }
.welcome_sec .left-sec p									{ font-size: 16px; }
.welcome_sec .left-sec .learn-more							{ padding: 12px 30px; }
.what-we-do h1												{ font-size: 30px; }
.what-we-do .thumbnail .caption h3							{ height:80px; font-size: 16px; }	
.recent-pro-sec												{ padding-top: 50px; }
.recent-pro-sec h1											{ margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 30px; }
.recent-pro-sec .projects-row								{ padding-bottom:0px; }
.testimonial												{ padding-top: 50px; padding-bottom: 50px; }
.testimonial h1												{ margin: 0px 0px 0px 0px; font-size:30px; }
.testimonial .slider .cnt-box .top-row						{ padding-right: 0px; }
.testimonial .slider .cnt-box .top-row .name-box			{ width: 62%; }
.testimonial .slider .bx-wrapper							{ margin-bottom: 0px; }
.testimonial .slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -30px; }
#footer														{ padding-top: 50px; padding-bottom: 50px; }
#footer .ftr-cnt .ftr-contact								{ padding: 2% 0%; }
#footer .ftr-cnt .ftr-contact .col-row i					{ font-size:16px; }
#footer .ftr-cnt .ftr-contact .col-row p					{ float:right; padding: 0px 0px 0px 0px; font-size:16px; }
#footer .ftr-cnt .ftr-links ul li a							{ padding: 5px 10px; }
.filter-container											{ width:100%;}
.isotopeContainer .col-md-3									{ width:50%;}
ul.filter > li > a											{ padding: 3px 17px; }
.filter-section												{ padding-top: 0px; }



}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

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

.container													{ width: auto; margin: 0 15px; }

.alignleft, .alignnone, .alignright, .aligncenter { float: none; display: block; max-width: 100%; height: auto; margin: 0 0 20px 0; }

#header														{ padding-top: 8px; padding-bottom: 8px;}
#header .logo												{ width: 150px; }
#header .top-right											{ width:auto;padding-top: 5px; }
#header .top-right .phone									{ display:none; }
.menu_box													{ display:none; }
#header.stiky 												{ position: inherit; }
#header.stiky .menu_box										{ display:none; }
#slider														{ height: 100%; }
#slider .caption											{ width: 100%; margin: 70px 0px; left: 0px; top: 0px; }
#slider .caption h1											{ margin: 0px 0px 5px 0px; font-size:23px; line-height: normal; }
#slider .caption h2											{ font-size:20px; }
#slider .caption a											{ padding:10px 27px; }
.welcome_sec												{ padding-top: 30px; }
.welcome_sec .left-sec h1									{ padding: 0px 0px 0px 0px; font-size: 25px; line-height: 40px; }
.welcome_sec .left-sec p									{ font-size: 16px; }
.welcome_sec .left-sec .learn-more							{ padding: 12px 30px; }
.welcome_sec .right-pic										{ margin-top:20px; }
.what-we-do h1												{ margin: 0px 0px 0px 0px; font-size: 25px; }
.what-we-do .thumbnail										{ margin-top: 30px; }	
.what-we-do .thumbnail .caption h3							{ display: block; height:auto; font-size: 16px; }	
.recent-pro-sec												{ padding-top: 50px; }
.recent-pro-sec h1											{ margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 30px; }
.recent-pro-sec .projects-row								{ padding-bottom:0px; }
.testimonial												{ padding-top: 50px; padding-bottom: 50px; }
.testimonial h1												{ margin: 0px 0px 0px 0px; font-size:25px; }
.testimonial .slider .cnt-box								{ padding-right:0px; padding-bottom:20px; }
.testimonial .slider .cnt-box .top-row						{ padding-right: 0px; }
.testimonial .slider .cnt-box .top-row .name-box			{ float: left; width: auto; padding-left: 20px;  }
.testimonial .slider .bx-wrapper							{ margin-bottom: 0px; }
.testimonial .slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -30px; }
#footer														{ padding-top: 50px; padding-bottom: 50px; }
#footer .ftr-cnt .ftr-contact								{ padding: 2% 0%; }
#footer .ftr-cnt .ftr-contact .col-row i					{ font-size:16px; }
#footer .ftr-cnt .ftr-contact .col-row p					{ float:left; padding: 0px 0px 0px 0px; font-size:16px; }
#footer .ftr-cnt .ftr-links ul li a							{ padding: 5px 10px; }
.inner_sec													{ padding-top: 30px; padding-bottom: 30px; }
.porfolio-sec												{ padding-bottom: 0px; }
.isotopeContainer .col-md-3									{ width:100%;}
.inner_banner .hdr_row										{ padding: 10px 0px; }
.inner_banner .hdr_row h1									{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:30px; }
.filter-container											{ width:100%;}
ul.filter > li > a											{ margin-bottom:10px; padding: 3px 13px; font-size:16px; }
.filter-section												{ padding-top: 0px; }



}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.container													{ width: 420px; margin: 0 auto; }

#slider														{ height: 100%; }
#slider .caption											{ width: 100%; margin: 70px 0px; left: 0px; top: 0px; }
#slider .caption h1											{ margin: 0px 0px 5px 0px; font-size:23px; line-height: normal; }
#slider .caption h2											{ font-size:20px; }
#slider .caption a											{ padding:10px 27px; }



}



/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }