/*
/*	10.	Responsive
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 1224px){
    #menu-wrap {
        left: 20px;
    }
    #wrap {
        width: 640px;
        left: 295px;
    }
    #main {
        width: 320px;
    }
    #wrap.no-sidebar #main {
        width: 570px;
    }
    .slideshow-sc {
        width: 100% !important;
    }
    .flexslider .slides img {
        display: block;
        max-width: 100%;
    }
}

@media screen and (max-width: 998px){
    #menu-toggle, #nav, #entries-toggle, #nav-horizontal span, .social-in-homepage {
        display: none;
    }
    .social-bookmarks.res-social-bookmarks {
        display: block;
    }
    #menu {
        width: 100%;
    }
    #nav-horizontal {
        display: block;
        padding-top: 20px;
    }
    #nav-horizontal ul {
        text-align: center;
    }
    #nav-horizontal ul li {
        position: relative;
        padding: 3px 15px;
        margin-top: 5px;
        display: inline-block;
        text-align: left;
    }
    #nav-horizontal ul li li {
        padding: 2px 10px 8px;
        clear: both;
        display: block;
    }
    #nav-horizontal ul li a {
        display: inline-block;
        color: #fff;
        text-decoration: none;
        padding: 0;
        text-transform: uppercase;
    }
    #nav-horizontal ul li li a {

        text-transform: none;
    }
    #nav-horizontal ul li a:link, #nav-horizontal ul li a:visited, #nav-horizontal ul li a:active {
        color: #fff;
    }

    #nav-horizontal ul li ul {
        position: absolute;
        width: 170px;
        top: 0;
        visibility: hidden;
        background: rgba(0, 0, 0, .7);
        border: 1px solid #444;
        padding: 0 10px;
        margin-top: 5px;
    }
    #nav-horizontal ul li:last-child {
        border-bottom: none;
    }
    #menu-wrap {
        position: relative;
        margin: 0 auto;
        left: 0;
        width: 708px;
    }
    #wrap {
        width: 708px;
        top: 10px;
        left: 0;
        margin: 0 auto;
    }
    #main {
        width: 390px;
    }
    #logo {
        display: block;
        text-align: center;
    }
    #wrap.no-sidebar #main {
        width: 640px;
    }
    .slideshow-sc {
        width: 100% !important;
    }
    .flexslider .slides img {
        display: block;
        max-width: 100%;
    }
    #filters li {
        padding: 0 5px 0 0;
        margin-bottom: 10px;
        float: left;
    }

}

@media screen and (max-width: 830px){
    #menu-toggle, #entries-toggle, #nav-horizontal span, .social-in-homepage {
        display: none;
    }
    #menu-wrap {
        position: relative;
        margin: 0 auto;
        left: 0;
        width: 650px;
    }
    #wrap {
        width: 650px;
        top: 10px;
        left: 0;
        margin: 0 auto;
    }
    #main {
        width: 330px;
    }
    #wrap.no-sidebar #main {
        width: 580px;
    }
    .pricing-block h2.pricing-price {
        font-size: 30px !important;
    }
    .slideshow-sc {
        width: 100% !important;
    }
    .flexslider .slides img {
        display: block;
        max-width: 100%;
    }
    #filters li {
        padding: 0 5px 0 0;
        margin-bottom: 10px;
        float: left;
    }
    #nextslide {margin-right: 17px;}
    #slidecaption{
        right: 165px;
    }
    #audiojs_wrapper0 {right :90px;}

}

@media screen and (max-width:768px){
    #menu-toggle, #sidebar, #entries-toggle, .social-in-homepage {
        display: none !important;
    }
    #menu-wrap {
        position: relative;
        margin: 0 auto;
        left: 0;
        width: 550px;
    }
    #wrap {
        width: 550px;
        top: 10px;
        left: 0;
        margin: 0 auto;
    }
    #main {
        width: 480px;
    }
    #wrap.no-sidebar #main {
        width: 480px;
    }
    .pricing-block h2.pricing-title {
        font-size: 16px !important;
    }
    .pricing-block h2.pricing-price {
        font-size: 25px !important;
    }
    .slideshow-sc {
        width: 100% !important;
    }
    .flexslider .slides img {
        display: block;
        max-width: 100%;
    }
    #filters li {
        padding: 0 5px 0 0;
        margin-bottom: 10px;
        float: left;
    }
    #nextslide {margin-right: 17px;}
    #slidecaption{
        right: 160px;
    }
    #audiojs_wrapper0 {right :90px;}


}

@media screen and (max-width:650px){
    #menu-toggle, #sidebar, #nav-horizontal, #entries-toggle, .social-in-homepage {
        display: none !important;
    }
    #menu-wrap {
        position: relative;
        margin: 0 auto;
        left: 0;
        width: 400px;
    }
    #wrap {
        width: 400px;
        top: 10px;
        left: 0;
        margin: 0 auto;
    }
    #main {
        width: 330px;
    }
    #nav-toggle {
        display: block;
    }
    #nav-toggle-content {
        float: none;
    }
    #nav-toggle-content ul li {
        margin: 10px 0 10px 20px;
        color: #fff;
    }
    #nav-toggle-content ul li ul li {
        margin-left: 20px;
    }
    .jqueryslidemenu ul li a, #nav-toggle-content ul li a {font-size: 15px;}

    #wrap.no-sidebar #main {
        width: 330px;
    }
    .pricing-table {
        float: none;
    }
    .pricing-table-3col .pricing-table, .pricing-table-4col .pricing-table, .pricing-table-5col .pricing-table {
        width: 100%;
    }
    .slideshow-sc {
        width: 100% !important;
    }
    .flexslider .slides img {
        display: block;
        max-width: 100%;
    }
    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        margin-right: 0;
        float: none;
        width: 100%;
    }
    #breadcrumb {
        position: static;
    }
    #filters li {
        padding: 0 5px 0 0;
        margin-bottom: 10px;
        float: left;
    }
    #related-folio li {
        margin-bottom: 20px;
        display: block;
    }
    #slidecaption{
        right: 83px;
    }
}

@media screen and (max-width: 480px){
    #menu-toggle,.social-in-page, .social-in-homepage, #sidebar, #nav-horizontal, #slidecaption, #entries-toggle {
        display: none !important;
    }
    #menu-wrap {
        position: relative;
        margin: 0 auto;
        left: 0;
        width: 250px;
        padding-top:30px;
        padding-bottom: 30px;
    }
    #wrap {
        width: 250px;
        top: 10px;
        left: 0;
        margin: 0 auto;
    }
    #main {
        width: 180px;
    }
    #logo img {
        width: 70%;
    }
    #nav-toggle {
        display: block;
    }
    #nav-toggle-content {
        float: none;
    }
    .jqueryslidemenu ul li a, #nav-toggle-content ul li a {font-size: 15px;}
    #nav-toggle-content ul li {
        margin: 10px 0 10px 20px;
        color: #fff;
    }
    #nav-toggle-content ul li ul li {
        margin-left: 20px;
    }
    #wrap.no-sidebar #main {
        width: 180px;
    }
    .pricing-table {
        float: none;
    }
    .pricing-table-3col .pricing-table, .pricing-table-4col .pricing-table, .pricing-table-5col .pricing-table {
        width: 100%;
    }
    .slideshow-sc {
        width: 100% !important;
    }
    .flexslider .slides img {
        display: block;
        max-width: 100%;
    }
    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        margin-right: 0;
        float: none;
        width: 100%;
    }
    #breadcrumb {
        position: static;
    }
    #filters li {
        padding: 0 5px 0 0;
        margin-bottom: 10px;
        float: left;
    }
    #related-folio li {
        margin-bottom: 20px;
        display: block;
    }
    #nextslide {margin-right: 17px;}
    #audiojs_wrapper0 {right :90px;}
}