/* Default Layout: 992px.
Gutters: 24px.
Outer margins: 48px.
Leftover space for scrollbars @1024px: 32px.
------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */

@media only screen and (min-width: 1601px) and (max-width: 1920px) {
.common{
  padding:175px 0;
}
}
@media only screen and (min-width: 1361px) and (max-width: 1600px) {
.common{
  padding:150px 0;
}
}

/* Tablet Layout: 768px.
Gutters: 24px.
Outer margins: 28px.
Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols 1 2 3 4 5 6 7 8
px 68 160 252 344 436 528 620 712 */
@media only screen and (min-width: 768px) and (max-width: 960px) {
.call-us {
    font-size: 14px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.top-bar, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul li {
  background: #d61e26 none repeat scroll 0 0;
  font-size: 11px;
}
h1 {
    font-size: 1.75rem;
}


}
/* Mobile Layout: 320px.
Gutters: 24px.
Outer margins: 34px.
Inherits styles from: Default Layout.
---------------------------------------------
cols 1 2 3
px 68 160 252 */
@media only screen and (max-width: 767px) {
body{
	font-size: 13px !important
}

h1 {
    font-size: 1.5rem;
}
.btn-round {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
h2 {
  font-size: 20px;
}
.common{
	padding:25px 0;
}
.commom-1, .commom-2, .commom-3, .commom-4, .commom-5, .commom-6, .commom-7{
  background-size: auto 100%;
  background-position: center center;
}
.commom-1{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/home-1.jpg);
}
.commom-2{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/home-2.jpg);
}
.commom-3{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/home-3.jpg);
}
.commom-4{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/home-4.jpg);
}
.commom-5{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/home-5.jpg);
}
.commom-6{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/about-1.jpg);
}
.commom-7{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/about-2.jpg);
}

.home-main{
  background:linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)), url(folder/main.jpg);
}
/*.toggle-topbar {
  display:block !important;
  float: right;
}
.top-bar-section{
   display: none !important;
   
}*/

.top-bar.expanded .title-area {
  background: #d61e26;
}

}
/* Wide Mobile Layout: 480px.
Gutters: 24px.
Outer margins: 22px.
Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols 1 2 3 4 5
px 68 160 252 344 436 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.commom-1, .commom-2, .commom-3, .commom-4, .commom-5, .commom-6, .commom-7{
  background-size: auto 100%;
  background-position: center center;
}
.commom-1{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/home-1.jpg);
}
.commom-2{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/home-2.jpg);
}
.commom-3{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/home-3.jpg);
}
.commom-4{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/home-4.jpg);
}
.commom-5{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/home-5.jpg);
}
.commom-6{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/about-1.jpg);
}
.commom-7{
  background:linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)),url(folder/about-2.jpg);
}
.medium-6{
  width:100% !important;
}
.call-us{
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-size: 12px !important;
}
.top-bar, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul li {
  background: #d61e26 none repeat scroll 0 0;
  font-size: 11px;
}
header img{
  height:22px;
}
}
/* Retina media query.
Overrides styles for devices with a
device-pixel-ratio of 2+, such as iPhone 4.
----------------------------------------------- */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
}