/* ==========================================================================
   GENERAL
   ========================================================================== */
@media only screen and (min-width: 1001px) and (max-width: 1500px){
    .wrapper { width: 90%;}
    .paddingLeft { padding-left: 5%;}
    .paddingRight { padding-right: 5%;}
    .pageTitle h1 { font-size: 4em;}
    .pageTitle .scrollIcon { right: 5%;}
    .pageTitle .scrollIcon img {position: absolute;left: -20vw;bottom: 9vw;width: 60vw;}
}
@media only screen and (max-width: 1000px) {
    .wrapper{ width: 96%;}
    .paddingLeft { padding-left: 2%;}
    .paddingRight { padding-right: 2%;}
    .pageTitle h1 { font-size: 3em;}
    .pageTitle .scrollIcon { right: 2%;}
    .pageTitle .scrollIcon img {position: absolute;left: -18vw;bottom: 92px;width: 60vw;}

    .generalPadding { padding: 60px 0;}
    .title{ font-size: 30px; line-height: 1.2em; margin-bottom: 40px;}
    .imgHoverBox .title { font-size:24px;}
    .borderBox .title { top: -15px; padding: 0;}
    .borderBox p { font-size: 1.6em;}
    .zigzagContent h2 { font-size: 26px;}
    .detailPage .mainButton { margin-bottom: 60px;}
}
@media only screen and (max-width: 800px) {
    .pageBanner { min-height: calc(100vh - 65px);}
}
@media only screen and (max-width: 640px) {
    .pageTitle .title { padding: 0; display: block;}
    .pageTitle:after { content: none;}
    .title{ font-size: 26px;margin-bottom: 30px;}
    .imgHoverBox .title { font-size:22px;}
    .zigzagContent h2 { font-size: 24px; margin-bottom: 20px;}
    .zigzagContent tr:not(:first-of-type) td{padding-top: 20px;}
}
@media only screen and (max-width: 480px) {
    .title { font-size: 23px;margin-bottom: 30px;}
    .imgHoverBox .title { font-size:20px;}
    .zigzagContent h2 { font-size: 22px;}
    .borderBox .wrapper { padding: 30px 30px 60px;}
    .borderBox p { font-size: 1.4em;}
    .borderBox .title { width: 100%; position: relative; top: auto; margin-bottom: 30px; background: transparent;}
}
/* ==========================================================================
   ZIGZAGCONTENT
   ========================================================================== */
@media only screen and (max-width: 1500px) {
    .zigzagContent td { width: 50%;}
    .zigzagContent tr:nth-of-type(even) td:first-of-type { padding-right: 50px; padding-left: 2%;}
    .zigzagContent tr:nth-of-type(odd) td:last-of-type { padding-right: 2%; padding-left: 50px;}
}
@media only screen and (max-width: 800px) {
    .zigzagContent { display: block; table-layout: unset;}
    .zigzagContent tr, .zigzagContent td { display: block; width: 100% !important;}
    .zigzagContent td { display: block; width: 100% !important;}
    .zigzagContent tr:nth-of-type(even) td:first-of-type, .zigzagContent tr:nth-of-type(odd) td:last-of-type { padding: 30px 2% 0;}
    .wrapper .zigzagContent tr:nth-of-type(even) td:first-of-type, .wrapper .zigzagContent tr:nth-of-type(odd) td:last-of-type { padding: 30px 2% 0; text-align: left;}
    .zigzagContent tr:nth-of-type(even) h2:after { right: 0;}
    .zigzagContent tr:nth-of-type(odd) h2:after{ left: 0;}
    .zigzagContent h2:after { width: 100%;}
}
/* ==========================================================================
   RESPONSIVE EMBEDED IFRAME
   ========================================================================== */
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mapWrapper {position: relative;padding-bottom: 56.25%; overflow: hidden;}
.mapWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; box-shadow: none;}
.mapWrapper iframe:hover { box-shadow: none;}
/* ==========================================================================
   MMENU
   ========================================================================== */
@media only screen and (max-width: 1000px) {
    #my-menu { display: none !important;}
    #showMenu { display: inline-block !important;}

    .mainMenu,.mm-panels,.mm-navbar,.mm-panels>.mm-panel { background: #050B18;}
    .mainMenu li { display: block; float: none; text-align: right;}
    .mainMenu a { padding: 0; /*line-height: initial;*/ color:#ffffff;vertical-align: middle; font-size: 1.4em; line-height: 1.6em;}
    .mm-menu a, .mm-menu a:link, .mm-menu a:visited { color: #a7a7a7;}
    .mm-menu a.active { color: #D3A14C;}
    .mm-listitem:after { border-color: transparent;}
    #my-header #logo { opacity: 1;}
    #my-header .wrapper { margin-top: 0;}
    #my-header .alignHelper {flex: auto;}
}
@media only screen and (min-width: 1001px) {
    #showMenu { display: none !important;}
    #mm-my-menu { display: none !important;}
}
/* ==========================================================================
   HEADER
   ========================================================================== */
@media only screen and (max-width: 1000px) {
    #my-header, #my-header.scrollHeader {  /*position: relative; top: auto; right: auto; left: auto; */height: 60px; line-height: 60px;}
    #my-header .topButtons {  position: absolute;margin: 0;padding: 0;top: 0; padding-top: 10px; line-height: initial; right: 60px;display: inline-block;left: auto;}
    #my-header .wrapper {visibility: visible;-o-transition: none;-webkit-transition: none;transition: none;-ms-transform: none;-webkit-transform: none;transform: none;opacity: 1;}
    #my-header.scrollHeader .wrapper {position: initial;visibility: visible;-ms-transform: none;-webkit-transform:none;transform: none;opacity: 1;}
    #my-header.homeHeader { background: #191b1c; position: relative;}
    #my-header.homeHeader.scrollHeader {position: fixed;background: rgba(0, 0, 0, .7);}
    #my-header.scrollHeader .topButtons {visibility: visible;opacity: 1;}
    #logo { position: initial; top: auto; left: auto; float: left;}
    #showMenu { float: right;}
}
@media only screen and (max-width: 480px) {
    #my-header, #my-header.scrollHeader { height: auto;}
    #my-header.scrollHeader .topButtons {display: none;}
    #my-header { height: auto;}
    #my-header .topButtons { display: none; position: initial; height: 60px;padding: 10px 2% 0;top: auto; right: auto; left: auto; border-bottom: 1px solid rgba(255,255,255,0.6);}
}
/* ==========================================================================
   SLIDER
   ========================================================================== */
@media only screen and (orientation:landscape) and (min-width: 1000px)  {
    .sliderContainer article { max-height: 45vw;}
    .sliderContainer video { min-height: 100%;min-width: 100%;}
}
@media only screen and (max-width: 1000px) and (orientation:landscape) {
    .sliderContainer article { min-height: calc(100vh - 120px);}
    .sliderContainer video { height: auto;width: 100%; }
}
@media only screen and (orientation:portrait) {
    .sliderContainer video { height: 100%;width:auto; }
}
@media only screen and (max-width: 1000px) {
    /*.sliderContainer article { min-height: calc(100vh - 120px);}*/
    .sliderContainer article { min-height: 600px;}
    .sliderContainer article:after { display: none;}
    .sliderContainer article,.sliderContainer  { overflow: hidden;}
    .sliderContainer .textSlider { top: 33%;}
    .sliderContainer .logo { display: none;}
}
@media only screen and (max-width: 640px) {
    .textSlider .title { font-size: 30px; line-height: 1em;}
    .textSlider p { font-size: 18px; line-height: 1em; margin-bottom: 20px;}
    .sliderContainer article { min-height: calc(100vh - 120px);}
}
@media only screen and (max-width: 480px) {
    .sliderContainer .textSlider { width: 85vw;}
}
/* ==========================================================================
   DESPRE
   ========================================================================== */
@media only screen and (max-width: 1000px) {
    #desprePage { overflow-x: hidden;}
}
/* ==========================================================================
   ACTIVITATI
   ========================================================================== */
@media only screen and (max-width: 800px) {
    #activitatiPage .zigzagContent tr:not(:first-of-type) { border: none;}
    #activitatiPage .zigzagContent td { text-align: center;}
    #activitatiPage .zigzagContent td  { text-align: center;}
    #activitatiPage .zigzagContent tr:nth-of-type(even) td:first-of-type,
    #activitatiPage .zigzagContent tr:nth-of-type(odd) td:last-of-type {margin-bottom: 20px;}
}
@media only screen and (max-width: 640px) {
    #activitatiPage { padding-top: 200px;}
}
/* ==========================================================================
   HOME
   ========================================================================== */
@media only screen and (max-width: 1000px) {
    .borderBox .wrapper { max-width: 80%;}
    #pachete .grid { display: grid; grid-template-columns: repeat(2,1fr);}
    #pachete .box3 { width: 100%; margin-right: 0;}
    #pachete .mainButton { margin-top: 30px;}
    #pachetePage .box3 { width: 48%;}
}
@media only screen and (max-width: 800px) {
    #camere .imgHoverBox { width: 100%; height: 400px;}
    #camere .imgHoverBox img { width: auto;height: 100%;}
}
@media only screen and (max-width: 640px) {
    #camerePage .content li { font-size: 1.2em; margin-top: 30px;}
    #camerePage .content li img { max-height: 50px; top: -25px;}
}
@media only screen and (max-width: 500px) {
    #pachete .grid { display: grid; grid-template-columns: 1fr;}
    #pachetePage .box3 { width: 100%; margin-right: 0;}

    .borderBox .wrapper { max-width: 90%; padding: 0;}
    #despre { margin: 60px 0;}
    #camerePage .content ul { grid-template-columns: 1fr; margin-top: 30px;}
   .grid .grid__item, .grid .grid__sizer { width: 33.33%;}
}
/* ==========================================================================
   CAMERE
   ========================================================================== */
@media only screen and (max-width: 800px) {
    .imgHoverBox { width: 100%; height: 350px; min-height: 350px;}
    .imgHoverBox img { width: auto;height: 100%;}
    #camerePage.detailPage .whiteBg { padding: 40px 4% 20px;}
    #camerePage.detailPage .content { padding: 0;}
}
/* ==========================================================================
   EDITOR
   ========================================================================== */
@media only screen and (max-width: 800px) {
    .editorPage .detailPage .whiteBg { padding: 40px 4% 20px;}
    .editorPage .detailPage .content { padding: 0;}
    .editorPage .detailPage .pageTitle { word-break: break-word;}
}
@media only screen and (max-width: 640px) {
    .editorPage .pageTitle .title { font-size: 22px;}
}
/* ==========================================================================
   GALERIE
   ========================================================================== */
@media only screen and (max-width: 800px) {
    #galeriePage {padding-top: 215px;}
}
/* ==========================================================================
   PACHETE
   ========================================================================== */
@media only screen and (max-width: 800px) {
    #pachetePage .generalPadding {padding: 40px 0;}
    #pachetePage.detailPage .title, #pachetePage .title { margin-bottom: 30px;}
    #pachetePage .pachet { width: 48%;}
    #pachetePage .pachet:nth-of-type(even) {margin-right: 0;}
    #pachetePage .pachet:nth-of-type(odd) {margin-right: 4%;}
}
@media only screen and (max-width: 640px) {
    #pachetePage.detailPage .title, #pachetePage .title { max-width: 98%;}
    #pachetePage .pageTitle:before, #pachetePage .pageTitle:after { content: ''; display: none;}
}
@media only screen and (max-width: 500px) {
    #pachetePage .pachet { width: 100%;}
    #pachetePage .pachet:nth-of-type(even), #pachetePage .pachet:nth-of-type(odd) {margin-right: 0;}
}
/* ==========================================================================
   CONTACT
   ========================================================================== */
@media only screen and (max-width: 1000px) {
    #contactPage { border-top-width: 60px;}
}
@media only screen and (max-width: 800px) {
    #contactPage .mapWrapper { height:initial;}
    #contactPage .info { font-size: 0.9em;}
}
@media only screen and (max-width: 700px) {
    #contactPage .mapWrapper { min-height: calc(100vh - 125px);}
    #contactPage .logo { display: none;}
}
@media only screen and (max-width: 640px) {
    #contactPage .grid { grid-template-columns: 1fr;  margin-bottom: 60px;}
}
@media only screen and (max-width: 480px) {
    #contactPage .formStyle { padding: 30px 15px; margin: 0; box-shadow: none;}
}
/* ==========================================================================
   FOOTER
   ========================================================================== */
@media only screen and (max-width: 1700px)  {
    .upPage { bottom: 0;}
}
@media only screen and (max-width: 1000px)  {
    .upPage { right: 10px;}
}
@media only screen and (max-width: 640px)  {
    #footerInfo {padding: 20px 0 5px;}
    #pageFooter .mediaButtons, #pageFooter .floatLeft { margin-bottom: 10px; width: 100%; text-align: center;}
    #pageFooter .mediaButtons a { font-size: 1.5em;}
    #developer { padding-right: 70px;}
}
/* ==========================================================================
   NEWSLETTER
   ========================================================================== */
@media only screen and (max-width: 800px) {
    #newsletter {padding: 40px 0; }
    #newsletter .wrapper { padding: 40px 30px;}
}
@media only screen and (max-width: 640px) {
    #newsletter {padding: 60px 0; }
    #newsletter img { margin: 0 auto;}
    #newsletter .box2:first-of-type { margin-bottom: 30px; text-align: center;}
    #newsletter .box2 { width: 100%; float: none; margin-right: 0;}
    #newsletter .boxCheckbox {margin-bottom: 10px;}
}