/*/////////////////////////////////////////////////////////////////////
 // 
 // Custom theme code styles
 // Written by ntsolve.com (http://www.ntsolve.com)
 // Responsive for devices
 // 
 /////////////////////////////////////////////////////////////////////*/
/*
 * --------------------------------------------------
 * 1. General Elements
 *--------------------------------------------------
*/
#navigation {
    /* 1. Navigation wrapper */
}
#highlighted {
    /* 2. Highlighted (below header) wrapper */
}
#content {
    /* 3. Content wrapper */
}
#content-below {
    /* 4. Content Below wrapper */
}
#footer {
    /* 5. Footer wrapper */
}
/*
 * --------------------------------------------------
 * 2. Responsiveness/media queries
 *--------------------------------------------------
*/
@media (min-width: 980px) {
    /* Navbar Expanded (desktop) */
}
@media (min-width: 1200px) {
    /* Responsive: Large desktop and up (wide) */
}
@media (max-width: 979px) {
    /* Responsive: Mobile to desktop (common for all narrow devices) */
}
@media (min-width: 768px) and (max-width: 979px) {
    /* Responsive: Tablet to desktop (normal) */
}
@media (max-width: 767px) {
    /* Responsive: Landscape phone to desktop/tablet (narrow) */
}
@media (max-width: 480px) {
    /* Responsive: Up to Landscape phone (mobile) */
}
/*
 * --------------------------------------------------
 *  specific device stuff
 *--------------------------------------------------
*/

@media (min-width: 980px) and (max-width: 1199px) {
    /* Responsive: Large desktop and up (wide) */
    #carousel .carousel-inner .item img {
        height: 310px !important;
    }
    .carousel  .active .carousel-caption{
        bottom: 0;
        left: 0;
        padding: 10px;
        position: absolute;
        right: 0;
    }
}
@media (max-width: 979px) {
    #navigation .header {
        padding: 10px 0;
    }
    #navigation .header #header-hidden-link {
        top: -10px;
    }
    #navigation .navbar .btn-navbar {
        text-align: center;
        display: block;
        float: left;
        margin: 8px;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: rgba(62, 62, 62, 0.8);
        background-image: -moz-linear-gradient(top, rgba(62, 62, 62, 0.8), rgba(62, 62, 62, 0.8));
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(62, 62, 62, 0.8)), to(rgba(62, 62, 62, 0.8)));
        background-image: -webkit-linear-gradient(top, rgba(62, 62, 62, 0.8), rgba(62, 62, 62, 0.8));
        background-image: -o-linear-gradient(top, rgba(62, 62, 62, 0.8), rgba(62, 62, 62, 0.8));
        background-image: linear-gradient(to bottom, rgba(62, 62, 62, 0.8), rgba(62, 62, 62, 0.8));
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3e3e3e', endColorstr='#cc3e3e3e', GradientType=0);
        border-color: rgba(62, 62, 62, 0.8) rgba(62, 62, 62, 0.8) rgba(23, 23, 23, 0.8);
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        *background-color: rgba(62, 62, 62, 0.8);
        /* Darken IE7 buttons by default so they stand out more given they won't have borders */

        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
    }
    #navigation .navbar .btn-navbar:hover, #navigation .navbar .btn-navbar:focus, #navigation .navbar .btn-navbar:active, #navigation .navbar .btn-navbar.active, #navigation .navbar .btn-navbar.disabled, #navigation .navbar .btn-navbar[disabled] {
        color: #ffffff;
        background-color: rgba(62, 62, 62, 0.8);
        *background-color: rgba(49, 49, 49, 0.8);
    }
    #navigation .navbar .btn-navbar:active, #navigation .navbar .btn-navbar.active {
        background-color: rgba(36, 36, 36, 0.8) \9;
    }
    #navigation .nav-select {
        display: block;
    }
    #navigation .navbar-inner {
        padding: 0;
        margin: 0 10px;
        background-image: none;
    }
    #navigation .navbar .nav li.divider-vertical, #navigation .navbar .nav li.home-link {
        display: none;
    }
    #navigation .navbar .nav.user-menu {
        margin: 0;
        padding: 8px;
    }
    #navigation .navbar .nav#main-menu {
        float: none;
        margin: 0;
        padding: 0;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }
    #navigation .navbar .nav#main-menu li {
        float: none;
        border-left: none;
        border-right: none;
        padding: 0;
        margin: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    #navigation .navbar .nav#main-menu li a, #navigation .navbar .nav#main-menu li a:link, #navigation .navbar .nav#main-menu li a:focus {
        padding: 10px 20px;
        margin: 0;
        font-weight: normal;
    }
    #navigation .navbar .nav#main-menu li a .caret, #navigation .navbar .nav#main-menu li a:link .caret, #navigation .navbar .nav#main-menu li a:focus .caret {
        float: right;
        border: none;
        margin: 0 -20px 0 0;
        font-size: 16px;
        color: #ffffff;
        width: 30px;
        height: 30px;
    }
    #navigation .navbar .nav#main-menu li a .caret:before, #navigation .navbar .nav#main-menu li a:link .caret:before, #navigation .navbar .nav#main-menu li a:focus .caret:before {
        content: "\f054";
    }
    #navigation .navbar .nav#main-menu li a:hover, #navigation .navbar .nav#main-menu li.active a {
        background: #4a4a4a;
        color: #ffffff;
    }
    #navigation .navbar .nav#main-menu li.open .dropdown-toggle, #navigation .navbar .nav#main-menu li.open.active .dropdown-toggle {
        background: #434343;
        color: #ffffff;
    }
    #navigation .navbar .nav#main-menu li.open .dropdown-toggle .caret:before, #navigation .navbar .nav#main-menu li.open.active .dropdown-toggle .caret:before {
        content: "\f078";
    }
    #navigation .navbar .nav#main-menu .dropdown-menu {
        background: none;
        margin: 0;
        padding: 0;
        max-width: 100%;
        border: none;
        color: rgba(255, 255, 255, 0.6);
        position: relative;
        float: none;
    }
    #navigation .navbar .nav#main-menu .dropdown-menu li {
        margin: 0;
        padding: 0;
        border-top: none;
        background: none;
    }
    #navigation .navbar .nav#main-menu .dropdown-menu li a, #navigation .navbar .nav#main-menu .dropdown-menu li a:link, #navigation .navbar .nav#main-menu .dropdown-menu li a:focus, #navigation .navbar .nav#main-menu .dropdown-menu li a.menu-item {
        padding: 5px 20px;
        margin: 0;
        background-color: #4d4d4d;
        background: #525252;
        border-bottom-color: rgba(255, 255, 255, 0.16);
        text-transform: none;
        color: rgba(255, 255, 255, 0.6);
    }
    #navigation .navbar .nav#main-menu .dropdown-menu li a:before, #navigation .navbar .nav#main-menu .dropdown-menu li a:link:before, #navigation .navbar .nav#main-menu .dropdown-menu li a:focus:before, #navigation .navbar .nav#main-menu .dropdown-menu li a.menu-item:before {
        font-size: 10px;
        color: rgba(255, 255, 255, 0.6);
        width: 30px;
        height: 30px;
        content: "\f0da";
        padding: 0 6px 0 0;
    }
    #navigation .navbar .nav#main-menu .dropdown-menu li a:hover, #navigation .navbar .nav#main-menu .dropdown-menu li a:link:hover, #navigation .navbar .nav#main-menu .dropdown-menu li a:focus:hover, #navigation .navbar .nav#main-menu .dropdown-menu li a.menu-item:hover {
        background-color: #4d4d4d;
        background: #525252;
        border-bottom-color: rgba(255, 255, 255, 0.16);
        color: #ffffff;
    }
    #navigation .navbar .nav#main-menu .dropdown-menu.mega-menu {
        padding: 0;
        min-width: 100%;
        max-width: 100%;
    }
    #navigation .navbar .nav#main-menu .dropdown-menu.mega-menu .menu-title {
        display: none;
    }
    #navigation .navbar .nav#main-menu .dropdown-menu.mega-menu ul.row-fluid [class*="span"] {
        width: 100%;
    }
    #navigation .navbar .nav#main-menu .dropdown-menu.mega-menu ul span, #navigation .navbar .nav#main-menu .dropdown-menu.mega-menu ul a {
        display: none;
    }
    #navigation .navbar .nav#main-menu .dropdown-menu.mega-menu ul a.menu-item {
        padding: 5px 20px;
        font-weight: normal;
        font-size: 11.5px;
        display: block;
    }
    #navigation .navbar .nav#main-menu .dropdown-menu.mega-menu ul a.menu-item:before {
        font-size: 14px;
    }
}
@media (min-width: 979px + 1) {
}
@media (min-width: 1200px) {
}
@media (max-width: 979px) {
    #navigation {
        margin-bottom: 1em;
    }
    #navigation .header #header-hidden-link {
        right: 20px;
    }
    #navigation .header .social-media {
        margin-top: 20px;
    }
    #navigation .header-hidden-inner, #navigation .header-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    #navigation .navbar-inner {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .has-navbar-fixed-top #highlighted {
        margin-top: auto;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    #carousel .carousel-inner .item img {
        width: 768px !important;
        height: 300px !important;
    }
    .carousel  .active .carousel-caption{
        bottom: 0;
        left: 0;
        padding: 10px;
        position: absolute;
        right: 0;
    }

    .type li a .inner-wrapper {
        height: 350px;
        padding: 1em;
        border: 1px solid #d9d9d9;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: block;
        position: relative;
        background-color: #f7f7f7;
        background-image: -moz-linear-gradient(top, #ffffff, #ebebeb);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebebeb));
        background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb);
        background-image: -o-linear-gradient(top, #ffffff, #ebebeb);
        background-image: linear-gradient(to bottom, #ffffff, #ebebeb);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffebebeb', GradientType=0);
    }
    .feature-tabs ul.nav-tabs li a i {
        display: none;
    }
    blockquote small img {
        display: none;
    }
}
/* large screen Mobile/ small iphad compatiable*/

@media (max-width: 767px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }
    .type li a .inner-wrapper {
        height: 280px !important;
        width:  270px !important;
        padding: 1em;
        border: 1px solid #d9d9d9;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: block;
        position: relative;
        background-color: #f7f7f7;
        background-image: -moz-linear-gradient(top, #ffffff, #ebebeb);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebebeb));
        background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb);
        background-image: -o-linear-gradient(top, #ffffff, #ebebeb);
        background-image: linear-gradient(to bottom, #ffffff, #ebebeb);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffebebeb', GradientType=0);
    }

    #navigation .header {
        height: auto;
    }
    #navigation .header .slogan {
        border: none;
        padding: 0;
        margin: 0;
        float: none;
        text-align: center;
    }
    #navigation .header #header-hidden-link {
        right: 10px;
    }
    #navigation .header .brand, #navigation .header .social-media {
        width: auto;
        text-align: center;
        float: none;
    }
    #navigation .header .social-media {
        margin-top: 1em;
    }
    #navigation div.dropdown-menu, #navigation span.dropdown-menu {
        max-width: 300px;
    }
    #navigation div.dropdown-menu .input-prepend input, #navigation span.dropdown-menu .input-prepend input, #navigation div.dropdown-menu .input-append input, #navigation span.dropdown-menu .input-append input, #navigation div.dropdown-menu .input-prepend input[class*="span"], #navigation span.dropdown-menu .input-prepend input[class*="span"], #navigation div.dropdown-menu .input-append input[class*="span"], #navigation span.dropdown-menu .input-append input[class*="span"], #navigation div.dropdown-menu form input[type="text"].email, #navigation span.dropdown-menu form input[type="text"].email {
        display: block;
        border: 1px solid #e6e6e6;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }
    #navigation div.dropdown-menu form .btn.login, #navigation span.dropdown-menu form .btn.login {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    #content, #content-below, #footer {
        padding-left: 20px;
        padding-right: 20px;
    }
    .flexslider-wrapper .caption, .static-banner .caption {
        padding: 5%;
        text-align: center;
    }
    .flexslider-wrapper .flex-direction-nav, .static-banner .flex-direction-nav {
        display: none;
    }
    #footer .col {
        margin-bottom: 2em;
    }
    #footer .pull-right {
        float: none;
    }
    h1 small, h2 small, h3 small {
        display: block;
    }
    .tab-content, .pill-content {
        overflow: visible;
    }
    .tab-content .tab-pane, .pill-content .tab-pane, .tab-content .pill-pane, .pill-content .pill-pane {
        display: block;
        margin-bottom: 2em;
    }
    .section-menu ul.nav-list {
        border: none;
        padding: 1em 0;
    }
    .sidebar.sidebar-right .inner, .sidebar.sidebar-leftt .inner {
        border: none;
        padding: 20px 0 0 0;
    }
}
/* Mobile Phone compatiable*/
@media (max-width: 480px) {
    #carousel .carousel-inner .item img {
        width: 480px !important;
        height: 200px !important;
    }
    #navigation .navbar .user-menu {
        float: right;
    }
    #navigation .navbar .user-menu li > a.btn {
        padding: 4px 6px;
    }
    .sidebar.siderbar-right .inner, .sidebar.sidebar-left .inner {
        border: none;
        padding-left: 0;
        padding-right: 0;
    }
    .form-wrapper.form-narrow {
        min-width: 200px;
        max-width: 300px;
    }
    .form-wrapper.form-medium {
        min-width: 200px;
        max-width: 300px;
    }
    .type li a .inner-wrapper {
        height: auto;
        padding: 1em;
        border: 1px solid #d9d9d9;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        display: block;
        position: relative;
        background-color: #f7f7f7;
        background-image: -moz-linear-gradient(top, #ffffff, #ebebeb);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebebeb));
        background-image: -webkit-linear-gradient(top, #ffffff, #ebebeb);
        background-image: -o-linear-gradient(top, #ffffff, #ebebeb);
        background-image: linear-gradient(to bottom, #ffffff, #ebebeb);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffebebeb', GradientType=0);
    }
}