@media only screen and (max-width: 930px) {
    .cms-logo22 { padding-top: 15px;}
    #bottom-latest-tech {height: 60px;}   
}


@media only screen and (min-width: 768px) and (max-width: 1025px) {
    #ajax-messages {float: none;}
    #submit-button {margin-bottom: 0px;}
  
    
}


@media only screen and (min-width: 769px) {

    .on-mobile {display: none;}
    #menu-itself-box {display: none;}

    .logo-laptop {width: 80px; height: 104px; margin: 0; opacity:0;}
    #bottom-latest-tech {background: #e26c55;}
    #footer-0 { display: flex; justify-content: center;}
    .logo-laptop-bottom {width:25%; height: auto; padding:3.7vw 0 3vw 0}
    h2#testimonials-title {border-bottom: 1px solid #515151;}
    #contact-form2 {padding-top:40px !important;}
    #ajaxm-container {width:100%; height: 50px; }
    #submitb-container {width:100%; height: 45px}
    #ajax-messages {float:right}
    #footer1, #footer2, #footer3 {display: inline-block;}
}

@media only screen and (min-width: 769px) and (max-width: 950px){
    .logo-laptop {opacity: 0;}
}


@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #about-small-text, #table-header  {margin-left: 7.5%; width: 40.5%;}
    #introduction-todo, .chapter-title, #money, #testes-boci-1, #testes-boci-2, #responsive-table {width: 85%; margin-left: 7.5%;}
    #introduction {margin-left: 7.5%; width: 40%;}
    .cms-logo22 {width: auto;}
    #footer1 {margin-left: 3%;}
    #footer3 {margin-right: 3%;}
    #footer1, #footer2, #footer3 {width: 31%;}

}

@media only screen and (min-width: 769px) and (max-width: 1000px) {
    #mobile-example, #laptop-example, #tablet-example {height: 280px;}
}

@media only screen and (min-width: 501px) and (max-width: 768px) {
    #mobile-example, #laptop-example, #tablet-example {height: 280px;}
    #responsive-table, #money, #table-header {margin-left: 3%; width: 94%;}
    .logo-mobile {width: 12%;}
}

@media only screen and (min-width: 701px) and (max-width: 768px) {
    .money {display: inline-block;}
}



@media only screen and (max-width: 768px) {
    #notice {display: none;}
    #bottom-latest-tech {background: #f7c172;}
    #footer-menu1 {text-align: left !important;}
    .logo-mobile { height:auto; margin:35px 41% 20px;}
    .icons-im {width:62% !important; margin: 20px 19% 10px 19%; padding:0 !important;}
    .sam {width:88% !important; margin: 15px 6% 10px 6%}
    .icons h2 {text-align: center !important; padding:0 !important}

    #mountain {min-height: 82px; margin-bottom: 0;}
    #menu-wrap {display: none;}
    img.mywork.on-mobile {width:80%; margin: 30px 10% 0 10%;}
    h2#testimonials-title {text-align: center; color: #515151; border-bottom:1px solid #767675;}
    #section2m {margin-top:30px}
    #section2-mywork {margin-top:30px;}
    
    #contact-form2 {margin-left: 3%; width: 94%;}
    .menu-item-box {color:#515151; text-align:center; border-bottom:solid 4px white; padding:5px;}
    .menu-item-box-text {padding: 5px 0 5px 0px; font-size: 22px !important; font-family: 'oratorStd'; font-size:16px;}
    img {width: 100%;}
    

   
    .on-laptop {display: none;}
    #bottom-latest-tech {height: 14vw !important;}
    .cms-logo22 {width: auto; padding-right: 2.2vw !important; float: none !important; padding-left: 3% !important; height: 7vw !important;}
    .cms-logo22:first-of-type {padding-right: 3% !important; padding-left: 3%;}
    .money {width: 32%;}
    
    #menu-itself-box, #menu-itself-box-front {border-top:4px solid white; display: none;position: absolute; top: 82px; opacity: 1;  width: 100%; z-index: 101; padding-top: 0px; background:#fff3ac; }
    
    #menu-von-1, #menu-von-2, #menu-von-3 {width: 40px; height: 3px; background: white; margin-bottom: 6px; margin-left: 58px; }
    
    #menu-von-1 {margin-top: 12px;}
    #mobile-menu-box {height: 45px; width: 100%;  position: absolute; top: 0; left: 0; z-index: 100; border-bottom: solid #ccc 3px;}
    
    #mobile-menu-box {border: none; }
    #mobile-menu-box-right { margin-top:15px; position: absolute; width: 100px; right: 4%; z-index: 101; height: 50px; cursor: pointer;}
    #main-title {padding-bottom: 25px;}
    .chapter-title  {margin-left: 3%; width: 94%;}
    #introduction-todo {margin-left: 3%; width: 94%; margin-top:50px;}
    .testimonial-text-bal, .testimonial-text-jobb {float: none; width: 94%; margin-left: 3%;}
    .testimonial-text-bal, .testimonial-text-jobb {font-size: 17px; font-family: 'AvenirMedCn', sans-serif; font-weight: 400; line-height: 30px; color: #767675;}
    
    #testes-boci-1, #testes-boci-2 {width: 96%; margin-left: 2%;}
    
    #vonal-5 {display: none;}
    
    #vonal-1, #vonal-6, #vonal-7, #vonal-8, #vonal-12 {display: none;}
    .on-laptop {display: none;}
    #introduction, #introduction2 {margin-left: 3%; width: 44.5%; font-size: 17px; margin-bottom: 20px; padding-bottom: 0px;}
    #introduction {margin-bottom: 20px;}   
    #about-small-text,  #behind-scenes, #behind-scenes2 {font-size: 17px;}  
    #about-small-text {width: 80%; margin-left: 3%; font-size: 17px; margin-top: 20px; padding-bottom: 0px;}   
    .testimonials-photo {width: 130px; box-shadow: none; border-radius:50%; margin-left: 5%;}    
    #what-roland-said, #what-bianca-said {width: 100%; margin-top: 0; font-size: 22px; border-top: 0px; font-weight: 700; float: none;}
    
    #ajax-messages {float: none;}
    #about-small-text {margin-left: 3%; width: 44.5%; }
    #about-small-text-right {margin-right: 3%; width: 44.5%;}
    #money1, #money2, #money3 {height: auto; margin-top: 15px !important;}
    
    #contact-form2, #about-small-text-right {margin-left: 3%;}
    #introduction, #contact-form2, #about-small-text, #about-small-text-right {width: 94%; float: none; display: block;}
    .input-half, .input-half1 {width: 99% !important;}
    #contact-form2 {margin-top: 40px;}
    .chapter-title {height: auto;}
    #introduction {margin-bottom: 0px; padding-bottom: 13px;}
    #about-small-text-right {padding-bottom: 0;}
    #testes-boci-1 {padding-top: 0;}
    #footer1 {display: none;}
    #footer3, #footer2 {width: 42.3%;}
    #footer3 {margin-right: 0; margin-right: 7.5%; }
    #footer2 {margin-left: 7.5%; display: none !important; }
    #footer-menu2 {text-align: left;}   
    #footer-bottom-stripe {height: 25px; display: none;}
    .footer-part, #footer {height: auto !important;}
    #footer1, #footer2, #footer3 {display: none;}
    #menu-wrap { margin-top: 40px;}

    ul#main-menu2 li {margin-bottom: 15px !important;}
    #main-menu {padding-bottom: 0 !important;}
    #m-add-cont, #jobboldali-kitolto  {display:none;}
    
    
}


@media only screen and (min-width: 667px) and (max-width: 767px) {
#money1, #money2, #money3 {height: 335px;}
}




@media only screen and (max-width: 999px) {
    
    .icons-szurke, .icons-kek {height: 190px;}
    
}

@media only screen and (min-width:501px){
    .input-half, .input-half1 {width: 48% !important;}
}

@media only screen and (max-width: 500px) {
    .teljes {width:100% !important; margin-left: 0 !important;}
    #submit-button {width: 100%;}
    #footer1 {width:80% !important;margin-left: 10% !important;}
    
    #footer3 {margin-right: 0; margin-right: 5%; display: none !important;}
    #footer2 {margin-left: 5%;}
    #footer-menu1 {padding-top: 10px !important; text-align: center !important;}
    #footer-bottom-stripe {height: 25px;}
    
    #money {width: 99%; margin-left: 0; margin-bottom: 40px;}
    .money {width: 100%; display: block;}
    .ar {font-size: 30px; height: 30px;}
    .pounds {padding: 0;}
    #contact-form2 {width: 94%; margin-left: 3%;}
    #introduction, .chapter-title,  #introduction-todo {width: 94%; margin-left: 3%}  
    .input-half, .input-half1 {width: 100% !important; margin-left: 0; margin-right: 0;}
    .chapter-title {height: auto;}
    #about-small-text, #about-small-text-right, #saving-money-list {width: 94%; margin-left: 3%;}
    .testimonial-text-bal, .testimonial-text-jobb {margin-left: 5%; width: 90%;}
   .icons-kek, .icons-szurke {text-align: center; vertical-align: top; height: 160px;}
   .icons-im {width: 40px; padding-top: 25px;}
   .icons h2 {font-size: 14px; line-height: 28px; padding: 0; font-weight: 400;}
   .storelistcont {display:block;}
   .logo-mobile {width: 18%;}
}


@media only screen and (max-width: 580px) {
    #menu-wrap { margin-bottom: 30px !important;}
    ul#main-menu li {margin-bottom: 15px; font-size: 20px !important;}
    
    ul#main-menu li {margin-bottom: 15px !important;}
     
}



@media only screen and (min-width: 769px) and (max-width: 1025px) {
    #ajax-messages {float: none;}
    #submit-button {margin-bottom: 0px;}   
}


@media only screen and (min-width: 769px) and (max-width: 900px) {
    .money {width: 31.4%;}
    #money1, #money2, #money3 {height: 350px;}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {  
    #money1, #money2, #money3 {height: 340px;}
}

@media only screen and (min-width: 1001px) and (max-width: 1250px) {  
    #money1, #money2, #money3 {height: 325px;}
}

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

}

@media only screen and (max-width: 820px)  {
#main-menu {font-size:22px;}
}
