/* ==========================================================================
   General
   ========================================================================== */
@media only screen and (min-width: 801px) and (max-width: 1500px){ .wrapper { width: 90%;}}
@media only screen and (max-width: 800px) { .wrapper{ width: 96%;}}

/* ==========================================================================
   RESPONSIVE EMBEDED VIDEOS
   ========================================================================== */
.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%;}

/* ==========================================================================
   SLIDER MAIN PAGE
   ========================================================================== */

/* ==========================================================================
   HEADER
   ========================================================================== */
@media only screen and (max-width: 800px){
    #pageHeader { display: none;}
}
/* ==========================================================================
   PANELS
   ========================================================================== */
@media only screen and (max-width: 800px){
    #header-panels { background-color: #fff; text-align:left; padding: 0; border: none; height: 53px; overflow: hidden;}
    #header-panels IMG { width: 110px; padding: 10px 0 0 10px;}
    #header-panels A {font-size: 16px;}
    #header-panels li { float: left;}
    #header-panels li a { border-left: 1px solid rgba(0, 0, 0, 0.1); display: inline-block;font-size: 0.9em; line-height: normal;color: #000000 /*rgba(49, 46, 45, 0.9)*/;font-weight: 400;padding: 18px 19px;}
    #header-panels li i { color:#000000}
    #left-panel {background-color: #ffffff;}
    .navMenu LI a { display:block; padding: 10px; color: rgba(49, 46, 45, 0.9); font-weight: 400; font-size: 1em; text-transform: uppercase;}
    .navMenu LI a.active { color: #6ebe44;}
    .closeButton { display: block; text-align: right; font-size: 20px;}
    .ui-panel-inner { padding-top: 10px; padding-right: 20px;}
}
@media only screen and (min-width: 801px){
    #page { padding: 0 !important;}
    #header-panels,#left-panel, #right-panel{ display: none; }
}
/* ==========================================================================
   PAGES
   ========================================================================== */
@media only screen and (max-width: 1000px){
    #despre .grid { align-items: center; margin-top: 0;}
    .servicii .grid { grid-gap: 30px;}
}
@media only screen and (max-width: 960px){
    .generalPadding { padding: 80px 0;}
}
@media only screen and (max-width: 800px){
    body { line-height: 1.75em;}
    .generalPadding { padding: 60px 0;}
    .sectionTitle { font-size: 2em;}
    #intro p { font-size: 1.6em;}
    #contact .formStyle { padding: 15px;}
    #contact .grid,#despre .grid { grid-gap: 40px;}
    .imgBox div:first-of-type {margin-left: 20px;}
    .servicii .grid {grid-gap: 20px;}
}
@media only screen and (max-width: 640px){
    .sectionTitle:after { right: 0; margin: auto;}
    #contact .grid,#despre .grid { grid-template-columns: 1fr;grid-gap: 60px;}
    .servicii .grid { grid-template-columns: repeat(2,1fr);}
    #servicii .parallaxWindow {height: 700px; min-height: 700px;}

    #despre { margin-top: 0; text-align: center;}
    #despre .imgBox div { width: 100%;}
    .imgBox div:last-of-type { top: -20px;}
    #contact .sectionTitle { text-align: center;}
    #contact .sectionTitle:after {right: 0;margin: auto;}
    #contact .box2 { width: 100%; margin: 0;}
    #contact .box2:first-of-type { margin-bottom: 30px;}
    #contact .sectionSubtitle { text-align: center;}
    .iconText ul, .iconText p { padding: 0;}
    .formStyle input, .formStyle textarea, .formStyle select { padding: 12px 15px;}
}
@media only screen and (max-width: 480px){
    #intro { padding: 40px 0;}
    #intro p { font-size: 1.2em;}
    .iconText i { font-size: 40px;}
    .iconText li:first-of-type, .iconText li:last-of-type { font-size: 1em;}
    .iconText li:first-of-type b {font-weight: 600;}
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
@media only screen and (max-width: 1180px){
    .upPage { right: 4%;}
}
@media only screen and (max-width: 800px){
    .upPage { right: 2%; bottom: 0;}
    #developer p { padding-right: 60px; line-height: initial;}
}
@media only screen and (max-width: 640px){
    #pageFooter .box3:first-of-type img { width: 140px;}
}
@media only screen and (max-width: 480px){
    pageFooter { font-size: 0.8em;}
    #pageFooter .box3:nth-of-type(3) { width: 100%; margin-top: 20px;}
    #pageFooter .box3:nth-of-type(2) { float: right; margin-right: 0; width: auto;}
    /*#pageFooter .box3:nth-of-type(2) li { margin: 0 0 0 15px;}*/
}