#header .menu-select { display:none; }

/* Large desktop */
@media (min-width: 1200px) {
    .remove-under-1200 { display:none !important; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    #header div.menu > ul > li > a { font-size: 11px !important }
    #header div.menu > ul ul li a { font-size: 11px !important }
    #tagline { display: none }
}
@media (max-width: 1024px) {
    .sf-menu li { padding: 0 9px 15px 9px; }
    #header div.menu > ul > li > a { font-size: 12px }
    #header div.menu > ul ul li a { font-size: 12px !important }
    .remove-under-1024 { display:none !important; }

    /* === SLIDER */
    .slider.fixed-image { position:relative; z-index:10; width:100%; }
    .mobile-slider { display:block !important; }
    .slider.no-responsive { display:none !important; }
    .slider.fixed-image.inner {
        max-width: 100%;
        padding: 0;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    html, body {
        width: 100% !important;
        overflow-x: hidden !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    * {
        box-sizing: border-box !important;
    }

    #wrapper {
        margin: 0 !important;
        overflow-x: hidden !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        min-width: 0 !important;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        min-width: 0 !important;
    }

    [class*="span"] {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    /* === HEADER */
    #header { text-align:center !important; padding: 10px 0 !important; }
    #logo { margin-top:10px !important; margin-bottom:10px !important; text-align: center !important; }
    #logo-img, #tagline, #textual {
        float:none !important; 
        display:block !important; 
        width:100% !important; 
        text-align:center !important; 
        margin:0 !important;
        min-width: 0 !important;
    }
    #page-meta { margin-bottom:5px !important; }
    .slider.fixed-image { margin: 0 auto !important; max-width: 100% !important; min-width: 0 !important; }

    /* === MENU */
    #header .menu, #header #nav > ul { display:none !important; }
    #header .menu-select {
        display: block !important;
        width: 100% !important;
        margin: 10px auto !important;
    }
    
    .menu-select select {
        width: 100% !important;
        height: auto !important;
        border: 1px solid #ddd !important;
        background: #fff !important;
        -webkit-appearance: none !important;
        padding: 8px 10px !important;
        margin: 0 !important;
        line-height: 24px !important;
        cursor: pointer !important;
        font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif !important;
        color: #373636 !important;
        font-size: 14px !important;
        position: relative !important;
        z-index: 1 !important;
        border-radius: 4px !important;
    }
    
    .menu-select .arrow-icon {
        position: absolute !important;
        height: 100% !important;
        width: 100% !important;
        background: #d8dbdb url('images/menu/menu-select-arrow.png') no-repeat 95% center !important;
        top: 0 !important;
        pointer-events: none !important;
    }
    
    #nav-select {
        display: none !important;
    }

    /* Added to ensure specific elements with white-space:nowrap wrap correctly */
    .menu, .close {
        white-space: normal !important; /* Override white-space:nowrap */
        width: 100% !important; /* Ensure full width on mobile */
        box-sizing: border-box !important; /* Include padding/border in width calculation */
        min-width: 0 !important;
    }

    /* === PAGES */
    .accordion-item .meta { position:static; }
    .accordion-item-content { padding-bottom:20px; }
    .error-404-text input#s { width:60%; }

    /* === SHORTCODES */
    .box-sections, .one-fourth, .one-third, .two-fourth, .two-third {
        float:none !important;
        width:100% !important;
        margin: 15px auto !important;
        clear:both !important;
        padding: 15px !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    .box-sections p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important; /* Ensure text wraps normally, override any nowrap */
        max-width: 100% !important;
        width: auto !important; /* Allow width to be determined by content and max-width */
        text-align: left !important;
        padding: 0 !important;
        margin: 10px 0 !important;
        min-width: 0 !important;
    }

    .numbers-sections p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important; /* Ensure text wraps normally, override any nowrap */
        max-width: 100% !important;
        width: auto !important; /* Allow width to be determined by content and max-width */
        text-align: left !important;
        padding: 0 !important;
        margin: 10px 0 !important;
        margin-left: 0 !important; /* Ensure no left margin for proper alignment */
        min-width: 0 !important;
    }

    /* Specific override for numbers-sections h4 */
    .numbers-sections h4 {
        font-size: 18px !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        text-align: left !important;
        color: #333 !important;
        line-height: 1.3 !important;
        margin-left: 0 !important; /* Ensure no left margin for proper alignment */
        min-width: 0 !important;
    }
    
    .numbers-sections h4 .title-highlight {
        color: #e74c3c !important;
        display: inline !important;
    }

    /* === HEADER */
    #logo { position:relative; z-index:1; margin-top: 0 }
    #topbar { display:none; }
    #textual { margin-bottom: 35px; }

    #header #logo #logo-img + #tagline { line-height: 1.6em; margin-left: 0 }
    #header #logo #logo-img + #tagline.multiline { margin-left: 0; padding-left: 0; border: none }

    #nav { margin-bottom: 0 }
    #page-meta .slogan h2 { font-size:24px !important; margin-bottom:0; }
    #page-meta .slogan h3 { font-size:18px !important; }
    .slogan h2 { line-height: 1.1em }
    #header-sidebar { text-align:center; margin-top: 20px; float: left; }
    #header-sidebar .widget { margin:10px 7px; }

    .menu-select { margin-bottom: 0 }
    .menu-select.no-slider { margin-bottom: 20px }

    /* === SLIDER */
    .slider.thumbnails .showcase-content img { width: 96.5% !important; padding:1.5%; }
    .boxed .slider.thumbnails .showcase-thumbnail-restriction { max-width:90%; }
    .slider.thumbnails .showcase-thumbnail-restriction { margin-left:22px; }
    .slider.thumbnails .showcase-thumbnail { margin-right:14px !important; /* deve essere così per il mobile, anche se su pc si vede male */ }
    .slider.thumbnails .showcase-thumbnail-container { margin-top:0; }
    .slider.thumbnails .showcase-thumbnail-button-forward { right:0; }
    .rm_container h2 { display:none; }
    .boxed .slider.revolution-slider { margin-left:0 !important; margin-right:0 !important; }

    .slider.fixed-image { margin:20px auto 0px; }
    .slider.fixed-image .slider-shadow { background: none }
    #header .slider.flexslider .slider-shadow,
    #header .slider.flexslider-elegant .slider-shadow,
    .slider.thumbnails .showcase-thumbnail-container { background: none }

    .polaroid .slide .slide-content.align-right div.text { display: none; }
    .text-polaroid { display: block }

    /* === PORTFOLIO */
    .work-description, .portfolio-full-description .work-thumbnail { margin-bottom:20px !important; }
    .work-skillsdate { position:static !important; margin-top:20px; }
    .picture_overlay { margin-bottom:20px; display:inline-block; /* serve */ }
    #portfolio.portfolio-slider li { float:left; width:220px; margin-right:20px !important; }
    .boxed #portfolio.detail .slide_detail { padding-left:0 !important; padding-right:0 !important; }
    #portfolio.columns li {clear:both;}
    .gecko .section-portfolio-classic .work-thumbnail .picture_overlay { width: 97.9% !important; }

    .work-description, .portfolio-full-description .work-thumbnail { margin-bottom: 0px !important; }
    .portfolio-libra .work-thumbnail .picture_overlay { margin: 20px }

    /* === BLOG */
    .blog-small .meta { padding-left:0; }
    .blog-elegant .the-content { margin-top: 20px; }
    .blog-elegant .thumbnail img { max-width: 97%; }

    /* === SHORTCODES */
    .box-title { margin-bottom:20px; }
    .random-numbers { margin-bottom:20px; }
    .testimonial .testimonial-text { margin-bottom:20px; }
    .short-table th.align-left, .short-table td.align-left { text-align: center; }
    .sc-banner { margin-bottom:20px; }
    .features-tab-container .features-tab-content { padding:15px; }
    div.call-three { width:100% !important; }
    a.btn { margin-bottom: 5px; }
    .numbers-sections .number.number-left{ top: 0; left: 0;	}
    .numbers-sections .number.number-right{	top: 0;	left: 80px;	}
    .numbers-sections .number.number-zero{ width: 74px;	background-position: 0px -103px; }
    .numbers-sections .number.number-1{ width: 65px; background-position: -85px -103px; }
    .numbers-sections .number.number-2{ width: 79px; background-position: -152px -103px; }
    .numbers-sections .number.number-3{ width: 76px; background-position: -232px -103px; }
    .numbers-sections .number.number-4{ width: 78px; background-position: -310px -103px; }
    .numbers-sections .number.number-5{ width: 75px; background-position: -390px -103px; }
    .numbers-sections .number.number-6{ width: 76px; background-position: -466px -103px; }
    .numbers-sections .number.number-7{ width: 76px; background-position: -548px -103px; }
    .numbers-sections .number.number-8{ width: 77px; background-position: -623px -103px; }
    .numbers-sections .number.number-9{ width: 77px; background-position: -701px -103px; }
    .numbers-sections h4{ font-size: 18px; margin-bottom: 5px; margin-top: 0px; margin-left: 170px; text-align: left; }
    .numbers-sections p{ margin-left: 170px; min-height: 80px; }

    /* === COMMENTS */
    #respond p { display:inline-block; width:100% !important; max-width:100%; clear:both; }

    /* BLOG */
    .blog-elegant .meta div p.comments { margin-top: 0 }
    .blog-elegant .meta div { padding-bottom: 9px }

    #header .slider.polaroid .thumbs .thumb img { visibility: hidden !important }

    ul.filters.faq { margin-left: -10px }
    .testimonial blockquote { padding-left: 30px }
    .content blockquote { padding-left: 30px; padding-top: 5px }

    #footer [class*="span"] { float: left; margin-bottom: 10px }

    /* WIDGETS */
    .call-three .text { width: auto; }
    .newsletter-call3 { margin-top: 20px }
    .newsletter-call3 .newsletter-input input { width: 157px }
    .thumb-project a { float: none }
    .last-tweets #follow-twitter { background-position: 70% bottom }

    /* Video ve İframe Düzenlemeleri */
    .post_video {
        margin: 20px 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }
    
    .post_video.youtube {
        position: relative !important;
        padding-bottom: 56.25% !important; /* 16:9 aspect ratio */
        height: 0 !important;
        overflow: hidden !important;
        max-width: 100% !important;
        margin: 20px auto !important;
        background: #000 !important;
        border-radius: 8px !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }
    
    .post_video.youtube iframe {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        border: none !important;
        min-width: 0 !important;
    }
    
    .post_video {
        margin: 20px 0;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    #primary {
        padding: 15px;
    }

    #primary h2 {
        font-size: 24px;
        margin: 20px 0;
        text-align: center;
    }

    #primary p {
        font-size: 16px;
        line-height: 1.6;
        margin: 15px 0;
        text-align: center;
    }

    center {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    /* Sosyal Medya İkonları */
    .socials-default-small {
        margin: 5px;
    }
    
    /* Header Düzenlemeleri */
    #header-sidebar {
        text-align: center;
    }
    
    #header-sidebar .widget {
        margin: 10px 0;
    }

    /* Slider Düzenlemeleri */
    .slider-polaroid {
        height: auto !important;
        margin-bottom: 20px;
    }

    .slider-polaroid .slide-content {
        background-size: cover !important;
        background-position: center !important;
        min-height: 300px;
    }

    .slider-polaroid .text {
        padding: 20px;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 8px;
        margin: 10px;
    }

    .slider-polaroid .text h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .slider-polaroid .text p {
        font-size: 14px;
        line-height: 1.5;
    }

    /* Box Sections Düzenlemeleri */
    .box-sections {
        padding: 20px;
        margin: 15px 0;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    .numbers-sections {
        text-align: center;
    }

    .numbers-sections .number {
        display: none;
    }

    .numbers-sections h4 {
        font-size: 22px;
        margin: 10px 0;
        color: #333;
    }

    .numbers-sections .title-highlight {
        color: #e74c3c;
    }

    .numbers-sections p {
        font-size: 15px;
        line-height: 1.6;
        color: #666;
        margin: 10px 0;
        text-align: center;
        word-wrap: break-word;
        overflow-wrap: break-word;
        padding: 0 10px;
    }

    /* Blog Section Düzenlemeleri */
    .section.blog {
        margin: 20px 0;
    }

    .section.blog .title {
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
    }

    .post.type-post {
        margin-bottom: 30px;
    }

    .post.type-post .thumbnail {
        margin-bottom: 15px;
    }

    .post.type-post .thumbnail img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    .post.type-post .the-content {
        padding: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    .post.type-post .the-content h4 {
        font-size: 20px;
        margin: 10px 0;
    }

    .post.type-post .the-content p {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        max-width: 100% !important;
        width: auto !important;
        text-align: left !important;
        min-width: 0 !important;
    }

    .post.type-post .more-link {
        display: inline-block;
        margin-top: 10px;
        color: #e74c3c;
        text-decoration: none;
    }

    /* Header Düzenlemeleri */
    #header {
        padding: 10px 0;
    }

    #logo {
        text-align: center;
        margin-bottom: 15px;
    }

    #logo img {
        max-width: 200px;
        height: auto;
    }

    #header-sidebar {
        text-align: center;
    }

    .header-text-image {
        margin-bottom: 15px;
    }

    .header-text-image h3 {
        font-size: 18px;
        margin: 5px 0;
    }

    /* Sosyal Medya İkonları */
    .socials-default-small {
        display: inline-block;
        margin: 5px;
    }

    /* Added to address potential overflow from global styles */
    .page-id-79 #header, .boxed #header, .boxed #topbar, .boxed #footer, .boxed #copyright {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    .style-picker { display: none !important; }

    /* Added to ensure general text wrapping */
    p, li, address, dd, blockquote, td, th {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    .copyright, .copyright2 {
        white-space: normal !important; /* Allow text to wrap */
        width: 100% !important;
        float: none !important; /* Remove float for better stacking */
        text-align: center !important;
        min-width: 0 !important;
    }

    .icons_txt {
        float: none !important;
        text-align: center !important;
        width: 100% !important;
    }

    #topbar_login {
        float: none !important;
        text-align: center !important;
        width: 100% !important;
        margin-top: 10px !important;
    }

    .gal1 {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin-right: 0 !important;
    }

    .img1, .img2, .img3 {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #ajax-contact-form label, #ajax-contact-form input, #ajax-contact-form textarea, #ajax-contact-form img, input.capthca, input.submit {
        float: none !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    input.submit {
        text-align: center !important;
    }

    /* Clear floats for common layout elements if they were floated */
    .col0, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Override specific menu float if still present */
    #nav .megamenu ul.sub-menu li, #nav .megamenu ul.sub-menu li ul {
        float: none !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    #nav .megamenu ul.sub-menu li ul li {
        float: none !important;
    }

    #nav ul li {
        float: none !important;
    }

    /* Align images that might be floated */
    .alignleft, .alignright, .aligncenter {
        float: none !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Ensure blog post thumbnails are responsive */
    .post.type-post .thumbnail, .blog-elegant .thumbnail {
        float: none !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .post.type-post .thumbnail img, .blog-elegant .thumbnail img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Adjust widgets that might use floats */
    .more-projects-widget .work-thumb {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }

    .more-projects-widget .meta {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }

    .testimonial-widget li .thumbnail, .testimonial-widget li .name-testimonial {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Override all fixed widths and floats from styles.css */
    .main2, footer, footer2, header, #content > ul > li, .box {
        width: 100% !important;
        min-width: 0 !important;
        position: relative !important;
        left: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        height: auto !important;
    }

    .copyright, .copyright2 {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        white-space: normal !important;
    }

    .grad1, .sh1 {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .menu {
        width: 100% !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        white-space: normal !important;
    }

    .but1, .but2, .but3, .but4, .but5 {
        width: 100% !important;
        padding-left: 0 !important;
        background-position: center !important;
    }

    .close {
        width: 100% !important;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        white-space: normal !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .col0, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .pad_left1, .pad_left2, .pad_left3, .pad_left4, .pad_left5, .pad_left6 {
        padding-left: 0 !important;
    }

    .img1, .img2, .img3, .photo1 img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        float: none !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .google_map {
        width: 100% !important;
        height: auto !important;
    }

    #note, #ajax-contact-form label, #ajax-contact-form input, #ajax-contact-form textarea, #ajax-contact-form img, input.capthca, input.submit {
        width: 100% !important;
        float: none !important;
        box-sizing: border-box !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        height: auto !important;
    }

    .button1 {
        width: 100% !important;
        white-space: normal !important;
        text-align: center !important;
        background-position: center !important;
        padding-left: 0 !important;
    }

    .time1 {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
    }

    .gal1 {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
    }

    /* Ensure images within content are responsive */
    .the-content img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Aggressive overflow control for body and html */
    html, body {
        overflow-x: hidden !important;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    #header #tagline { display: none; }

    #header .slider,
    #header .slider.flexslider { margin-top: 0px !important; border-top: 0px !important; }
    .top-border { border: 0px; margin-top: 0px; }

    .page-id-79 #header { padding-bottom: 30px; } /* only for the live */

    #portfolio.portfolio-slider li { width:201px; }
    .slogan h2, .slogan h3 { padding:0 20px; }

    #map { margin-top: 0px; }
    #page-meta .title, #page-meta .breadcrumbs { float: none; }
    #page-meta .breadcrumbs { margin-top: -20px; }
    .breadcrumbs span.before-text, p#yit-breadcrumb { line-height: 70px; }

    #copyright .container { padding-left: 20px; padding-right: 20px; }

    /* === PORTFOLIO */
    .portfolio-full-description .work { margin-bottom: 20px; }
    .portfolio-full-description h3, .portfolio-full-description h3 a { margin-top: 1.2em !important; }

    .section-portfolio-classic .work-thumbnail .picture_overlay { min-height: 0px; }

    /* === CART */
    table.cart .product-thumbnail { display: none; }

    /* === CHECKOUT */
    .status-publish form h3#shippingaddress-title, .checkout #shiptobilling { float: none; margin-bottom: 10px; }
    #multistep_resume .checkout_progress { text-indent: 100%; white-space: nowrap; overflow: hidden; }

    /* === SHOP PAGE */
    ul.products li.product.list .product-thumbnail,
    ul.products li.product.list .product-thumbnail .thumbnail-wrapper { margin-left: 0px !important; }

    ul.products li.product.list .thumbnail-wrapper, ul.products li.product.list .product-meta { float: none; }
    ul.products li.product.list .product-thumbnail .thumbnail-wrapper { width: 96%; margin-bottom: 20px; }

    /* === SHORTCODES */
    .newsletter-call3 { width: 100%; border: none; background: none; display: block; float: none; height: auto; }
    div.call-three { padding-right: 10px; }
    .call-three .text { float: none; width: 100%; }
    .call-three .text p, .call-three .text h1, .call-three .text h2, .call-three .text h3, .call-three .text h4, .call-three .text h5, .call-three .text h6 { float: none; }

    .newsletter-call3 .newsletter-icon { border-left: 1px solid #DFDCDC; border-top: 1px solid #DFDCDC; border-bottom: 1px solid #DFDCDC; }
    .newsletter-call3 .newsletter-input { border: 1px solid #DFDCDC; width: 82%; }
    .newsletter-call3 .newsletter-icon, .newsletter-call3 .newsletter-input { margin-bottom: 20px; }
    .newsletter-call3 .newsletter-input input { width: 95%; }
    .newsletter-call3 .newsletter-submit { border:  none; float: none; clear: both; }
    .newsletter-call3 .newsletter-submit .submit-field { display: block; padding: 3px 5px 0px; margin: 5px auto 0px;width: auto; }

    .numbers-sections .number { display: none; }
    .numbers-sections h4, .numbers-sections p { margin-left: 0px; }

    .testimonials-flexslider ul li blockquote p { line-height: 23px; }
    .testimonials-flexslider ul li blockquote p a { font-size: 13px !important; }

    ul.filters.faq li:first-child { width: 100%; }
    ul.filters.faq li:nth-child(2) a { padding-left: 0px !important; }

    /* === WIDGET */
    .last-tweets #follow-twitter { background: none; }
}

/* Portrait phones and down */
@media (max-width: 321px) {
    #copyright div p:first-child { margin-top: 15px; }

    #portfolio.portfolio-slider li { width:260px; }

    .portfolio-slider.thumbnails .showcase-thumbnail { margin-right:15px !important; /* deve essere così per il mobile, anche se su pc si vede male */ }
    .portfolio-slider.thumbnails .showcase-thumbnail-button-backward, .slider.thumbnails .showcase-thumbnail-button-forward { width:18px; }

    ul.products.slides li { margin-left: 20px !important; margin-right: 20px !important; }

    .woocommerce_message, .woocommerce_error, .woocommerce_info { line-height: 20px; }
    .woocommerce_message .button, .woocommerce_error .button, .woocommerce_info .button { margin-top: 4px; margin-left: 8px; }

    div.summary .woocommerce-price-and-add { height: 110px; min-height: 110px; }
    div.summary .woocommerce-price, div.summary .woocommerce-add-to-cart { float: none; max-width: 100%; }
    div.summary .woocommerce-price-and-add .button { float: none; margin-top: 0px; }

    .products-slider ul.products li { width:280px; }

    /* === CART */
    .shop_table.cart .coupon #coupon_code { width: 127px; }

    /* === CHEKOUT */
    table.shop_table tfoot .cart-subtotal th,
    table.shop_table tfoot .shipping th,
    table.shop_table tfoot .total th {
        width: 27%;
    }

    .form-row.place-order { margin-top: 20px; }
    #payment #place_order { float: left; }
    .products-slider li { width:280px; }

    /* === SHORTCODES */
    .newsletter-call3 .newsletter-input { width: 73%; }
    .newsletter-call3 .newsletter-input input { width: 93%; }
}

/* Large desktop */
@media (min-width: 1200px) {
    .products ul, ul.products { margin-left:-30px; }
    ul.products li.product.grid, ul.products li.product.list { margin-left:30px; }
    .features-tab-wrapper ul.products li.product.grid { margin-left:30px; }
    #primary .slider.alignleft, #primary .slider.revolution-slider.alignleft { margin-right:30px !important; }
    #primary .slider.alignright, #primary .slider.revolution-slider.alignright { margin-left:30px !important; }
    .products-slider h4 { margin-left: 30px; }
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 1200px) {
    .remove-under-1199 { display: none !important; }
    .last-tweets #follow-twitter { background-position: 70px bottom; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    ul.products li.product.grid.classic .product-actions a.details { margin-bottom: 5px }

    .newsletter-call3 .newsletter-submit .submit-field { border-radius: 0 }

    /*.content .contact-form li textarea { width: 97% }*/
    .newsletter-call3 .newsletter-input input { width:176px; }
    .sc-banner h2 { margin-top:20px; }
    .sc-banner h3 { margin-top:10px; }
    .sc-banner h2, .sc-banner h3 { margin-left:65px; }

    .testimonial-circle-style .testimonial-quote { background-position: 0px bottom; }

    .slider.fixed-image .slider-shadow { background: none }
}

/* iPad portrait */
@media (min-width: 768px) and (max-width: 979px) {
    #footer .recent-posts .hentry .text p { display:none; }
    #nav > ul { width: 100%; }
    #nav-sidebar { float: left; border-left: none }
    #nav-sidebar .widget.widget-first { padding-left: 0 }

    .widget_nav_menu li.columns-2, .widget_nav_menu li.cols-2, .widget_nav_menu li.col2 { float: none }
    /*.content .contact-form li textarea { width: 96.5% }*/

    .newsletter-call3 .newsletter-submit .submit-field { width:150px; }
    .newsletter-call3 .newsletter-input input { width:119px; }

    /*.content .contact-form li input[type="text"], .content .contact-form li select { width:88.3%; }*/

    #nav > ul li a, #nav .menu > ul li a { padding: 7px 14px; }
    #nav ul.sub-menu li, #nav ul.children li { padding: 2px 0 1px 6px }
    #logo.span6, #header-sidebar { width: auto; }
    #header-sidebar { float: right; margin-top: 20px }

    .polaroid .slide .slide-content.align-right div.text { padding-left: 60%; }
    .polaroid .slide .slide-content div.text { margin-top: -50px; }

    .box-sections, .one-fourth { margin-right: 2%; }
    .newsletter-call3 .newsletter-submit .submit-field,
    .newsletter-call3 .newsletter-input input { font-size: 10px !important }
    .newsletter-call3 .newsletter-submit .submit-field { line-height: 9px }

    .usquare_block_extended .close { left: 328px }

    .testimonial-quote-style .thumbnail { position: static; }
    .testimonial-quote-style .testimonial-name {
        float: none;
        text-align: center;
        margin-right: 0;
        padding-top: 15px;
        padding-bottom: 0;
    }

    .recent-post .text > a { font-size: 11px }
    .recent-post .hentry-post p.post-date { margin-top: 5px }

    .last-tweets #follow-twitter { background-position: 15px bottom }

    .recent-comments .avatar { margin-bottom: 3px }

    .testimonial-circle-style .testimonial-quote { background: none; }

    .blog-pinterest .meta div p, .blog-pinterest .meta div p span, .blog-pinterest .meta div p a span,
    .blog-pinterest .meta div p a, .blog-pinterest .meta div p a:hover span, .blog-pinterest .meta div p a:hover { font-size: 11px }

    .usquare_block { z-index: 1000 }

    .testimonial { overflow: auto; }
    .testimonial .thumbnail {
        float: left;
        width: 100%;
        clear: both;
        position: static;
    }

    .testimonial .thumbnail img {
        float: right;
    }
    .testimonial .testimonial-name {
        margin: 0;
        padding-top: 5px;
        float: left;
        width: 100%;
    }

    .slider.fixed-image .slider-shadow { background: none }
    .slider.fixed-image { margin-top:30px; }

    .last-tweets #follow-twitter { background-position: 20px bottom; }

    .numbers-sections h4, .numbers-sections h4 span.title-highlight{ font-size: 14px; }
    .sidebar-right .numbers-sections, .sidebar-left .numbers-sections { display:block; padding-top:10px; width: auto; }
    .sidebar-right .numbers-sections .number.number-left, .sidebar-left .numbers-sections .number.number-left{ top: 0; left: 0; }
    .sidebar-right .numbers-sections .number.number-right, .sidebar-left .numbers-sections .number.number-right{ top: 0; left: 80px; }
    .sidebar-right .numbers-sections .number.number-zero, .sidebar-left .numbers-sections .number.number-zero{ width: 74px; background-position: 0px -103px; }
    .sidebar-right .numbers-sections .number.number-1, .sidebar-left .numbers-sections .number.number-1{ width: 65px; background-position: -85px -103px; }
    .sidebar-right .numbers-sections .number.number-2, .sidebar-left .numbers-sections .number.number-2{ width: 79px; background-position: -152px -103px; }
    .sidebar-right .numbers-sections .number.number-3, .sidebar-left .numbers-sections .number.number-3{ width: 76px; background-position: -232px -103px; }
    .sidebar-right .numbers-sections .number.number-4, .sidebar-left .numbers-sections .number.number-4{ width: 78px; background-position: -310px -103px; }
    .sidebar-right .numbers-sections .number.number-5, .sidebar-left .numbers-sections .number.number-5{ width: 75px; background-position: -390px -103px; }
    .sidebar-right .numbers-sections .number.number-6, .sidebar-left .numbers-sections .number.number-6{ width: 76px; background-position: -466px -103px; }
    .sidebar-right .numbers-sections .number.number-7, .sidebar-left .numbers-sections .number.number-7{ width: 76px; background-position: -548px -103px; }
    .sidebar-right .numbers-sections .number.number-8, .sidebar-left .numbers-sections .number.number-8{ width: 77px; background-position: -623px -103px; }
    .sidebar-right .numbers-sections .number.number-9, .sidebar-left .numbers-sections .number.number-9{ width: 77px; background-position: -701px -103px; }
    .sidebar-right .numbers-sections h4, .sidebar-left .numbers-sections h4{ font-size: 18px; margin-bottom: 5px; margin-top: 0px; margin-left: 170px; text-align: left; }
    .sidebar-right .numbers-sections p, .sidebar-left .numbers-sections p{ margin-left: 170px; min-height: 80px; }
}