/******************************************
* Media Queries (Responsive Design)
*******************************************/

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead
add your styles in Customizer > Additional CSS.

*/



/* Large Screens */
@media screen and (max-width: 1200px) {

    .wrap {
        width: 94%;
    }

    .inner-wrap {
        width: 94%;
    }

    .content-wrap {
        padding: 3% 4% 0;
    }

    #header {
        padding: 15px 4% 0;
    }

    #menu {
        padding: 0 4% 0 0;
    }

    #content {
        width: 67%;
    }

    #slider #slides {
        width: 100%;
    }

    #slider_nav {
        width: 100%;
        display: none;
    }

    #slider.full #slides { width: 70%;}
    #slider.full #slider_nav { width: 30%; min-height: 100px; }


    #slider .slides > li img {
        width: 100%;
        height: auto;
    }

    #slider.full { height: auto; }
    #slider.full #slides { width: 100%; }

    #slider #slides .slide_content { padding:20px 3%;   font-size: 14px; min-height:25%; }

    #slider #slides .slide_content .slide_content_holder { position: relative; bottom: inherit; }

    .video_cover { position: relative; padding-bottom: 56.25%; display:block; padding-top: 30px; height: 0; overflow: hidden; width: 100%; max-width: 100%; }
    .video_cover iframe,
    .video_cover object,
    .video_cover embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


    #slider .flex-direction-nav {
        list-style: none;
        display: block;
    }

    #slider .flex-direction-nav a {
        display: block;
        position: absolute;
        top: 30%;
        text-indent: -9999em;
        background: url('images/slider-arrows.png') 10px 50% no-repeat;
        height: 92px;
        width: 38px;
        z-index: 100;
        overflow: hidden;
        opacity: 0.7;
        -moz-transition: opacity 200ms;
        -webkit-transition: opacity 200ms;
        transition: opacity 200ms;
    }

    #slider .flex-direction-nav a.flex-prev {
        left: 0;
    }

    #slider .flex-direction-nav a.flex-next {
        right: 10px;
        background-position: -30px 50%;
    }

    #slider .flex-direction-nav a:hover, #slider .flex-direction-nav a:active {
        opacity: 1;
    }

    .home_widgets .widget {
        width: 30%;
        margin: 0 3% 30px 0;
    }

    .three-columns .widget:nth-child(3n+2) .title  {
        margin:0 -40px 15px;
        padding: 10px 40px;
    }

    .related_posts ul li {
        margin:0 3% 0 0;
        width: 30%;
    }

    .related_posts ul li img {
        max-width: 100%;
        height: auto;
    }

    .full-width #content { width: 100%; }
    .full-width .entry .wp-caption { max-width:100%; }


    .column_1 img { margin-right: 5%; }
    .column_1 { float: left; margin: 0; width: 65%; }
    .column_2 { float: right; margin: 0; width: 30%; }
    .column_1 h2 a {   font-size: 16px;  }
    .carousel-slider { width: 100%; }

    .archiveposts .sticky .post-thumb img { width: 100%; height: auto; }
    .featured-post .post-thumb img { width: 100%; height: auto; }

    #comments .commentlist li #respond input { width: 94%; }
    #comments .commentlist li #respond textarea { width: 94%; }
    #comments .commentlist li #respond p.form-submit input { width: auto; }

    #sidebar { width: 30%; }

    .fb_iframe_widget { width: 100%!important }
    .fb_iframe_widget span { width: 100%!important; }
    .fb_iframe_widget span iframe { width: 100%!important; }
    .widget img,
    .side_ad img { max-width: 100%; height: auto; }

    #footer { padding: 4%; }
    #footer div.column {
        width: 22%;
        margin-right: 3%;
    }

}


/* Tablets */
@media screen and (max-width: 768px) {

    #content {
        width: 100%;
    }

    #slider #slides h2 a { font-size: 24px; }

    #slider.full #slider_nav {  display: none;  }

    #slider.full .flex-direction-nav { display: block; }
    #slider #slides .slide_content_video-enabled { display: none; }

    #header { position: relative; }

    .btn_menu { display: block; float: left; cursor: pointer; background:#C20A0A url('images/menu.png') 8px 9px no-repeat; padding:5px 5px 0; width:30px; height:30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:4px; }
    .mobile-menu  { display: none; clear:both; }

    .menu-wrap { margin:0 0 2% 2%; display: none; }

    .dropdown li { display: block; float: none;  }
    #menu .dropdown > li:after { display: none; }
    .dropdown a { padding-left: 10px; display: block;}
    .dropdown .sub-menu { -webkit-box-shadow: none; box-shadow: none; background: none; margin-left: 10px; display: block !important; position: relative; visibility: inherit !important; top: 0; width: auto; border: none; }
    .dropdown .sub-menu .sub-menu { -webkit-box-shadow: none; box-shadow: none; background: none; margin-left: 10px; display: block !important; position: relative; visibility: inherit !important; top: 0; width: auto; border: none; }
    .dropdown  li:hover .sub-menu .sub-menu { top: 0; left: 0; border: none; -webkit-box-shadow: none; box-shadow: none; background: none; }
    #mainmenu { width: 100%; }
    #menu #mainmenu > li > a { border: none; padding-left: 0; }
    #menu #mainmenu > li > a:before { display: none; }

    .dropdown .sub-menu li { border: none; }
    .dropdown a {    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
    .dropdown a:hover { background:#C72800; }
    .dropdown li ul li  { border:none;}
    .dropdown li ul li a {  }
    .dropdown li:hover li a:hover {  background:#C72800;  }
    .dropdown li:hover a {  background:#C72800; }
    .dropdown li:hover ul a {  background:none; }
    .dropdown > li > a:hover { margin-top: 0; }
    .dropdown > li > a:after { display: none; }

    .dropdown > li > a:hover { margin-top: 0;   }
    .dropdown > li:hover { margin-top: 0; }
    .dropdown > li:hover > a { margin-top: 0; }

    .dropdown ul { background: none; }

    .dropdown li:hover ul,
    .dropdown li.sfHover ul { left: 0; top: 0; z-index: 99; background: none; }
    ul.dropdown li:hover li ul,
    ul.dropdown li.sfHover li ul { top: 0; }
    ul.dropdown li li:hover ul,
    ul.dropdown li li.sfHover ul { left: 0; top: 0; }
    ul.dropdown li li:hover li ul,
    ul.dropdown li li.sfHover li ul { top: 0; }
    ul.dropdown li li li:hover ul,
    ul.dropdown li li li.sfHover ul { left: 0; top: 0; }

    #logo img { max-width: 100%; height: auto; }

    #sidebar { width: 100%; float: left; }

    #footer div.column {
        width: 45%;
        margin-right: 3%;
    }

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

    #logo { float:left; display: block; width: 100%; }
    #header #searchform { display: none; }

    #slider,
    #slider.full { height: 270px; }

    #slider.full #slides { min-height: 200px; }

    #slider #slides .slide_content { min-height: 50px; }
    #slider #slides .slide_content_video-enabled { min-height: 50px; }
    #slider.full .slide_content_video-enabled { display:block; }
    #slider #slides .slide_content_video-enabled { display: block; }

    #slider #slides h2 a { font-size: 14px; }
    #slider .flex-direction-nav a { top:15%; }
    #slider .date { display: none; }
    .home_widgets .widget {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .wztw-container .tabs h2 { display: block; float:none; }

    .column_1 .main_content { overflow: inherit; }

    .three-columns .widget:nth-child(3n+2) .title  {
        margin:0 0 15px;
        padding: 10px 0;
    }

    #footer div.column {
        width: 100%;
        margin-right: 0;
    }

    .copyright .right { float: left; width: 100%; margin: 5px 0 0; }
    .column_1 img { margin-right: 5%; }
    .column_1 { float: left; margin: 0; width: 100%; }
    .column_2 { float: left; margin: 0; width: 100%; }
    .column_1 h2 a {   font-size: 16px;  }

    .recent-post h2 { font-size: 18px; }
    .recent-post .post-thumb { display:block; float:none; margin:0 0 10px 0; }
    .recent-post .post-thumb img { max-width: 100%; height: auto; }
    .recent-post .post-content {overflow: inherit; }

    #sidebar .col1,
    #sidebar .col2 { width: 100%; float:none; }
    #sidebar .widget {width:100%; margin-right:0%; float:none; }


    #respond .form_fields { width:97%; margin:0; }
    #respond .comment-form-comment {width:99%; }
    #respond .form_fields input { width:98%; }
    .children #respond { margin-right:0; }

    h1.title { font-size: 22px; margin-bottom: 15px; width: 100%; display: block; }

    .post-meta  { text-align: left; display: block; border: none; width: 100%;  margin: 0; }
    .post-meta span { display: inline;   margin: 0 10px; }
    .single .entry { padding: 3%; }

    .tag_list { font-size: 12px; }

    .carousel-slider .item { min-height: 150px; }

}