#mainmenu-wrapper {display: block;}
div#generation button {
    display:none;
}
/* Tablet Landscape ----------- */
@media only screen and (max-width : 1024px) {
    #mainmenu-wrapper {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
    #content-wrapper {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding:0px;}
    #footer-wrapper {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-top:-40px; margin-bottom:-40px;}

    .center-btn:before {width:113.6%;}
    .footer-logo {padding:27px 0px 8px 34px;}
    .footer-column {padding:17px 24px 3px 24px;}

    #pf-filter ul li a:active, #pf-filter ul li a.selected {padding-bottom:16px;}
}

/* Tablet Potrait ----------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .tinynav {width:60%; display:block !important; background:#fff; font-size:14px; border:1px solid #e8e8e8; height:46px; zoom:0; margin:24px auto 0 auto; padding:7px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-family:'Lato',Arial,Tahoma,Verdana;}
    #mainmenu {width:100%; margin:0;}
    #menu {display:block;}

    #mainmenu-wrapper {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-size: 1040px 130px;}
    #top-socials {width:100%; text-align:center;}

    .center-btn {width:15.7%;}
    .center-btn:before {width:117%;}

    .caption-box {top:50% !important; left:5% !important;}

    .mobile3row-content {width:99%; margin:0 auto;}
    .mobile3col-content {width:33% !important; float:left; padding: 0 15px; display:inline-block; text-align:center;}
    .mobile3col-content .box-flip {text-align:left;}
    .mobile3col-content .box-icon.img-left {float:none; margin:5px auto 11px auto;}
    .shaped img {width: 212px; height: 212px;}
    .circle .item-mask {margin-left:1px; background-size: 251px 212px;}
    .triangle .item-mask {margin-left:1px; background-size: 251px 212px;}
    .hexagon .item-mask {margin-left:1px; background-size: 251px 212px;}
    .client p {width:90%;}

    .slogan-box h1, .slogan-box h2, .slogan-box h3, .slogan-box h4, .slogan-box h5, .slogan-box h6 {text-align:center;}
    .slogan-box p {font-size:13px; text-align:center;}
    .slogan-box a.button {float:none; margin-top:-17px;}
    .slogan-box .three {text-align:center;}

    .post-slide {height:410px !important;}
    .post-content iframe {height:410px !important;}
    ul.popular-list li img {width:45px; height:45px;}
    ul.comments-list li .author-img {width:40px; height:40px; margin-top:6px;}
    ul.comments-list li .author-img img {width:40px; height:34px;}

    .service-title {border-bottom:4px solid #e2e2e2; margin-bottom:20px;}
    .block-grid.four-up h5 {font-size:16px;}
    .block-grid.four-up p {display:none;}
    .pricing-column {width:25%; display:inline-block; float:left;}

    footer div:last-child {border-top:none;}
    .footer-logo {width:50%; min-height:143px;}
    .footer-column {width:50%; min-height:143px; border-bottom:1px solid #dfdfdf;}

    ul.icons-list li {width:33%;}

}

/* Mobile Landscape ----------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tinynav {width:60%; display:block !important; background:#fff; font-size:14px; border:1px solid #e8e8e8; height:46px; zoom:0; margin:24px auto 0 auto; padding:7px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-family:'Lato',Arial,Tahoma,Verdana;}
    #mainmenu {width:100%; margin:3px 0px 29px 0px;}
    #menu {display:none;}

    #logo {width:100%; margin:1px 0px 34px 0px; text-align:center;}
    #mainmenu-wrapper {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-size: 1040px 130px;}
    #top-socials {width:100%; text-align:center;}
    #top-info {display:none;}

    .center-btn {width:23%;}
    .center-btn:before {width:116%;}

    .ls-text2 {display:none !important;}
    .ls-s3.continue-btn {display:none !important;}
    .ls-heading-box-blue {font-size:20px !important; top:38% !important; left:8% !important;}
    .ls-s5.ls-heading-box {font-size:14px !important; top:51% !important; left:8% !important;}
    .ls-s2.ls-heading {font-size:20px !important; top:42% !important; left:55% !important; }
    .ls-s4.ls-heading-box {font-size:14px !important; top:53% !important; left:55% !important;}
    .ls-s3.button {display:none !important;}
    .caption-box {top:74% !important; left:5% !important; padding:7px 11px 0px 11px !important;}
    .caption-box h4 {font-size:20px !important;}
    .caption-box p {display:none !important}

    .row .mobile-two {width:100% !important;}
    .mobile-slogan h3 {font-size:22px; margin-bottom:5px;}
    .shaped img {width: 285px; height: 280px;}
    .circle .item-mask {margin-left:0px; background-size: 311px 280px;}
    .triangle .item-mask {margin-left:0px; background-size: 311px 280px;}
    .hexagon .item-mask {margin-left:0px; background-size: 311px 280px;}
    ul.popular-list li img {width:45px; height:45px;}
    ul.comments-list li .author-img {width:40px; height:40px; margin-top:6px;}
    ul.comments-list li .author-img img {width:40px; height:34px;}
    ul.client-box li {width:50%;}
    .client p {width:95%;}
    #comment ol li ol {margin-left:0px;}

    ul.tabs li a {height:44px; font-size:13px; padding:0 18px;}
    .service-title {border-bottom:4px solid #e2e2e2; margin-bottom:20px;}
    .pricing-column {width:50%; margin-bottom:-19px; display:inline-block; float:left;}
    .pricing-wrapper {margin-bottom:60px;}
    .team-wrap img {width:100%;}
    #map_canvas {height:250px;}

    .slogan-box h1, .slogan-box h2, .slogan-box h3, .slogan-box h4, .slogan-box h5, .slogan-box h6 {text-align:center;}
    .slogan-box p {font-size:13px; text-align:center;}
    .slogan-box a.button {float:none; margin-top:-17px;}
    .slogan-box .three {text-align:center;}

    .block-grid.four-up > li { width: 100%; }
    .block-grid.four-up > li img { width: 100%; }
    .block-grid.two-up h5,.block-grid.three-up h5, .block-grid.four-up h5 {font-size:14px;}
    .block-grid.two-up p,.block-grid.three-up p, .block-grid.four-up p {display:none;}

    footer {background:#fff url(../images/footer_logo_bg.jpg) repeat-y; background-size: 100% 100%;}
    .footer-logo {width:100%; min-height:143px;}
    .footer-column {width:100%; border-top:1px solid #dfdfdf;}
    .social-footer {width:20%;}

    ul.icons-list li {width:49%;}
}

/* Mobile Portrait ----------- */
@media only screen and (max-width: 479px) {
    .tinynav {width:70%; display:none; background:#fff; font-size:14px; border:1px solid #e8e8e8; height:46px; zoom:0; margin:24px auto 0 auto; padding:7px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-family:'Lato',Arial,Tahoma,Verdana;}
    #mainmenu {width:100%; margin:3px 0px 29px 0px;}


    #logo {width:100%; margin:1px 0px 10px 0px; text-align:center;}
    #mainmenu-wrapper {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-size: 1040px 130px; width: 100%; }
    #top-socials {width:100%; text-align:center;}
    #top-info {display:none;}

    .center-btn {width:43%;}
    .center-btn:before {width:116%;}

    .ls-s4.ls-text {display:none !important;}
    .ls-s3.ls-heading {top:35% !important; left:55% !important; font-size:13px !important;}
    .ls-s4.ls-heading {top:45% !important; left:55% !important; font-size:13px !important;}
    .ls-s2.ls-heading-box {font-size:8px !important;}
    .ls-s3.ls-heading-box {font-size:13px !important; left: 68px !important;}
    .ls-s3.ls-text, .ls-s4.button {display:none !important;}
    .ls-s4.ls-text2, .ls-s3.continue-btn {display:none !important;}
    .ls-s2.ls-heading-box-blue {font-size:12px !important; top:36% !important; left:8% !important;}
    .ls-s5.ls-heading-box {font-size:9px !important; top:50% !important; left:8% !important;}
    .ls-s2.ls-heading {font-size:11px !important; top:42% !important; left:55% !important; }
    .ls-s4.ls-heading-box {font-size:8px !important; top:53% !important; left:55% !important;}
    .ls-s3.button {display:none !important;}
    .caption-box {top:67% !important; left:5% !important; padding:7px 11px 0px 11px !important;}
    .caption-box h4 {font-size:14px !important;}
    .caption-box p {display:none !important}

    .mobile-slogan h3 {font-size:22px; margin-bottom:5px;}
    .block-grid.two-up > li, .block-grid.three-up > li, .block-grid.four-up > li { width: 100%; }
    .block-grid.two-up > li img, .block-grid.three-up > li img, .block-grid.four-up > li img { width: 100%; }
    .block-grid.two-up h5,.block-grid.three-up h5, .block-grid.four-up h5 {font-size:14px;}
    .block-grid.two-up p,.block-grid.three-up p, .block-grid.four-up p {display:none;}
    #pf-filter ul li {font-size:10px;}
    #pf-filter ul li a {padding:2px 6px;}

    ul.tabs, ul.tabs_blog {height:auto;}
    ul.tabs li a {height:44px; font-size:13px; padding:0 18px;}
    ul.tabs_blog li a {height:38px; font-size:13px; padding:0 18px;}
    ul.tabs li {width:100%; float:left; height:29px;}
    ul.tabs_blog li {width:100%; float:left; height:24px;}
    .service-title {border-bottom:4px solid #e2e2e2; margin-bottom:20px;}
    .row .mobile-two {width:100% !important;}
    .shaped img {width: 210px; height: 200px;}
    .circle .item-mask {margin-left:0px; background-size: 230px 200px;}
    .triangle .item-mask {margin-left:0px; background-size: 230px 200px;}
    .hexagon .item-mask {margin-left:0px; background-size: 230px 200px;}
    ul.client-box li {width:100%;}
    .client p {width:100%;}

    .pagetitle h2 {font-size:28px; text-align:center;}
    #breadcrumb {text-align:center; float:none; display:none;}

    .slogan-box h1, .slogan-box h2, .slogan-box h3, .slogan-box h4, .slogan-box h5, .slogan-box h6 {text-align:center;}
    .slogan-box p {font-size:13px; text-align:center;}
    .slogan-box a.button {float:none; margin-top:-17px;}
    .slogan-box .three {text-align:center;}

    ul.post-info {padding-bottom:8px;}
    ul.post-info li {font-size:10px; margin-bottom:0px;}
    .post-slide {height:160px !important;}
    .post-content iframe {height:160px !important;}
    .thumbs div {width:68px; height:68px;}
    #comment ol li ol {margin-left:0px;}
    .comment-text {margin-left:68px;}
    .avatar {width:52px; height:52px;}
    .avatar img {width:52px; height:46px;}
    form#comment-form input, form#contactform input {width:71%;}

    form#comment-form textarea, form#contactform textarea {
        width: 100%
    }
    form#comment-form label, form#contactform label {width:25%;}
    form#comment-form .buttoncontact, form#contactform .buttoncontact, form#contactform2 .buttoncontact {width:42%;}
    #contact-form-area2 {width:92%; margin:0px 0px 0px 10px;}

    .settings-table {width: 72% !important; float: left; display: inline-table; }
    table th, table td {font-size:12px;}
    #map_canvas {height:220px;}
    .pricing-column {width:100%; margin-bottom:-19px; display:inline-block; float:left;}
    .pricing-wrapper {margin-bottom:60px;}
    #search-form-error {width:63%;}

    footer {background:#fff url(../images/footer_logo_bg.jpg) repeat-y; background-size: 100% 100%;}
    .footer-logo {width:100%; min-height:75px;}
    .footer-column {width:100%; border-top:1px solid #dfdfdf;}
    .social-footer {width:100%;}

    ul.icons-list li {width:100%;}
}

@media only screen and (max-width: 767px) {
    #logo {margin-bottom: 0px;}

    #mainmenu-wrapper {
        box-shadow: rgb(120, 115, 112) 0 0 50px 15px;
        display: none;
        width: 100%;
        top: 60px;
        z-index: 2;
        background: rgba(67, 68, 71, 0.9);
    }
    #menu {display:grid;}
    #mainmenu ul li, #menu ul, #menu ul li, #menu ul ul, #menu ul ul li { width: 95%; position: relative; top: 0; left: 5px; border-radius: 5px; box-shadow: rgb(120, 115, 112) 1px 1px 5px; background: rgba(67, 68, 71, 0.9);}
    #menu li li {background: url(../images/list_menu.png) no-repeat bottom left;}
    /*#menu li li, #menu li li li {padding: 25px 15px 0 7px !important;} */
    #menu ul li a, #menu li ul a, #menu ul ul li a {line-height: 35px; font-size: 16px; color: #a5a5a5 !important;}
    #menu ul ul li:first-child a {margin-top: 5px;}
    #menu .dropdown>a, #menu .dropdown>a:hover {pointer-events: none; cursor: pointer; }
    #menu li a:hover, #menu li li a:hover {background: none; color: #787878 !important;}

    #menu ul:before, #menu ul ul:before { display: none; }
    #menu ul, #menu ul ul {box-shadow: none;}

    /* mobile menu settings (change all "right" to "left", if you want to make it stay and open from the left side) */
    .small-menu-opener {display: block !important; float: right; position: relative; top: 15px; right: 20px;}
    .mob-menu {position: absolute;}
    .transition {transition: all 0.5s ease;}

    #main-wrapper {margin: 0;}
    header, #special-content-wrapper, footer, div{border-radius: 0 !important;}
    header {background: #424242 url(../images/mainmenu_texture.png) repeat-y;}
    footer {margin: 0 auto;}

    .button.tiny {width: 50px; height: 30px; line-height: 30px; text-align: center;}

    /*
     * flip-scroll handling (indent stays for faster recognition inside the code)
     */
    .flip-scroll {padding-top: 10px;}
    .flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    .flip-scroll * html .cf { zoom: 1; }
    .flip-scroll *:first-child+html .cf { zoom: 1; }

    .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

    .flip-scroll th,
    .flip-scroll td { margin: 0; vertical-align: top; height: 45px;}

    .flip-scroll table { display: block; position: relative; width: 100%; }
    .flip-scroll thead { display: block; float: left; }
    .flip-scroll tbody { display: flex; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    .flip-scroll thead tr { display: block; }
    .flip-scroll th { display: block; text-align: right; }
    .flip-scroll tbody tr { display: inline-block; vertical-align: top; }
    .flip-scroll td { display: block; min-height: 1.25em; text-align: left; padding: 10px;}


    /* sort out borders */

    .flip-scroll th { border-bottom: 0; border-left: 0; padding: 14px;}
    .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
    .flip-scroll tbody tr { border-left: 1px solid #babcbf; }
    .flip-scroll th:last-child,
    .flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
    /*
     * end of flip-scroll
     */
    div#generation {
        white-space: inherit;
        width: 100%;
        min-height: 100vh;
        position: absolute;
        top: 0;
        left: 0;
        background: black;
        z-index: 2;
        padding: 50px 0 0 30px;
        font-size: 2em;
        line-height: 40px;
    }

    div#generation font[color=red] {
        width: 90vw;
        display: block;
        font-size: 0.6em;
    }
    div#generation button {
        display:block;
    }
}



/* */