/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/


/*
Large devices
Desktops (≥1200px) 
*/

@media (min-width: 1240px) {
    .rev_slider_wrapper {
        min-height: 600px;
    }

    body.boxed .wrapper,
    body.boxed-simple .wrapper {
        float: none;
        width: 1220px;
        margin: 0 auto;
    }

    body.boxed-simple .wrapper {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 20px;
    }
}

@media (max-width: 1240px) {
    #header.header-modern {
        width: 1180px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .post-3-columns .post-item,
    .post-4-columns .post-item,
    .post-5-columns .post-item,
    .post-6-columns .post-item {
        width: 31.3333%;
        margin-right: 2%;
    }

    #header.header-modern {
        width: 998px;
    }

    .news-section-wrapper {
        padding: 0 40px
    }

    .inspiro-slider .slide-captions h1,
    .inspiro-slider .slide-captions h2 {
        font-size: 56px;
        line-height: 56px;
    }
}

/*
Medium devices
Desktops (≥992px)
*/

@media (max-width: 991px) {
    .wrapper {
        width: 100%;
        margin: 0;
    }

    #the-board-index .inner_right_area_out_patron_img {
        max-width: 100%;
        float: left;
    }

    #the-board-index .inner_right_area_out_patron_cont_message {
        width: 100%;
        margin-left: 0;
        float: left;
        padding-left: 0px;
    }

    body.wide #header.header-fullwidth #header-wrap .container {
        padding: 0 15px;
        width: 750px;
    }

    #topbar.topbar-dark {
        background-color: #101010 !important;
    }

    #topbar .topbar-dropdown {
        font-size: 12px;
    }

    #topbar .topbar-dropdown .title {
        padding: 0 10px;
    }

    #logo img {
        padding: 10px 10px 10px 0;
    }

    #header,
    #header-wrap,
    #header.header-sticky nav#mainMenu ul.main-menu,
    #mainMenu>ul {
        height: auto !important;
    }

    #header.header-sticky #header-wrap {
        position: relative;
    }

    #header.header-transparent+#slider,
    #header.header-transparent+#google-map,
    #header.header-transparent+.page-title-extended,
    #header.header-transparent+.page-title-video,
    #header.header-transparent+.page-title-parallax,
    #header.header-transparent+.fullscreen,
    #header.header-modern+.page-title-parallax {
        top: 0px;
        margin-bottom: 0px;
    }

    #header.header-transparent,
    #header.header-light-transparent {
        background: #FFF;
        border-bottom: 1px solid #F5F5F5;
        z-index: auto;
    }

    #header.header-transparent.header-dark:not(.header-navigation-light),
    #header.header-dark-transparent.header-dark:not(.header-navigation-light) {
        background-color: #101010;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    #header.header-dark.header-navigation-light .main-menu>ul>li>a,
    #header.header-dark.header-navigation-light #top-search a,
    #header.header-dark.header-navigation-light #shopping-cart a,
    #header.header-dark.header-navigation-light #shopping-cart .shopping-cart-items,
    #header.header-dark.header-navigation-light .nav-main-menu-responsive>button,
    #header.header-dark.header-navigation-light #top-search form input {
        color: #111;
    }

    #header.header-dark.header-navigation-light .lines,
    #header.header-dark.header-navigation-light .lines:before,
    #header.header-dark.header-navigation-light .lines:after {
        background-color: #111;
    }

    #header.header-modern {
        margin: 0;
        width: 100%;
        border-radius: 0px;
    }

    #header.header-modern+.page-title-parallax {
        padding: 40px 0;
    }

    #header.header-logo-center:not(.header-sticky) #logo {
        width: auto;
    }

    #header.header-logo-center:not(.header-sticky) nav.main-menu li.dropdown:first-child>a {
        padding-left: 6px;
        margin-left: 0px;
    }

    #header.header-mini,
    #header.header-mini #header-wrap,
    #header.header-mini #logo img,
    #header.header-mini nav#mainMenu ul.main-menu,
    #header.header-mini #shopping-cart a,
    #header.header-mini #top-search a,
    #header.header-mini .nav-main-menu-responsive,
    #header.header-mini .side-panel-button {
        height: 90px;
    }

    #header>.container {
        width: 100%;
        padding: 0px;
    }

    /*	Main menu*/
    .navigation-wrap {
        display: none;
        clear: both;
    }

    .navigation-wrap.navigation-active {
        display: block;
    }

    .navigation-wrap,
    .navigation-wrap>.container,
    #header.header-fullwidth #header-wrap .container .navigation-wrap .container {
        padding: 0px;
        width: 100%;
    }

    .navbar-collapse {
        border: 0px !important;
    }

    .navigation-wrap.navbar-header,
    .navigation-wrap.navbar-collapse {
        margin-left: 0px;
        margin-right: 0px;
        box-shadow: none;
    }

    .nav-main-menu-responsive {
        display: block;
    }

    .main-menu-collapse {
        position: relative;
        width: 100% !important;
        overflow: hidden;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    .dropdown-menu {
        width: 100% !important;
    }

    .main-menu-collapse.collapse {
        display: none !important;
        overflow: auto !important;
    }

    .main-menu-collapse.in {
        display: block !important;
        overflow-x: hidden !important;
        overflow-y: auto;
    }

    .main-menu {
        clear: both;
        display: block;
        width: 100%;
    }

    .main-menu ul {
        padding: 0;
        margin: 0;
    }

    .main-menu ul li {
        padding: 0;
        margin: 0;
        clear: both;
        float: none;
        display: block;
    }

    #mainMenu {
        margin-bottom: 10px;
    }

    #mainMenu>ul>li>a,
    #mainMenu>ul>li>span {
        font-size: 13px;
    }

    #mainMenu ul>li>a,
    #mainMenu ul>li>span {
        height: 50px;
        line-height: 32px;
        outline: none;
    }

    .main-menu ul ul {
        margin-left: 10px !important
    }

    .main-menu ul.main-menu {
        float: none;
        position: static;
    }

    .main-menu ul.dropdown-menu {
        position: static;
        clear: both;
        float: none;
        display: none !important;
    }

    .main-menu li.resp-active>ul.dropdown-menu {
        border: 0 none;
        display: block !important;
        padding-right: 10px;
    }

    nav ul.main-menu li a,
    nav ul.main-menu .dropdown-submenu>span.dropdown-menu-title-only {
        clear: both;
        float: none;
        display: block;
        border: 0;
        border-top: 0;
        margin: 0;
    }

    nav ul.main-menu li a i.fa-angle-down {
        position: absolute;
        right: 5px;
        top: 18px;
    }

    nav ul.main-menu ul.dropdown-menu {
        box-shadow: none;
    }

    #header.header-dark #mainMenu ul li.mega-menu-item .mega-menu-title,
    #header.header-dark:not(.header-navigation-light) #mainMenu ul li.dropdown:not(.mega-menu-item) li {
        border-bottom: 0;
    }

    #mainMenu ul>li>a,
    #mainMenu ul>li>span,
    #mainMenu .mega-menu-title,
    #mainMenu .mega-menu-content a {
        border-bottom: 1px solid #eee !important;
    }

    #header.header-dark:not(.header-navigation-light) #mainMenu ul>li>a,
    #header.header-dark:not(.header-navigation-light) #mainMenu ul>li>span,
    #header.header-dark:not(.header-navigation-light) .mega-menu-title,
    #header.header-dark:not(.header-navigation-light) .mega-menu-content a {
        border-bottom: 1px solid #222 !important;
        color: #ccc;
    }

    #header.header-dark:not(.header-navigation-light) .dropdown-menu a,
    #header.header-dark:not(.header-navigation-light) .dropdown-menu span:not(.label) {
        color: #888 !important;
    }

    #mainMenu ul li.dropdown:not(.mega-menu-item) li {
        border-bottom: 0;
    }

    #header.header-dark:not(.header-navigation-light) #mainMenu.style-1 ul.dropdown-menu,
    #header.header-dark:not(.header-navigation-light) #mainMenu.style-1 ul.dropdown-submenu {
        border: 3px solid #222;
    }

    #mainMenu.style-1 ul.dropdown-menu,
    #mainMenu.style-1 ul.dropdown-submenu,
    #header.header-dark #mainMenu.style-1 ul.dropdown-menu,
    #header.header-dark #mainMenu.style-1 ul.dropdown-submenu {
        border: 0px !important;
        box-shadow: none !important;
    }

    /*Slide menu version*/
    #mainMenu.slide-menu>ul>li {
        visibility: visible;
        filter: alpha(opacity=1);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

    #header.header-dark #mainMenu ul li.dropdown:not(.mega-menu-item) li {
        border-bottom: 0;
    }

    nav ul.main-menu ul.dropdown-menu li>a #header nav ul.main-menu .dropdown-submenu>span.dropdown-menu-title-only {
        padding: 9px 8px;
        border: 0;
        border-top: 0;
        margin: 0;
        border-bottom: none;
    }

    nav ul.main-menu ul.sub-menu {
        padding: 0;
        margin: 0 0 10px 0;
    }

    nav .main-menu .dropdown-submenu:before {
        content: "\f107";
        font-family: fontawesome;
        font-size: 12px;
        opacity: 0.6;
        position: absolute;
        right: 12px;
        top: 12px;
    }

    nav ul.main-menu ul.dropdown-menu {
        background: none !important;
        background-color: transparent !important;
    }

    nav ul.main-menu li.dropdown.open .dropdown-toggle,
    nav ul.main-menu li a,
    nav ul.main-menu li>a:hover,
    nav ul.main-menu li.active a,
    nav ul.main-menu li.dropdown:hover a,
    nav ul.main-menu li.dropdown:hover .dropdown-submenu>span.dropdown-menu-title-only {
        background: none !important;
        background-color: transparent !important;
    }

    nav ul.main-menu ul.dropdown-menu li:hover>a,
    nav ul.main-menu li.dropdown:hover ul.dropdown-menu li>a:hover {
        background: none !important;
        background-color: transparent !important;
    }

    nav.mega-menu li.mega-menu-item .mega-menu-sub-title {
        margin-top: 30px;
    }

    nav.mega-menu .mega-menu-content {
        padding: 0px;
    }

    nav .main-menu .dropdown-menu .mega-menu-content [class*="col-md-"] {
        padding: 0;
    }

    nav .main-menu .dropdown-menu .mega-menu-content [class*="col-md-"]:nth-child(2n) {
        padding-left: 2px;
    }

    nav .main-menu .dropdown-menu .mega-menu-content {
        background-image: none !important;
    }

    nav ul.main-menu .dropdown>.dropdown-menu,
    nav ul.main-menu .dropdown-submenu>.dropdown-menu {
        visibility: visible;
        opacity: 1;
    }

    nav ul.main-menu .dropdown:hover>.dropdown-menu,
    nav ul.main-menu .dropdown-submenu:hover>.dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

    /*dropdown*/
    #mainMenu>ul>li>a,
    #mainMenu>ul>li>span,
    #mainMenu>ul>li a,
    #mainMenu>ul>li span:not(.label) {
        padding: 10px 0;
    }

    /*Sticky Resposnive*/
    #header.header-sticky-resposnive #header-wrap {
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 199;
    }

    #header.header-sticky-resposnive #header-wrap #mainMenu>ul {
        max-height: 290px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    #header.header-sticky-resposnive {
        min-height: 90px;
        position: relative;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #header.header-sticky-resposnive.header-sticky #mainMenu>ul>li>a {
        height: 50px;
    }

    #header.header-sticky-resposnive.header-sticky #mainMenu>ul>li>a {
        line-height: 32px;
    }

    /*Side panel*/
    #side-panel {
        background-color: transparent;
        display: block !important;
        overflow: hidden !important;
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
    }

    #side-panel #panel-logo {
        display: none;
    }

    body.side-panel-left #side-panel {
        left: 0;
        right: 0;
    }

    #side-panel .side-panel-wrap {
        overflow: unset;
        width: 100%;
        padding: 0;
    }

    .side-panel-button {
        display: none;
    }

    #side-panel .side-panel-wrap .panel-widget {
        display: none;
    }

    /*	static side panel*/
    body.side-panel-static .wrapper {
        padding-left: 0px;
    }

    body.side-panel-static #header #logo {
        display: inherit;
    }

    #shopping-cart {
        margin-right: 20px;
    }

    /*	page title*/
    .page-title-parallax {
        background-attachment: none !important;
        background-position: 50% 0;
        background-size: inherit !important;
    }

    #page-title {
        padding: 40px 0 !important;
    }

    #page-title:not(.page-title-small) h1 {
        font-size: 40px !important;
    }

    /*	post columns*/
    .post-2-columns .post-item,
    .post-3-columns .post-item,
    .post-4-columns .post-item,
    .post-5-columns .post-item,
    .post-6-columns .post-item {
        margin-right: 2.000%;
        width: 48.000%;
    }

    .post-content,
    .post-content-single {
        padding-left: 15px;
        padding-right: 15px;
    }

    #header.header-transparent+#slider,
    #header.header-transparent+.page-title-extended,
    #header.header-transparent+.page-title-video,
    #header.header-transparent+.page-title-parallax,
    #header.header-transparent+.fullscreen,
    #header.header-transparent+.fullscreen,
    #header.header-transparent+.halfscreen,
    #header.header-transparent+#google-map,
    #header.header-light-transparent+#slider,
    #header.header-light-transparent+.page-title-extended,
    #header.header-light-transparent+.page-title-video,
    #header.header-light-transparent+.page-title-parallax,
    #header.header-light-transparent+.fullscreen,
    #header.header-light-transparent+.fullscreen,
    #header.header-light-transparent+.halfscreen,
    #header.header-light-transparent+#google-map,
    #header.header-dark-transparent+#slider,
    #header.header-dark-transparent+.page-title-extended,
    #header.header-dark-transparent+.page-title-video,
    #header.header-dark-transparent+.page-title-parallax,
    #header.header-dark-transparent+.fullscreen,
    #header.header-dark-transparent+.fullscreen,
    #header.header-dark-transparent+.halfscreen,
    #header.header-dark-transparent+#google-map,
    #topbar.topbar-transparent+#header.header-transparent+#slider,
    #topbar.topbar-transparent+#header.header-transparent+.page-title-extended,
    #topbar.topbar-transparent+#header.header-transparent+.page-title-video,
    #topbar.topbar-transparent+#header.header-transparent+.page-title-parallax,
    #topbar.topbar-transparent+#header.header-transparent+.fullscreen,
    #topbar.topbar-transparent+#header.header-transparent+#google-map,
    #topbar.topbar-transparent+#header.header-dark-transparent+#slider,
    #topbar.topbar-transparent+#header.header-dark-transparent+.page-title-extended,
    #topbar.topbar-transparent+#header.header-dark-transparent+.page-title-video,
    #topbar.topbar-transparent+#header.header-dark-transparent+.page-title-parallax,
    #topbar.topbar-transparent+#header.header-dark-transparent+.fullscreen,
    #topbar.topbar-transparent+#header.header-dark-transparent+#google-map #topbar.topbar-transparent+#header.header-light-transparent+#slider,
    #topbar.topbar-transparent+#header.header-light-transparent+.page-title-extended,
    #topbar.topbar-transparent+#header.header-light-transparent+.page-title-video,
    #topbar.topbar-transparent+#header.header-light-transparent+.page-title-parallax,
    #topbar.topbar-transparent+#header.header-light-transparent+.fullscreen,
    #topbar.topbar-transparent+#header.header-light-transparent+#google-map {
        margin-bottom: 0px;
        top: 0px;
    }

    .p-t-200 {
        padding-top: 80px !important;
    }

    .p-b-200 {
        padding-bottom: 80px !important;
    }

    /*	Grid post*/
    .grid-articles:not(.post-carousel) .post-entry {
        width: 50%;
    }

    .grid-articles:not(.post-carousel) .post-entry:first-child {
        width: 100%;
    }

    .grid-articles:not(.post-carousel) .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 {
        font-size: 20px;
    }

    .grid-articles:not(.post-carousel) .post-entry .post-entry-meta .post-entry-meta-title h2 {
        font-size: 13px;
    }

    .grid-articles:not(.post-carousel) .post-entry .post-entry-overlay {
        border-width: 0 !important;
    }

    /*	hide news ticker*/
    .news-ticker {
        display: none;
    }

    .news-section-wrapper {
        padding: 0px
    }

    /*  widgets*/
    .widget {
        float: left;
        width: 100%;
    }

    /* shop*/
    .mfp-ajax-holder .mfp-close {
        margin-right: 0;
    }

    .mfp-close {
        font-size: 22px;
        height: 30px;
        line-height: 32px;
        width: 30px;
    }

    /*    maps*/
    .map {
        min-height: 240px;
    }

    /*helper classes*/
    .sm-text-center {
        text-align: center !important;
    }

    .sm-text-left {
        text-align: left !important;
    }

    .sm-text-right {
        text-align: right !important;
    }

    /*    inspiro slider*/
    .inspiro-slider .slide-captions h1,
    .inspiro-slider .slide-captions h2 {
        font-size: 48px;
        line-height: 48px;
        margin-bottom: 16px;
    }
}

/*
Small devices
Tablets (≥768px)
*/

@media (max-width: 767px) {

    .join_btn {
        width: auto !important;
    }

    #the-board-index .inner_right_area_the_brand {
        display: block;
        width: 100%;
        clear: both;
        padding: 0 15px;
    }

    #the-board-index .team_member {
        display: block;
    }

    #the-board-index .team_member .team_image {
        max-width: 100%;
        margin-right: 0;
        float: left;
    }

    #the-board-index .team_member_cont {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
        clear: both;
        display: inline-block;
    }

    .wrapper {
        width: 100% !important;
    }

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-19,
    .col-md-11,
    .col-md-12 {
        clear: left;
        width: 100%;
    }

    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        width: 100% !important;
    }

    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        width: 100% !important;
    }

    /* helper classes*/
    section {
        padding: 40px 0;
    }

    /*helper classes*/
    .xs-text-center {
        text-align: center !important;
    }

    .xs-text-left {
        text-align: left !important;
    }

    .xs-text-right {
        text-align: right !important;
    }

    /*    inspiro slider*/
    .inspiro-slider .slide-captions h1,
    .inspiro-slider .slide-captions h2 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 14px;
    }

    .inspiro-slider .slide-captions .btn {
        padding: 5px 10px !important;
        font-size: 10px !important;
        line-height: 1.5;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #page-title:not(.page-title-small) h1 {
        font-size: 30px !important;
    }

    /*	post columns*/
    .post-2-columns .post-item,
    .post-3-columns .post-item,
    .post-4-columns .post-item,
    .post-5-columns .post-item,
    .post-6-columns .post-item {
        margin-right: 2%;
        width: 98%;
    }

    /*	TYPOGRAPHY*/
    .text-large,
    .text-large span,
    .text-large span span,
    .text-large-light,
    .text-large-light span,
    .text-large-light span span,
    .text-extra-large,
    .text-extra-large span,
    .text-lg,
    .text-lg span,
    .text-lg span span {
        font-size: 40px !important;
        line-height: 40px !important;
    }
}

@media (max-width: 479px) {

    .team_member {
        display: block !important;
    }

    .team_member_cont {
        width: 100% !important;
    }

    .team_image {
        max-width: 100% !important;
        margin-right: 0px !important;
    }

    .team_image img {
        max-width: 100% !important;
    }

    .container,
    #header.header-fullwidth .container {
        width: 100% !important;
    }

    /*	Grid post*/
    .grid-articles:not(.post-carousel) .post-entry,
    .grid-articles:not(.post-carousel) .post-entry:first-child,
    .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(1),
    .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(2) {
        width: 100%;
    }

    .grid-articles:not(.post-carousel) .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 a,
    .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(1) .post-entry-meta .post-entry-meta-title h2 a,
    .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(2) .post-entry-meta .post-entry-meta-title h2 a {
        font-size: 16px;
    }

    #page-title:not(.page-title-small) h1 {
        font-size: 30px !important;
    }

    /*	post columns*/
    .post-2-columns .post-item,
    .post-3-columns .post-item,
    .post-4-columns .post-item,
    .post-5-columns .post-item,
    .post-6-columns .post-item {
        margin-right: 0%;
        width: 100%;
    }

    /*	blog*/
    .post-thumbnail .post-image,
    .post-thumbnail .post-video,
    .post-thumbnail .post-audio,
    .post-thumbnail .post-embed,
    .post-thumbnail .post-slider,
    .post-thumbnail .post-content-details,
    .post-thumbnail .post-meta {
        width: 100%;
        padding: 0;
    }

    /*	footer*/
    footer .footer-logo {
        border-right: 0 none;
        float: none !important;
        margin: 0px;
        padding: 0;
        width: 100%;
        display: block;
    }

    /*****SHORTCODES *****/
    /*countdown*/
    .countdown .countdown-box {
        height: 60px !important;
        padding: 2px 0px 0 0 !important;
        width: 60px !important;
        margin: 0px !important;
        border: solid 0px !important;
    }

    .countdown .countdown-box .number {
        font-size: 20px !important;
        margin-bottom: 0px;
    }

    .countdown .countdown-container .countdown-box span {
        font-size: 10px !important;
        padding-top: 0px;
    }

    /*	TYPOGRAPHY*/
    .text-large,
    .text-large span,
    .text-large span span,
    .text-large-light,
    .text-large-light span,
    .text-large-light span span,
    .text-extra-large,
    .text-extra-large span,
    .text-lg,
    .text-lg span,
    .text-lg span span {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    .hero-heading-3 {
        background-color: #fff;
        border: 30px solid #fff;
        padding: 30px;
        width: 100%;
        margin: 0;
    }

    .hero-heading-3 h2,
    .hero-heading-3 h3 {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    /*multiscroll*/
    #multiscroll .ms-left {
        width: 100% !important;
        z-index: 1;
    }

    #multiscroll .ms-right {
        background: none;
    }
}

@media screen and (max-width: 1199px) {
    .register.box-area-sec ul li {
        width: auto;
        margin-left: 123px;
    }

    .register.box-area-sec ul li a:after {
        content: "";
        width: 120px;
    }

    label#citizen-error,
    label#ethencity-error {
        left: 0;
        bottom: -35px;
    }

    #join_the_register-join_the_register .tab ul li {
        width: 32%;
    }

    .inner_right_area_tab .box-area-sec ul li {
        width: 4% !important;
    }

    .logo {
        padding: 12px 0;
    }

    .inner_right_area_tab .box-area1 ul li {
        width: 100% !important;
    }

    .mid_slide_bg {
        background-image: none !important;
        background-repeat: no-repeat;
        padding: 45px !important;
        background: #f98202;
    }

    .mid_bg_right {
        background-image: none !important;
        background: #f88002 !important;
        padding: 45px !important;
    }

    h2.Patients {
        margin-bottom: 30px;
    }

    section.news_section_padding {
        padding-bottom: 70px;
    }

    .mid_slide_bg .owl-carousel .owl-item img {
        max-height: initial;
        padding: 10px;
        background: #fff;
        /* box-shadow: 7px 8px 20px 5px #ccc; */
    }

    .mid_slide_bg p {
        position: absolute;
        bottom: -10px !important;
        left: 10px !important;
        right: 10px;

    }

    .padding_left_right_none {
        padding-left: 0px;
        padding-right: 0px;
        width: 50% !important;
        min-height: 286px !important;
    }

    .jumbotron.jumbotron-fullwidth.background-colored.text-light.m-b-0 .col-md-5 {
        padding-left: 0;
        width: 100%;
        text-align: center;
    }

    .col-md-7.donor_btn {
        width: 100%;
        text-align: center;
    }

    .mid_bg_right img {
        background: #fff;
        padding: 10px;
    }

    .news_text_box {
        width: 100%;
    }

    .footer-content .col-md-2 {
        width: 33%;
    }

    .footer-content .col-md-4 {
        width: 50%;
    }

    .register_area_circle_img img {
        width: 100%;
    }

    .inner_right_area_tab ul li {
        width: 24%;
    }

    .inner_right_area_tab ul li a {
        font-size: 13px !important;
    }

    #you-are-a-match-index .inner_right_area_tab ul li:last-child {
        margin-top: 20px;
    }

    .inner_right_area_pateint_booklet.register_area img {
        max-width: 50% !important;
    }

    .inner_right_area_pateint_booklet.register_area a {
        width: 25% !important;
    }

    .recipient_stories {
        display: block;
        margin-bottom: 30px;
    }

    .recipient_stories_img1 img {
        width: 100%;
        float: left;
    }

    .recipient_stories_img1 {
        width: 35%;
        float: left;
    }

    .recipient_stories_cont {
        padding-left: 20px;
        width: 65%;
        float: left;
    }

    .recipient_stories_img2 {
        display: block;
        width: 100%;
        clear: both;
    }

    .recipient_stories_img2 img {
        padding-top: 30px;
        width: 100%;
    }

    .inner_right_area_calender.register_area .col-md-4:last-child {
        margin-top: 20px;
    }

    .inner_right_area_calender.register_area .col-md-4 {
        width: 50%;
    }

    div#show_0 span.register-form-cont span {
        display: inline-block;
        width: 46%;
        margin-left: 0;
    }

    span.register-form-cont .citizen {
        width: 49%;
        display: inline-block;
    }

    span.ethencity-list {
        display: inline-block;
        width: 49%;
    }

}


@media screen and (max-width:991px) {
    .inner_right_area_our_staff.register_area ul li {
        display: inline-block;
        width: 48%;
    }

    .form-group.hidesec4 span.Check label#check-error {
        top: 35px;
        left: 0;
    }

    span.register-form-cont span {
        width: 49%;
        display: block;
        float: left;
    }

    #join_the_register-join_the_register .tab ul li {
        width: 32%;
    }

    label#name_detail-error,
    label#contact_detail-error {
        bottom: -10px !important;
    }

    .register.box-area-sec ul li {
        width: auto;
        margin-left: 110px;
    }

    .register_area_circle_img {
        width: 100%;
    }

    .inner_right_area_tab .box-area-sec ul li {
        width: 0% !important;
    }

    .register.box-area-sec ul li a:after {
        width: 84px;
    }

    div#header-wrap .col-md-3,
    div#header-wrap .col-md-9 {
        width: 100%;
    }

    .logo img {
        width: 10% !important;
        height: auto !important;
        display: block;
        margin: 0 auto;
    }

    div#header-wrap {
        height: auto !important;
    }

    .menu_bar {
        float: left;
        padding: 0px 0 15px;
    }

    ul.sub-menu {
        padding-top: 17px !important;
    }

    #header #top-search a i {
        line-height: inherit !important;
    }

    section.banner_box_section .col-md-4 {
        width: 33%;
    }

    .banner_box {
        background-color: #f87f03;
        font-size: 16px !important;
    }

    .mid_slide_bg {
        margin-bottom: 40px;
    }

    h2.Patients {
        margin-left: 0;
    }

    .mid_box_white {
        min-height: 234px;
    }

    .copyright-text.text-letf.col-md-7 {
        text-align: center;
    }

    .copyright-text.text-right.col-md-5 {
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .inner-content .col-md-3 {
        width: 30%;
        float: left;
    }

    .inner-content .col-md-9 {
        width: 70%;
        float: left;
    }

    .inner_right_area {
        padding-left: 0;
        float: left;
        width: 100%;
    }

    li.inner_right_area_menu_register {
        display: none;
    }

    div#show_0 span.register-form-cont span {
        display: inline-block;
        width: 49%;
        margin-left: 0;
    }

    .col-md-12 span label.error,
    .col-md-6 span label.error {
        bottom: -28px !important;
    }

    label#ethencity-error {
        bottom: -35px;
        left: 0;
    }

    label#citizen-error {
        left: 0;
        bottom: -35px;
    }

    label#contact_detail1-error,
    label#name_detail1-error {
        bottom: -10px !important;
    }

    canvas#sig-canvas {
        margin-top: 20px;
        width: 100%;
    }
}


@media screen and (max-width:767px) {
    .inner_right_area_news.register_area .col-md-4 {
        width: 33%;
    }

    .register_area_circle_img:after {
        display: none !important;
    }

    .inner_right_area_tab ul li {
        max-width: 100%;
    }

    .register_area_circle_img img {
        width: 100%;
        max-width: 130px;
    }

    section#steps-uid-0-p-0 {
        padding-top: 0;
    }

    .blog_area {
        min-height: 285px;
    }

    a.bars {
        width: 100%;
        min-height: 40px;
        background: #f88002;
        display: flex;
        align-items: center;
        padding-left: 20px;
        color: #fff;
        font-size: 25px;
    }

    div#menu-bar {
        position: fixed;
        top: 0px;
        width: 70%;
        left: -100%;
        height: 100% !important;
        background: #f88002;
        overflow: hidden;
        transition: all 0.8s ease;
        z-index: 9999;
    }

    div#menu-bar ul li {
        display: block;
        line-height: 45px !important;
        background: #f88002;
        border-bottom: 1px solid #fff;
    }


    a.cross {
        display: flex;
        min-height: 40px;
        color: #fff;
        font-size: 25px;
        padding-left: 20px;
        align-items: center;
    }

    .logo img {
        width: 10% !important;
        height: auto !important;
        display: block;
        margin: 0 auto;
    }

    a#top-search-trigger {
        line-height: inherit !important;
    }

    #header #top-search {
        width: auto;
        height: 40px;
        line-height: 40px !important;
        display: flex;
        margin-bottom: 20px;
        position: fixed;
        right: 0;
        top: 0;
        border: 0;
        margin-right: 20px;
    }

    header#header {
        width: 100%;
    }

    .logo {
        padding: 0px 0 12px;
        width: 100%;
    }



    section.banner_box_section .col-md-4 {
        width: 100%;
        margin-bottom: 20px;
    }

    ul.sub-menu li {
        height: 45px;
        line-height: 45px;
        width: 100%;
    }

    ul.sub-menu {
        padding-top: 0;
    }

    ul.sub-menu {
        position: relative;
        padding-left: 0;
        top: 100%;
        left: 0;
        display: none;
        padding-top: 38px;
    }

    input#searchtxt {
        position: absolute;
        min-width: 320px;
        right: 0;
        width: 100%;
    }

    .padding_left_right_none {
        width: 100% !important;
        min-height: auto !important;
    }

    .donor_btn li:after {
        display: none;
    }

    .col-md-7.donor_btn ul li {
        margin-right: 0;
        max-width: 300px !important;
        width: 100% !important;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .banner_area .owl-carousel .owl-item img {
        min-height: auto;
    }

    .banner_area button.owl-prev:before,
    .banner_area button.owl-next:before {
        font-size: 20px;
        width: 40px;
        height: 40px;
    }

    .inner-content .col-md-9 {
        width: 100%;
        float: left;
        clear: both;
    }

    .inner-content .col-md-3 {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }

    .left-menu ul li {
        width: 32%;
        display: inline-flex;
        min-height: 70px;
    }

    .left-menu ul li:last-child {
        border-bottom: 1px solid #606060;
    }

    .inner-content {
        padding-bottom: 40px;
    }

    section.inner-banner img {
        object-fit: cover;
        width: 100%;
        height: auto;
    }

    ol,
    ol li {
        padding-left: 0 !important;
    }

    .inner_right_area_hospitals.btm-br {
        border-bottom: 1px solid #f88002;
        margin-bottom: 20px !important;
        padding-bottom: 0px;
    }

    .inner_right_area_hospitals.btm-br h5,
    .inner_right_area_hospitals.btm-br h5 p {
        margin-bottom: 10px !important;
    }

    .inner_right_area_donor_stories.register_area iframe {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .inner_right_area_out_patron_img img {
        width: 100%;
    }

    .inner_right_area_out_patron_img {
        max-width: 100%;
        float: left;
        width: 100%;
    }

    .inner_right_area_out_patron_cont {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .inner_right_area_our_staff_img_cont p {
        text-align: center;
        padding: 0 50px;
    }

    .left-menu2 ul li {
        border: 0 !important;
        background: #ebebec;
        padding: 10px;
        min-height: 70px !important;
        display: inline-flex;
        margin-bottom: 10px;
    }

    #privacy-policy-index ol,
    #whistle-blowing-policy-index ol {
        padding-left: 30px !important;
    }


    .inner_right_area_donor_stories.register_area button.owl-prev:before {
        left: 10px !important;
    }

    .inner_right_area_donor_stories.register_area button.owl-next:before {
        right: 10px !important;
    }

    .inner_right_area_out_patron_img_cont {
        max-width: 100%;
    }

    .steps.clearfix {
        margin-top: -120px;
    }
}


@media screen and (max-width:600px) {
    .left-menu ul li {
        width: 49%;
    }

    section.inner-banner {
        padding: 40px 0;
    }

    .inner_right_area_news.register_area .col-md-4 {
        width: 50%;
    }

    .blog_area {
        min-height: 250px;
    }
}

@media screen and (max-width:567px) {

    .register.box-area-sec ul li {
        width: 49% !important;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }

    .register.box-area-sec ul li a:after {
        display: none;
    }

    .register.box-area-sec ul {
        display: block;
    }

    .register.box-area-sec ul li a:after {
        width: 55px;
    }

    label#citizen-error {
        left: 0;
        bottom: -60px;
    }

    label#ethencity-error {
        bottom: -85px;
        left: 0;
    }

    .register.box-area-sec {
        margin: 40px 0;
    }

    div#show_0 span.register-form-cont span {
        display: inline-block;
        width: 100%;
        margin-left: 0;
    }

    span.register-form-cont .citizen {
        width: 100%;
        display: inline-block;
    }

    span.ethencity-list {
        display: inline-block;
        width: 100%;
    }

    .banner_area .owl-dots {
        bottom: 20px;
    }

    .news_text_box {
        width: 100% !important;
    }


    .register.box-area-sec ul li {
        width: auto;
        margin-left: 80px;
    }

    ul.inner_right_area_menu li a {
        background: #ebebec;
        text-align: center;
        border: 0;
        padding: 5px 15px !important;
    }

    .inner_right_area__contact {
        display: block;
        float: left;
    }

    .inner_right_area_volunteer_resource_tab ul li {
        width: 100% !important;
    }

    .inner_right_area_volunteer_resource_tab ul li a {
        width: 100% !important;
        clip-path: none !important;
    }

    .inner_right_area_volunteer_resource_tab ul li:last-child {
        margin-top: 20px !important;
    }

    .contact_area_1 {
        width: 100%;
    }

    .conatct_area_2 {
        width: 100%;
        padding-left: 0;
        margin-top: 0px;
        display: block;
        clear: both;
    }

    .logo img {
        width: 12% !important;
    }

    .inner_right_area_calender.register_area .col-md-4 {
        width: 100%;
        margin-bottom: 20px;
    }

    .inner_right_area_calender.register_area .col-md-4:last-child {
        width: 100%;
        margin-top: 0px;
    }

    .heading.heading-center.m-b-40.m-t-40 {
        margin-top: 20px !important;
    }

    .footer-content .col-md-2:first-child {
        width: 100%;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-content .col-md-4 {
        width: 100%;
    }

    .col-md-2.footer_social_media_icon {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0;
    }

    .banner_area .owl-carousel .owl-item img {
        min-height: 300px;
    }

    .inner_right_area_pateint_booklet.register_area img {
        max-width: 100% !important;
    }

    .inner_right_area_pateint_booklet.register_area a {
        width: 49% !important;
        font-size: 16px;
    }

    ul.inner_right_area_menu li {
        margin-top: 10px;
    }

    ul.inner_right_area_menu li a {
        font-size: 14px;
    }

    .col-md-6.show-btn {
        margin-top: 10px;
    }
}


@media screen and (max-width:480px) {

    .register-click {

        font-size: 4vw !important;
    }

    .donatebox {
        flex-direction: column !important;
    }

    .logo img {
        width: 15% !important;
    }

    .register.box-area-sec {
        margin: 40px 0 0px;
    }

    /* .register_area_2 img{
    width: 100% !important;
} */
    .inner_right_area_the_brand img {
        width: 100% !important;
    }

    .inner_right_area_news img {
        width: 100% !important;
    }

    .inner_right_area_news dl ol ul {
        padding-left: 15px !important;
    }

    .inner_right_area_the_brand dl ol ul {
        padding-left: 15px !important;
    }

    .register_area_2 dl ol ul {
        padding-left: 15px !important;
    }


    .slder-nav {
        display: block;
        position: absolute;
        width: 130px;
        top: inherit;
        left: 0;
        bottom: 60px;
        margin: 0 auto;
        right: 0;
    }

    .inner_right_area_recipient_stories.register_area p a {
        word-break: break-all;
    }

    .inner_right_area_tab.search-area .register_area_2 {
        border: 0;
    }

    #you-are-a-match-index .register_area_2 {
        padding-top: 20px !important;
    }

    .steps.clearfix {
        visibility: hidden;
        text-indent: -999px;
        z-index: -99;
        margin-top: -360px;
    }

    .left-menu2 ul li {
        border: 0 !important;
        background: #ebebec;
        padding: 10px;
        min-height: 50px !important;
        display: inline-flex;
        margin-bottom: 10px;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .inner_right_area_our_staff.register_area ul li {
        display: inline-block;
        width: 100%;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }

    .inner_right_area_our_staff.register_area ul li img {
        min-height: auto;
        max-height: initial;
    }

    .Testimonials_slider {
        border-radius: 10px;
        box-shadow: 0 0 20px 0 #ccc;
        padding: 40px 30px;
    }

    .banner_area .owl-carousel .owl-item img {
        min-height: 250px;
    }

    .mid_slide_bg p {
        padding: 18px 15px !important;
    }

    .left-menu ul li {
        width: 100%;
        display: inline-flex;
        min-height: 50px;
    }

    .left-menu ul li a {
        width: 100%;
        padding: 0;
        text-align: center;
        line-height: 50px;
    }

    .inner_right_area_tab ul li {
        width: 100% !important;
        margin-bottom: 30px;
        clip-path: none !important;
    }

    .inner_right_area_tab ul li a {
        clip-path: none;
    }

    .register_area_left_img {
        width: 100%;
        float: left;
    }

    .register_area_2 {
        width: 100%;
        float: left;
    }

    .register_area_left_img img {
        width: 30%;
        display: block;
        margin: 0 auto;
    }

    .register_area_2 {
        width: 100%;
        float: left;
        /* border-top: 1px solid #f88002; */
        padding-left: 0px;
        border-left: 0 !important;
    }

    .recipient_stories_img1 {
        width: 100%;
        float: left;
    }

    .recipient_stories_cont {
        padding-left: 20px;
        width: 100%;
        float: left;
        padding-top: 20px;
    }

    .inner_right_area_our_staff_img {
        float: right;
        max-width: 100%;
        margin-left: 0px;
        text-align: center;
        width: 100%;
    }

    .blog_area {
        min-height: auto;
    }

    .inner_right_area_news.register_area .col-md-4 {
        width: 100%;
    }

    .blog_area .blog_area_cont {
        min-height: auto;
    }

    .blog_area_cont p {
        text-align: center !important;
    }

    .footer-content .col-md-2,
    .footer-content .col-md-4 {
        width: 100%;
    }

    .register.box-area1 a {
        line-height: 40px;
        font-size: 20px;
        margin: 0px 0 20px;
    }

}

@media screen and (max-width:420px) {
    .form-group label {
        font-size: 16px;
    }

    .register.box-area-sec ul li {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }

    .register.box-area1 a {
        line-height: 40px;
        font-size: 12px;
        margin: 0px 0 20px;
    }

    .logo img {
        width: 15% !important;
    }

    .copyright-text.text-right.col-md-5 {
        display: block;
    }

    .copyright-text.text-right.col-md-5 span i {
        /* display: none; */
    }

    .gototop-button {
        width: auto;
        right: 15px !important;
    }

    .register.box-area-sec ul li {
        width: auto;
        margin-left: 55px;
    }

    .register.box-area-sec ul li a:after {
        width: 30px;
    }

    .copyright-text.text-right.col-md-5 span {
        display: block;
        width: 100%;
        text-align: center;
    }

    .banner_area button.owl-prev:before,
    .banner_area button.owl-next:before {
        font-size: 14px;
        width: 30px;
        height: 30px;
    }

    .banner_area .owl-carousel .owl-item img {
        min-height: 200px;
    }

    .mid_slide_bg p {
        font-size: 16px !important;
        padding: 15px !important;
    }
}


@media screen and (max-width: 336px) {
    label#ethencity-error {
        bottom: -115px;
        left: 0;
    }

    label#citizen-error {
        left: 0;
        bottom: -90px;
    }
}


@media screen and (max-width: 479px) {

    label#name_detail-error,
    label#contact_detail-error {
        bottom: -30px !important;
    }

    label#contact_detail1-error,
    label#name_detail1-error {
        bottom: -30px !important;
    }

    span.register-form-cont span {
        width: 100%;
        display: block;
        float: left;
    }

}

@media screen and (max-width: 480px) {
    .register.box-area-sec {
        margin: 220px 0 0px;
    }
}

@media screen and (max-width: 544px) {
    section.inner-banner img {
        min-height: 200px !important;
        max-height: 200px !important;
    }
}