/*// Extra small devices (portrait phones, less than 576px)*/

@media (min-width: 320px) and (max-width: 575.98px)  {

  .second-footer {
    display: block !important;

  }
    /* main menu start  */
    .main-container {
        width: 100%;
    }
    .main-menu-button {
        display: none;
    }
    .main-menu .collapse-main-menu {
        display: block;
    }
    .lums-main-menu .region-we-mega-menu {
        /* background-color: #fff; */
        background-color: transparent;
    }
    .main-menu .region-we-mega-menu .navbar-toggle {
        border-color: #ddd;
        position: absolute;
        top: -100px;
        left: auto;
        padding: 9px;
        right: 85px;
    }
    .navbar-toggle {
        display: block;
    }
    .main-menu .region-we-mega-menu .navbar-toggle::before {
        content: "Menu";
        float: left;
        color: #888;
        line-height: 13px;
        font-family: 'Noto Sans Medium';
    }
    .main-menu .region-we-mega-menu .navbar-toggle .icon-bar {
        background-color: #888;
        margin-left: 55px;
    }
    .navbar .col-sm-2 {
        width: 31%;
        display: inline-block;
        vertical-align: top;
        padding-top: 0px;
    }
    .navbar .logo {
        margin-left: 0;
        width: auto;
        float: unset;
    }
    .navbar .logo {
        margin-left: 0;
        width: auto;
        float: unset;
    }
    .navbar .col-sm-10 {
        width: 67%;
        padding-top: 9px;
        display: inline-block;
    }
    .menu-button-container {
        padding: 0;
    }
    .logo img {
        width: 100%;
    }
    .slogan {
        width: 75px;
        overflow: unset;
        padding-top: 0;
        margin-left: 0;
        margin-top: 5px;
        clear: both;
    }
    .lums-main-menu .region-we-mega-menu {
        /* background-color: #fff; */
        background-color: transparent;
    }
    .sub-menu-option-1 {
        margin-top: 0;
    }
    .sub-menu-option-2 .region-we-mega-menu,
    .sub-menu-option-1 .region-we-mega-menu {
        background-color: #fff !important;
        background-image: unset !important;
        margin-bottom: 0;
    }
    .sub-menu-option-2 .navbar-toggle,
    .sub-menu-option-1 .navbar-toggle {
        background: #000;
        padding: 11px 14px 6px 12px;
        width: auto;
    }
    .sub-menu-option-2 .navbar-toggle::before,
    .sub-menu-option-1 .navbar-toggle::before {
        content: 'NOP Menu';
        position: relative;
        color: #fff;
        font-size: 14px;
        left: 0;
        top: -3px;
        float: left;
        padding-left: 33px;
        font-weight: bold;
    }
    .sub-menu-option-2 .submenu-nop,
    .sub-menu-option-1 .submenu-nop {
        z-index: 9;
        background-color: #fff !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0 !important;
    }
    .sub-menu-option-2 .submenu-nop,
    .sub-menu-option-1 .submenu-nop {
        border-bottom: none;
        padding-right: 0;
    }
    .sub-menu-option-2 .navbar-we-mega-menu ul,
    .sub-menu-option-1 .navbar-we-mega-menu ul {
        float: none;
        line-height: 1.7;
        padding-left: 10px;
        padding-right: 10px;
    }
    .submenu-nop .navbar-we-mega-menu ul > li:first-child {
        padding-left: 0px;
    }
    .submenu-nop .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li,
    .submenu-nop .we-mega-menu-ul li.we-mega-menu-li .we-megamenu-nolink {
        color: #04198b !important;
        font-size: 14px;
        padding: 13px 8px 14px 13px;
        /* display: block !important; */
        display: inline-block !important;
        background-color: #fff;
        /* width: 100%; */
        border-top: 0px solid rgba(0,0,0,0.3);
        text-shadow: 0 0px 0 rgba(0,0,0,0.5);
        -moz-box-shadow: 0 0px 0 rgba(255,255,255,0.05) inset;
        -webkit-box-shadow: 0 0px 0 rgba(255,255,255,0.05) inset;
        box-shadow: 0 0px 0 rgba(255,255,255,0.05) inset;
    }
    .submenu-nop .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li:after {
        content: '';
    }
    .submenu-nop .we-mega-menu-ul li.we-mega-menu-li i.fa {
        position: absolute;
        right: 5px;
        top: 16px;
        font-size: 20px;
    }
    .block-we-megamenu-blocksubmenu-nop .navbar-we-mega-menu ul li i {
        display: block;
    }
    .submenu-nop .we-mega-menu-ul li.we-mega-menu-li {
        position: relative;
        margin-left: 0;
        border-top: 1px solid rgba(0,0,0,0.3);
        text-shadow: 0 1px 0 rgba(0,0,0,0.5);
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;
    }
    .sub-menu-option-2 .menu-soe {
        z-index: 9;
        background-color: #fff !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0 !important;
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
        padding: 0;
        position: relative;
    }
    .sub-menu-option-2 .dropdown-menu .we-mega-menu-submenu {
        background: transparent;
        padding: 0;
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li a.we-mega-menu-li  {
        color: #04198b !important;
        font-size: 14px;
        padding: 13px 8px 14px 13px;
        /* display: block !important; */
        display: inline-block !important;
        background-color: #fff;
        /* width: 100%; */
        border-top: 0px solid rgba(0,0,0,0.3);
        text-shadow: 0 0px 0 rgba(0,0,0,0.5);
        -moz-box-shadow: 0 0px 0 rgba(255,255,255,0.05) inset;
        -webkit-box-shadow: 0 0px 0 rgba(255,255,255,0.05) inset;
        box-shadow: 0 0px 0 rgba(255,255,255,0.05) inset;
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
        border-top: 1px solid rgba(0,0,0,0.3);
        text-shadow: 0 1px 0 rgba(0,0,0,0.5);
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li a.we-mega-menu-li:after {
        content: '';
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li i.fa {
        position: absolute;
        right: 5px;
        top: 16px;
        font-size: 20px;
    }
    .sub-menu-option-2 .dropdown-menu::after {
        content: '';
    }
    /* main menu end  */
    .upm-search-form .form-type-textfield {
        flex: unset;
        width: 100%;
        display: flex;
    }
    .upm-search-form .form-submit {
        margin-left: 0;
        margin-top: 0;
    }
    .btn-close {
        right: 21px;
        top: 5px;
    }
    .overlay {
        cursor: pointer;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 8;
        background-color: rgba(0, 0, 0, 0.2);
        /* background-color: #000; */
        width: 100%;
        height: 100%;
    }
    .sub-menu-option-2 .dropdown-menu .we-mega-menu-submenu .we-mega-menu-col ul.subul {
        padding: 0;
    }
    .sub-menu-option-2 .dropdown-menu .we-mega-menu-submenu .we-mega-menu-col ul.subul li a.we-mega-menu-li {
        display: block !important;
    }
    .main-menu .navbar-we-mega-menu.navbar {
        width: 100%;
    }
    .lums-main-menu .we-mega-menu-li:nth-child(1) h2 {
        margin-left: 0;
    }
    .main-menu .we-mega-menu-ul .we-megamenu-nolink {
        color: #000000 !important;
        font-family: "Noto Sans Medium";
        font-size: 13px !important;
        font-weight: normal;
        margin-bottom: 0;
        cursor: pointer;
        padding-left: 26px !important;
    }
    .main-menu .we-mega-menu-ul  li.dropdown-menu div.we-mega-menu-submenu ul.subul {
        padding-left: 11px;
        padding-bottom: 10px;
        padding-top: 0px;
    }
    .main-menu .we-mega-menu-ul  li.dropdown-menu div.we-mega-menu-submenu ul.subul li  a  {
        color: #000 !important;
        cursor: pointer !important;
    }
    .home-icon {
        top: 17px;
    }
    /* footer section start  */
    .footer {
        padding: 17px 13px 16px 13px;
    }
    .region-footer {
        position: relative;
        width: 100%;
        margin: auto;
        display: block;
    }
    .region-first-footer {
        position: relative;
        width: 100%;
        margin: auto;
        display: block;
    }
    .first-footer {
        margin: 10px auto;
        height: 92px;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 13px;
    }
    .first-footer-footer-menu {
        height: auto;
      width: 100%;
    }
    .first-footer-footer-menu .region-we-mega-menu {
        background-color: transparent;
        margin-bottom: 5px;
        padding: 13px 15px;
        box-shadow: none;
    }
    .first-footer-footer-menu .navbar-toggle {
        display: none !important;
    }
    .first-footer-footer-menu .navbar-we-mega-menu.navbar {
        display: block;
        position: unset;
        background: transparent !important;
        overflow: hidden;
        width: 100%;
        padding: 0;
        right: 0;
    }
    .first-footer-footer-menu .navbar-we-mega-menu > .container-fluid {
        padding-left: 0;
        padding-right: 0;
        width: 100% !important;
        box-shadow: none;
    }
    .first-footer-footer-menu .nav {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .first-footer-footer-menu .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: none;
        background: transparent !important;
        box-shadow: none;
        width: 48% !important;
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
    }
    .first-footer-container .footer .we-mega-menu-li .we-mega-menu-submenu {
        visibility: unset;
        opacity: unset;
        background: transparent;
        color: #fff;
        box-shadow: none !important;
        border: none;
        width: 100% !important;
        display: block;
    }
    .first-footer-footer-menu .navbar-we-mega-menu.navbar ul > li ul {
        padding-left: 8px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .footer .navbar-we-mega-menu.navbar .nav-tabs .nav-tabs>li>a, .footer .navbar-we-mega-menu.navbar .nav-tabs .nav-tabs>li>.we-megamenu-nolink {
        color: #ffffff !important;
        cursor: pointer !important;
        line-height: 16px;
    }
    .second-footer-container {
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    .address {
        width: 100%;
    }
    .second-footer-container .socialmedi-icon ul li a {
        padding: 19px 8px 11px 7px;
    }
    .second-footer-container .second-outer .newslatter-footer {
        display: inline-block;
    }
    .newslatter-footer a.cboxElement {
        margin-left: -15px;
        float: none;
        display: inline-block;
        vertical-align: bottom;
    }
    /* footer section end  */
    /* slider style start  */
    .layout-f .slider-left-area {
        order: unset;
        width: 100%;
    }
    .layout-f .slider-right-area {
        order: unset;
        width: 100%;
    }
    .layout-f .slider-main-container {
        display: block;
    }
    .layout-f .slider-right-container {
        padding: 20px;
    }
    /* slider style end  */
}
@media (min-width: 320px) and (max-width: 575.98px)   and (orientation : landscape){

}
@media (min-width: 576px) and (max-width: 767.98px) {
    /* slider style start  */
    .layout-f .slider-left-area {
        order: unset;
        width: 100%;
    }
    .layout-f .slider-right-area {
        order: unset;
        width: 100%;
    }
    .layout-f .slider-main-container {
        display: block;
    }
    .layout-f .slider-right-container {
        padding: 20px;
    }
    /* slider style end  */
    /* main menu start  */
    .main-menu .navbar-we-mega-menu.navbar {
        width: 100%;
    }
    .lums-main-menu .we-mega-menu-li:nth-child(1) h2 {
        margin-left: 0;
    }
    .main-menu .we-mega-menu-ul .we-megamenu-nolink {
        color: #000000 !important;
        font-family: "Noto Sans Medium";
        font-size: 13px !important;
        font-weight: normal;
        margin-bottom: 0;
        cursor: pointer;
        padding-left: 26px !important;
    }
    .main-menu .we-mega-menu-ul  li.dropdown-menu div.we-mega-menu-submenu ul.subul {
        padding-left: 11px;
        padding-bottom: 10px;
        padding-top: 0px;
    }
    .main-menu .we-mega-menu-ul  li.dropdown-menu div.we-mega-menu-submenu ul.subul li  a  {
        color: #000 !important;
        cursor: pointer !important;
    }
    .home-icon {
        top: 17px;
    }
    .sub-menu-option-2 .dropdown-menu .we-mega-menu-submenu {
        background: transparent;
        padding: 0;
    }
    .lums-main-menu .region-we-mega-menu {
        /* background-color: #fff; */
        background-color: transparent;
    }
    .main-menu .region-we-mega-menu .navbar-toggle .icon-bar {
        background-color: #888;
        margin-left: 55px;
    }
    .sub-menu-option-2 .dropdown-menu .we-mega-menu-submenu .we-mega-menu-col ul.subul {
        padding: 0;
    }
    .sub-menu-option-2 .dropdown-menu .we-mega-menu-submenu .we-mega-menu-col ul.subul li a.we-mega-menu-li {
        display: block !important;
    }
    .sub-menu-option-2 .navbar-we-mega-menu ul {
        float: none;
        line-height: 1.7;
        padding-left: 10px;
        padding-right: 10px;
    }
    .overlay {
        cursor: pointer;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 8;
        background-color: rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 100%;
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li i.fa {
        position: absolute;
        right: 5px;
        top: 16px;
        font-size: 20px;
    }
    .sub-menu-option-2 .dropdown-menu::after {
        content: '';
    }
    .btn-close {
        right: 21px;
        top: 5px;
    }
    .sub-menu-option-2 {
        background-color: #f2f2f2;
    }
    .sub-menu-option-2 .region-we-mega-menu  {
        background-color: #fff !important;
        background-image: unset !important;
        margin-bottom: 0;
    }
    .sub-menu-option-2 .navbar-toggle  {
        background: #000;
        padding: 11px 14px 6px 12px;
        width: auto;
    }
    .sub-menu-option-2 .navbar-toggle::before {
        content: 'NOP Menu';
        position: relative;
        color: #fff;
        font-size: 14px;
        left: 0;
        top: -3px;
        float: left;
        padding-left: 33px;
        font-weight: bold;
    }
    .navbar .col-sm-2 {
        width: 31%;
        display: inline-block;
        vertical-align: top;
        padding-top: 0px;
    }
    .navbar .logo {
        margin-left: 0;
        width: auto;
        float: unset;
    }
    .navbar .col-sm-10 {
        width: 67%;
        padding-top: 9px;
        display: inline-block;
    }
    .menu-button-container {
        padding: 0;
    }
    .navbar-toggle {
        display: block;
    }
    .main-menu-button {
        display: none;
    }
    .main-menu .collapse-main-menu {
        display: block;
    }
    .main-menu .region-we-mega-menu .navbar-toggle {
        border-color: #ddd;
        position: absolute;
        top: -100px;
        left: auto;
        padding: 9px;
       right: 95px;
    }
    .main-menu .region-we-mega-menu .navbar-toggle::before {
        content: "Menu";
        float: left;
        color: #888;
        line-height: 13px;
        font-family: 'Noto Sans Medium';
    }
    .sub-menu-option-2 .menu-soe {
        z-index: 9;
        background-color: #fff !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0 !important;
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
        padding: 0;
        position: relative;
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li a.we-mega-menu-li  {
        color: #04198b !important;
        font-size: 14px;
        padding: 13px 8px 14px 13px;
        /* display: block !important; */
        display: inline-block !important;
        background-color: #fff;
        /* width: 100%; */
        border-top: 0px solid rgba(0,0,0,0.3);
        text-shadow: 0 0px 0 rgba(0,0,0,0.5);
        -moz-box-shadow: 0 0px 0 rgba(255,255,255,0.05) inset;
        -webkit-box-shadow: 0 0px 0 rgba(255,255,255,0.05) inset;
        box-shadow: 0 0px 0 rgba(255,255,255,0.05) inset;
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
        border-top: 1px solid rgba(0,0,0,0.3);
        text-shadow: 0 1px 0 rgba(0,0,0,0.5);
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li a.we-mega-menu-li:after {
        content: '';
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li i.fa {
        position: absolute;
        right: 5px;
        top: 16px;
        font-size: 20px;
    }
    /* main menu end  */
    .main-container {
        width: 100%;
    }
    /* footer section start  */
    .footer {
        padding: 17px 13px 16px 13px;
    }
    .region-footer {
        position: relative;
        width: 100%;
        margin: auto;
        display: block;
    }
    .first-footer {
        margin: 10px auto;
        height: 92px;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 13px;
    }
    .first-footer-footer-menu {
        height: auto;
    }
    .first-footer-footer-menu .region-we-mega-menu {
        background-color: transparent;
        margin-bottom: 5px;
        padding: 13px 15px;
        box-shadow: none;
    }
    .first-footer-footer-menu .navbar-toggle {
        display: none !important;
    }
    .first-footer-footer-menu .navbar-we-mega-menu.navbar {
        display: block;
        position: unset;
        background: transparent !important;
        overflow: hidden;
        width: 100%;
        padding: 0;
        right: 0;
    }
    .first-footer-footer-menu .navbar-we-mega-menu > .container-fluid {
        padding-left: 0;
        padding-right: 0;
        width: 93%;
        box-shadow: none;
    }
    .first-footer-footer-menu .nav {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .first-footer-footer-menu .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: none;
        background: transparent !important;
        box-shadow: none;
        width: 50%;
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
    }
    .first-footer-container .footer .we-mega-menu-li .we-mega-menu-submenu {
        visibility: unset;
        opacity: unset;
        background: transparent;
        color: #fff;
        box-shadow: none !important;
        border: none;
        width: 100% !important;
        display: block;
    }
    .first-footer-footer-menu .navbar-we-mega-menu.navbar ul > li ul {
        padding-left: 8px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .footer .navbar-we-mega-menu.navbar .nav-tabs .nav-tabs>li>a, .footer .navbar-we-mega-menu.navbar .nav-tabs .nav-tabs>li>.we-megamenu-nolink {
        color: #ffffff !important;
        cursor: pointer !important;
        line-height: 16px;
    }
    .second-footer-container {
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    .address {
        width: 100%;
    }
    .second-footer-container .socialmedi-icon ul li a {
        padding: 19px 8px 11px 7px;
    }
    .second-footer-container .second-outer .newslatter-footer {
        display: inline-block;
    }
    .newslatter-footer a.cboxElement {
        margin-left: -15px;
        float: none;
        display: inline-block;
        vertical-align: bottom;
    }
    /* footer section end  */
}
@media (min-width: 576px) and (max-width: 767.98px)  and (orientation : landscape) {

}


/* ipad view  */
@media (max-width: 991px) and (min-width: 768px) {
    .sub-menu-option-2 .navbar-we-mega-menu.navbar .we-mega-menu-ul>li>a,
    .sub-menu-option-2 .navbar-we-mega-menu.navbar .we-mega-menu-ul>li>.we-megamenu-nolink {
        border-top: 0px solid rgba(0,0,0,0.3);
    }
    .sub-menu-option-2 .navbar-we-mega-menu.navbar .we-mega-menu-ul>li ,
    .sub-menu-option-2 .navbar-we-mega-menu.navbar .we-mega-menu-ul>li {
        border-top: 1px solid rgba(0,0,0,0.3);
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
        padding: 13px 21px 1px 21px;
    }
    .navbar-toggle {
        display: block;
    }
    .main-container {
        width: 100%;
    }
    .navbar .logo {
        margin-left: 0;
        width: auto;
        float: unset;
    }
    .menu-button-container {
        padding: 0;
        margin-top: 35px;
    }
    .main-menu-button {
        display: none;
    }
    .main-menu .collapse-main-menu {
        display: block;
    }
    .lums-main-menu .region-we-mega-menu {
        /* background-color: #fff !important; */
        background-color: transparent !important;
        background-image: unset !important;
    }
    .main-menu .region-we-mega-menu .navbar-toggle {
        border-color: #ddd;
        position: absolute;
        top: -65px;
        left: auto;
        padding: 9px;
        right: 100px;
    }
    .main-menu .region-we-mega-menu .navbar-toggle::before {
        content: "Menu";
        float: left;
        color: #888;
        line-height: 13px;
        font-family: 'Noto Sans Medium';
    }
    .main-menu .region-we-mega-menu .navbar-toggle .icon-bar {
        background-color: #888;
        margin-left: 55px;
    }
    .main-menu .navbar-we-mega-menu.navbar {
        width: 100%;
    }
    .main-menu .navbar-we-mega-menu.navbar {
        width: 100%;
    }
    .home-icon {
        top: 17px;
    }
    .btn-close {
        right: 25px;
        top: 7px;
    }
    .overlay {
        cursor: pointer;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 8;
        background-color: rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 100%;
    }
    .lums-main-menu .we-mega-menu-li:nth-child(1) h2 {
        margin-left: 0;
        padding-left: 0px;
    }
    .main-menu .we-mega-menu-ul .we-megamenu-nolink {
        color: #000000 !important;
        font-family: "Noto Sans Medium";
        font-size: 13px !important;
        font-weight: normal;
        margin-bottom: 0;
        cursor: pointer;
        padding-left: 26px !important;
    }
    .sub-menu-option-1 {
        background-color: #f2f2f2;
        margin-top: 0;
        padding: 0 !important;
    }
    .sub-menu-option-2 .region-we-mega-menu,
    .sub-menu-option-1 .region-we-mega-menu {
        background-color: #fff !important;
        background-image: unset !important;
        margin-bottom: 0;
    }
    .sub-menu-option-1 .navbar-toggle,
    .sub-menu-option-2 .navbar-toggle {
        background: #000;
        padding: 11px 14px 6px 12px;
        width: auto;
    }
    .sub-menu-option-1 .navbar-toggle::before,
    .sub-menu-option-2 .navbar-toggle::before {
        content: 'NOP Menu';
        position: relative;
        color: #fff;
        font-size: 14px;
        left: 0;
        top: -3px;
        float: left;
        padding-left: 33px;
        font-weight: bold;
    }
    .sub-menu-option-2 .menu-soe,
    .sub-menu-option-1 .submenu-nop {
        z-index: 9;
        background-color: #fff !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0 !important;
    }
    .sub-menu-option-2 .navbar-we-mega-menu ul {
        float: none;
        line-height: 1.7;
        padding-left: 10px;
        padding-right: 10px;
    }
    .sub-menu-option-1 .navbar-we-mega-menu ul {
        float: none;
        line-height: 1.7;
        padding-left: 10px;
        padding-right: 0;
    }
    .sub-menu-option-2 .navbar-we-mega-menu ul li,
    .sub-menu-option-1 .navbar-we-mega-menu ul li {
        margin-left: 0;
    }
    section.sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.active > a {
        border-bottom: solid 0px #23a3a3;
        color: #04198b !important;
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li a,
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li {
        font-size: 14px;
        padding: 13px 8px 14px 13px;
        display: block;
    }
    .sub-menu-option-1 .navbar-we-mega-menu ul li a,
    .sub-menu-option-1 .navbar-we-mega-menu ul li .we-megamenu-nolink {
        font-size: 14px;
        padding: 13px 8px 14px 13px;
    }
    .menu-soe .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li:after
    .submenu-nop .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li:after {
        content: '';
    }
    .sub-menu-option-2 .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
        padding: 0;
    }
    .menu-soe .we-mega-menu-ul li.we-mega-menu-li {
        position: relative;
    }
    .submenu-nop .we-mega-menu-ul li.we-mega-menu-li {
        position: relative;
    }
    .menu-soe .we-mega-menu-ul li.we-mega-menu-li i.fa,
    .submenu-nop .we-mega-menu-ul li.we-mega-menu-li i.fa {
        position: absolute;
        right: 25px;
        top: 14px;
        font-size: 25px;
    }
    .block-we-megamenu-blocksubmenu-nop .navbar-we-mega-menu ul li i {
        display: block;
    }
    .sub-menu-option-2 .dropdown-menu::after,
    .sub-menu-option-2 .we-mega-menu-ul .dropdown-menu>a:after {
        height: 0;
        width: 0;
        background-size: 0;
        content: '';
    }
}

/*// Small devices (landscape phones, 576px and up)*/

@media (min-width: 768px) and (max-width: 1024px) {
    .logo img {
        width: 100%;
    }
    .navbar .col-sm-2 {
        width: 31%;
        display: inline-block;
        vertical-align: top;
        padding-top: 0px;
    }
    .navbar .col-sm-10 {
        width: 67%;
        padding-top: 9px;
        display: inline-block;
    }
    .main-container {
        width: 100%;
    }
    /* footer section start  */
    .footer {
        padding: 17px 13px 16px 13px;
    }
    .region-footer {
        position: relative;
        width: 100%;
        margin: auto;
        display: block;
    }
    .first-footer {
        margin: 28px auto;
        height: 92px;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 13px;
    }
    .first-footer-footer-menu {
        height: auto;
    }
    .first-footer-footer-menu .region-we-mega-menu {
        padding: 0;
        background: transparent;
        box-shadow: none;
    }
    .first-footer-footer-menu .navbar-toggle {
        display: none !important;
    }
    .first-footer-footer-menu .navbar-we-mega-menu.navbar {
        display: block;
        position: unset;
        background: transparent !important;
        overflow: hidden;
        width: 100%;
        padding: 0;
        right: 0;
    }
    .first-footer-footer-menu .navbar-we-mega-menu > .container-fluid {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        box-shadow: none;
        margin-left: auto;
        margin-right: auto;
    }
    .first-footer-footer-menu .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: none;
        background: transparent !important;
        box-shadow: none;
        width: 50%;
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
    }
    .first-footer-container .footer .we-mega-menu-li .we-mega-menu-submenu {
        visibility: unset;
        opacity: unset;
        background: transparent;
        color: #fff;
        box-shadow: none !important;
        border: none;
        width: 100% !important;
        display: block;
    }
    .footer .navbar-we-mega-menu.navbar .nav-tabs .nav-tabs>li>a, .footer .navbar-we-mega-menu.navbar .nav-tabs .nav-tabs>li>.we-megamenu-nolink {
        color: #ffffff !important;
        cursor: pointer !important;
    }
    .second-footer-container {
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    .second-footer-outer {
        padding-left: 0;
        padding-right: 0;
    }
    .second-footer {
        width: 100% !important;

    }
    .newslatter-footer {
        width: 30%;
    }
    .address {
        /*float: left;
        height: 100px;
        width: 100%;*/

      float: unset;
      height: unset;
      width: 17% !important;
      text-align: left;
      display: inline-block;
      vertical-align: top;
      padding-left: 19px;
    }
  #block-footerlogo {
    margin: 10px auto 0 20px !important;
    height: 92px !important;
    width: 100%;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 13px;
    /* margin-left: 20px; */
  }

    /* footer section end  */
}



/*// Medium devices (tablets, 768px and up)*/


 @media (max-width: 1200px ) and (min-width: 1025px)  and (orientation : landscape) {

 }

 @media (max-width: 1200px ) and (min-width: 1024px)  {

    .main-container {
        width: 100%;
    }
 }
 @media (max-width: 1200px ) and (min-width: 1024px) and (orientation : landscape)  {

 }
 @media (max-width: 1024px) and (min-width: 768px) and (orientation : landscape) {

 }



/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}


  /* for new slider layout i  */

@media (min-width: 768px) and (max-width: 1024px) {
    .layout-i .slider-right-area .multiple-link-button {
      bottom: 71px;
      width: 93%;
    }
    .layout-i  .full-image img {
        height: 325px;
      }

  }
  @media (min-width: 320px) and (max-width: 374px) {
    .slick-slide .layout-i .slide-link.multiple-link-button a {
      /* padding: 7px 4px;
      width: auto;
      height: auto;
      font-size: 12px; */
      width: auto;
      height: 22px;
      padding: 4px 6px;
      font-size: 10px;
    }
    .slick-slide .layout-i .slider-right-area {
      padding-left: 0px;
    }
    .slick-slide .layout-i .slider-right-area .multiple-link-button {
        justify-content: space-between;
        width: 88%;
        bottom: 59px;
    }
      #slick-slide00 .layout-i .slider-right-area .multiple-link-button {
          display: flex;
          flex-direction: row;
          justify-content: center;
          bottom: 50px;
          position: relative;
          width: 79%;
          overflow: hidden;
          left: 0;
          right: 0;
          margin: auto;
      }

  }
  @media (max-width: 575.98px) and (min-width: 375px)  and (orientation : landscape) {
    .slick-slide .layout-i .slider-right-area .slide-link.multiple-link-button {
        width: 95%;
    }
      #slick-slide00 .layout-i .slider-right-area .multiple-link-button {
          display: flex;
          flex-direction: row;
          justify-content: center;
          bottom: 50px;
          position: relative;
          width: 79%;
          overflow: hidden;
          left: 0;
          right: 0;
          margin: auto;
      }
  }
  @media (max-width: 575.98px) and (min-width: 375px) {
    .slick-slide .layout-i .slide-link.multiple-link-button a {
        padding: 4px 9px;
        font-size: 11px;
        width: 85px;
        height: 25px;
    }
    .slick-slide .layout-i .slider-right-area .multiple-link-button {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 90%;
        bottom: 52px;
        top: unset;
        position: relative;
    }
    .slider-main-container {
        border-bottom: 0px solid #f0efef;
    }
      #slick-slide00 .layout-i .slider-right-area .multiple-link-button {
          display: flex;
          flex-direction: row;
          justify-content: center;
          bottom: 50px;
          position: relative;
          width: 79%;
          overflow: hidden;
          left: 0;
          right: 0;
          margin: auto;
      }
  }
  @media (min-width: 320px) and (max-width: 575.98px) {
    .layout-i .slider-right-area .multiple-link-button {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      bottom: 96px;
      position: relative;
      width: 93% ;
      overflow: hidden;
      left: 0;
      right: 0;
      margin: auto;
      top: unset;
    }
    .layout-i  .full-image img {
      height: 225px;
    }
    .slick-slide .layout-i .multiple-link-button a {
      width: auto;
      height: 35px;
      padding: 8px 6px;
    }
      #slick-slide00 .layout-i .slider-right-area .multiple-link-button {
          display: flex;
          flex-direction: row;
          justify-content: center;
          position: relative;
          width: 79%;
          overflow: hidden;
          left: 0;
          right: 0;
          margin: auto;
          bottom: 125px !important;
      }
    .layout-h .full-image img {
      height: auto;
    }
    .layout-h .slider-right-area .slide-link {
      display: flex;
      flex-direction: row;
      justify-content: center !important;
      bottom: 85px !important;
      position: relative;
      width: 79%;
      overflow: hidden;
      left: 0;
      right: 0;
      margin: auto;
    }

    .slider-main-container {
      border-bottom: none;
    }


  }
  @media (min-width: 320px) and (max-width: 575.98px) and (orientation : landscape) {
    .layout-i .slider-right-area .multiple-link-button {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      bottom: 107px;
      position: relative;
      width: 83% ;
      overflow: hidden;
      left: 0;
      right: 0;
      margin: auto;
      top: unset;
    }
    .layout-i  .full-image img {
      height: 225px;
    }
    .layout-i .multiple-link-button a {
      width: auto;
      height: 39px;
      padding: 11px;
    }
      #slick-slide00 .layout-i .slider-right-area .multiple-link-button {
          display: flex;
          flex-direction: row;
          justify-content: center;
          bottom: 50px;
          position: relative;
          width: 79%;
          overflow: hidden;
          left: 0;
          right: 0;
          margin: auto;
      }
  }

  @media (min-width: 320px ) and (max-width: 576px) and (orientation : landscape)  {
    .layout-i .full-image img {
        height: 300px !important;
    }
    .slick-slide .views-field.layout-i .slider-right-area .multiple-link-button {
        bottom: 72px;
        width: 83%;

    }
      #slick-slide00 .layout-i .slider-right-area .multiple-link-button {
          display: flex;
          flex-direction: row;
          justify-content: center;
          bottom: 50px;
          position: relative;
          width: 79%;
          overflow: hidden;
          left: 0;
          right: 0;
          margin: auto;
      }
  }
  @media (min-width: 576px) and (max-width: 767.98px)  and (orientation : landscape)  {
    .layout-i .full-image img {
        height: 325px !important;
    }
    .slider-main-container {
        border-bottom: 0px solid #f0efef;
    }
    .layout-i .slider-right-area .slide-link.multiple-link-button {
        width: 86%;
    }
      #slick-slide00 .layout-i .slider-right-area .multiple-link-button {
          display: flex;
          flex-direction: row;
          justify-content: center;
          bottom: 50px;
          position: relative;
          width: 79%;
          overflow: hidden;
          left: 0;
          right: 0;
          margin: auto;
      }
  }

  @media (min-width: 576px) and (max-width: 767.98px) {
    .layout-a .slider-right-area .multiple-link-button {
      bottom: 15px;
    }
  .layout-i .slider-right-area .multiple-link-button {
    bottom: 64px;
  }
      #slick-slide00 .layout-i .slider-right-area .multiple-link-button {
          display: flex;
          flex-direction: row;
          justify-content: center;
          bottom: 50px;
          position: relative;
          width: 79%;
          overflow: hidden;
          left: 0;
          right: 0;
          margin: auto;
      }


    }
    /* for new slider layout i  */