@media (max-width: 979px) {



/* Reset */
html, body { height: 100%; }
body { margin: 0; padding: 0; font-family: 'web-gotham-book', Sans-Serif; font-size: 13px; color: #000; background-color: #EFEFEF; }
::selection { background-color: #CE0008; color: #fff; }
::-moz-selection {
background-color: #CE0008;
color: #fff;
}
::-webkit-selection {
background-color: #CE0008;
color: #fff;
}
h1, h2, h3, h4, h5, h6, span, p, form, input, ul, li, ol { margin: 0; padding: 0; }
h2 { font-size: 34px; line-height: 38px; }
h3 { font-size: 30px; line-height: 34px; }
h4 { font-size: 25px; line-height: 30px; }
h5 { font-size: 17px; line-height: 21px; }
h6 { font-size: 14px; line-height: 18px; }
table, tr, td { margin: 0; padding: 0; border-collapse: collapse; }
img { border: none; }
a { color: #CE0008; text-decoration: none; border: none; }
a:hover { color: #CE0008; text-decoration: none; }
a:focus { outline: 0; }
a:active { background-color: transparent; }
input, textarea, button { font: 14px 'web-gotham-book', Sans-Serif; color: #434343; outline: 0px; }
.clear { height: 0; line-height: 0; clear: both; }
/* Fonts */
.custom-1 { font-family: 'web-gotham-book', Sans-Serif; }
.custom-2 { font-family: 'web-gotham-light', Sans-Serif; }
.custom-3 { font-family: 'web-gotham-medium', Sans-Serif; }
/* Layout structure */
.main-body-wrapper { width: 100%; position: relative; min-height: 100%; margin: 0; background-color: #C2C2C2; }
.main-header-wrapper { width: 100%; margin: 0 auto 0 auto; padding: 0 0 0 0; position: relative; z-index: 600; background-image: url(../img/bg-header.jpg); background-repeat: repeat-x; background-position: center top; }
.main-content-wrapper { width: 100%; margin: 0 auto 0 auto; padding: 0 0 0 0; position: relative; z-index: 600; background-color: #fff; }
.main-footer-wrapper { width: 100%; margin: 0 auto 0 auto; padding: 0 0 0 0; position: relative; z-index: 600; background-color: #202020; min-height: 110px; }
.left { float: left; }
.right { float: right; }
.index { background-image: url(../img/bg-index.jpg); background-repeat: no-repeat; background-position: center center; }

.index  .logo { margin: auto; position: relative;  text-align: center;  }
.index  .logo img, .index  .logo  img.scale-with-grid { outline: 0; max-width: 100%; height: auto; }
.index .button { margin: auto; margin-top: 45px; color: #fff; position: relative;  text-align: center; font-size: 16px; width: 200px; height: 31px; background-color: #CE0008; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
.index .button a { color: #fff; text-decoration: none; margin: 7px; display: inline-block;}
.index .button a:hover { text-decoration: underline; }





/* Header */
.header { width: 100%; margin: auto; }
.header .logo {  margin: auto;padding-top: 20px; text-align: center; }

.header .menu { clear: both; padding-top: 20px; text-transform: uppercase; display: none; line-height: 100%; }
.header .menu ul, .header .menu li { list-style: none; }
.header .menu li { text-align: center; }
.header .menu li a { color: #fff; font-size: 15px; padding: 15px; background-color: #7EB33F; display: block; border-bottom: 1px solid #E4E4E4;  }
.header .menu li a:hover { background-color: #719F37; }

.header .menu-mobile { clear: both; padding-top: 20px; text-transform: uppercase; line-height: 100%;  }
.header .menu-mobile ul, .header .menu-mobile li { list-style: none; }
.header .menu-mobile li { text-align: center; }
.header .menu-mobile li a { color: #fff; font-size: 15px; padding: 15px; background-color: #7EB33F; display: block; border-bottom: 1px solid #E4E4E4;  }
.header .menu-mobile li a:hover { background-color: #719F37; }


/* Footer */
.footer { width: 100%; margin: auto; }
.footer .info {  text-align: center;  padding-top: 38px;  color: #fff;  font-size: 14px; }

.footer-1 { width: 100%; margin: auto; }
.footer-1 .info {display: none }
.footer-1 .phone {  display: none }
.footer-1 .groupc { float: none; text-align: center;  margin-right: 0;  padding-top: 20px; padding-bottom: 20px;}
.footer-1 .groupc img { opacity: 0.1; margin-left: 15px; margin-right: 15px; display: inline;  }
.footer-2 { width: auto; background-color: #131313;   color: #424242; text-align: center; font-size: 13px; padding: 10px;   }
.footer-2 .copy  { display: inline; margin-top: 15px;  margin-bottom: 10px; }
.footer-2 .author { margin-left: 0; display: block; margin-top: 4px; }
.footer-2 .author a { text-indent: -1000px; }
.footer-2 .author .mafraweb { display: inline-block; overflow: hidden; width: 64px; height: 13px; background: url(../img/bg-mafraweb.png) 0 0 no-repeat; opacity: 0.15; }
.footer-2 .author a:hover { opacity: 0.9; }

/* Pages */
.pages .bg {  }
.pages .content {   padding-bottom: 20px; margin-left: 30px;  margin-right: 30px; word-break:     break-word;   -webkit-hyphens: auto;   -moz-hyphens:    auto;  hyphens:         auto; }
.pages .title { font-weight: normal; margin-bottom: 15px; color: #000; font-size: 35px; line-height: 38px; font-weight: normal; padding-top: 40px; text-transform: uppercase; }
.pages .text {font-size: 16px; font-weight: normal; line-height: 20px; color: #333 }
.pages .text p { margin-top: 20px; margin-bottom: 20px; text-align: justify;}
.pages .text a { color: #7EB33F; text-decoration: none; border: none; }
.pages .text a:hover { color: #7EB33F; text-decoration: underline; }
.pages .text-02 { font-size: 13px; font-weight: normal; line-height: 20px; color: #333 }
.pages .text-02 p { margin-top: 20px; margin-bottom: 20px; text-align: justify;}
.pages .photos { width: auto; float: none; }
.pages .photos  a { margin-left: 0; margin-bottom: 20px; display: inline-block; float: none }
.pages .photos a img { width: 100%; max-width: 100%; display: inline-block   }
.pages .photos-02 { width: auto; float: none; }
.pages .photos-02 img { width: 100%; max-width: 100%; display: inline-block   }


.pages .map { width: auto; margin-bottom: 40px; border: 1px solid #D8D9D1; background-color: #fff; }
.gmapwrap #gmap_inner { height: 324px; }
.gmap_marker a { color: #7EB33F }
/* Contact */
.contact { width: 100%; }
.contact .row { margin-bottom: 20px; }
.contact h4 { margin-top: 30px; margin-bottom: 10px; font-weight: normal; font-size: 26px; }
.contact input[type="text"] { color: #656565; font: 12px; padding: 6px 10px; border: 1px solid #D8D9D1; background-color: #EFEFEF; width: 100%; max-width: 100%; display: inline-block; line-height: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.contact textarea { margin: 0; color: #656565; resize: vertical; font: 12px; padding: 6px 10px; border: 1px solid #D8D9D1; width: 100%; max-width: 100%; background-color: #EFEFEF; display: inline-block; line-height: 20px; height: 100px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.contact input[type="submit"] { color: #fff; font: 12px; font-weight: bold; padding: 6px 10px; border: 1px solid #e5e5e5; background-color: #7EB33F; width: 150px; display: inline-block; line-height: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; }
.contact input[type="submit"]:hover { opacity: 0.7; }


}


@media (max-width: 979px) {
.home .banner { position: relative; z-index: 600; }
.flex-direction-nav { display: none}
.home .banner .banner-fix { width: 100%; }
.home .banner li { list-style: none}
.home  .banner  img, .home  .banner  img.scale-with-grid { outline: 0; max-width: 100%; height: auto; }

}

@media (min-width: 480px) and (max-width: 979px) {

.main-body-wrapper { min-width: 400px; height: 186px; }
.index .block { position: absolute; width: 400px; left: 50%; top: 50%; margin-left: -200px; margin-top: -91px   }
.header  .logo { margin: auto; position: relative;  text-align: center;  }
.header  .logo img, .header  .logo  img.scale-with-grid { outline: 0; max-width: 100%; height: auto; }

}

@media (max-width: 479px) {

.main-body-wrapper { min-width: 280px; min-height: 100%; }
.index .block { position: absolute; width: 280px; left: 50%; top: 50%; margin-left: -140px; margin-top: -91px   }
.header  .logo { margin: auto; position: relative;  text-align: center;     }
.header  .logo img, .header  .logo  img.scale-with-grid { outline: 0; max-width: 80%; height: auto; }
.footer-1 .groupc a  { margin-left: 10px; margin-right: 10px; width: 120px; }
.footer-1 .groupc a img { width: 120px; }
}