@media (min-width: 992px) {
    .feature-box-14 > div:nth-child(even) { border-bottom: 0}
    .feature-box-14 > div:nth-child(odd) { border-bottom: 0}

    /*top logo*/
    .navbar-brand-top .navbar-collapse.collapse.display-inline-block { display: inline-block !important; vertical-align: middle;}
    .navbar-brand-top .nav-header-container { text-align: center;}
    .navbar-brand-top .nav-header-container .row { display: block !important; display: block !important; display: block !important;}
    .navbar-brand-top .brand-top-menu-right { vertical-align: middle; position: relative; }
    
    .text-lg-justify { text-align: justify !important; }
}
@media (min-width: 768px) {
    .feature-box-14 > div:nth-last-child(2) { border-bottom: 0}
    
    .text-md-justify { text-align: justify !important; }
}

@media (max-width: 1500px) {
    /* sidebar navigation */
    .sidebar-wrapper .container {width: 1000px;}

    /* blog post style 2 */
    .blog-post.blog-post-style2 .author span { padding-left: 10px;}

    /* homepage 14 */
    .right-image { width: 70%; }
}

@media (max-width: 1400px) {
    .head-text {font-size: 60px; line-height: 70px;}
    .banner-style2 figcaption {width: 70%;}
    .banner-style1 figure figcaption img {width: 100px;}
    .banner-style1 figure:hover figcaption p {height: 150px}
    .feature-box.feature-box-17 .box .content {top: 40px;}

    /* tab-style5 */
    .tab-style5 .tab-box { left: 27%; }
    .tab-style5 .nav-tabs li { font-size: 24px; line-height: 52px; }
}

@media (max-width: 1300px) {
    /* sidebar navigation */
    .sidebar-wrapper .container {width: 830px;}

    /* feature box style 7 */
    .feature-box.feature-box-7 div:first-child .box {border-left: medium none}

    /* feature box style 4 */
    .grid-item.feature-box-4 figure figcaption {width: 90%; padding: 0 0 15px 30px}

    /* menu center */
    .menu-center .header-social-icon a i, .menu-center .header-searchbar a i {margin: 0 8px;}
    .menu-center .header-social-icon {padding-left: 10px}
    .menu-center .header-searchbar { padding-left: 0; padding-right: 5px;}
    .menu-center .header-social-icon {margin-left: 0}

    /* sidebar nav style 2 */
    .left-nav-sidebar .container {width: 1070px;}

    /* small box-layout */
    .box-layout.box-layout-md { padding: 0; }
}

@media (max-width: 1250px) {
    /*skillbar bar style2*/
    .box-layout .skillbar-bar-style2 .skillbar {width: 75%}
}

@media (max-width: 1199px) {
    .panel-group * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -ms-transition-timing-function: none; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
/*    section {padding: 90px 0}*/

   

    /* navigation */
    header nav .navbar-nav > li > a { margin: 0 18px;}

    /* nav box width */
    header nav.nav-box-width { padding: 0;}

    /* skillbar bar style */
    .box-layout .skillbar-bar-style2 .skillbar {width: 88%} 

    /* sidebar menu */
    nav.navbar.sidebar-nav ul.nav > li > a {padding: 10px 5px;}
    .nav.navbar-right-sidebar .dropdown.on .second-level {left: 230px}
    .sidebar-wrapper {padding-left: 230px;}
    nav.navbar.sidebar-nav {width:230px; padding-left: 0; padding-right:0}
    .nav.navbar-left-sidebar li { padding: 0 20px; }
    .sidebar-nav .dropdown-menu li > a { margin: 0 15px; }

    .sidebar-nav-style-1 .nav.navbar-left-sidebar .dropdown.on .second-level {left: 230px; width: 230px}
    .sidebar-nav-style-1 .nav.navbar-left-sidebar .second-level .dropdown.on .third-level {left: 460px;  width: 230px}

    .sidebar-wrapper .portfolio-grid.work-4col li,.sidebar-wrapper .blog-grid.work-4col li {width: 33.33%}


    /* hamburg menu */
    .hamburger-menu-links {font-size: 40px; line-height: 45px}
    .menu-middle {width: 85%;}

    .side-left-menu-close.active { display: block; }

    /* sidebar nav style 2 */
    .left-nav-sidebar .container {width: 850px;}

    


    /*mega menu*/
    nav.navbar.bootsnav li.dropdown .mega-menu-full {padding: 25px;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li {border-right: none;}
    nav.navbar.bootsnav li.dropdown ul li ul li:last-child{border-bottom: none;}
    nav.navbar.bootsnav li.dropdown .menu-back-div > ul {width: 920px;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a,nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header {padding: 2px 0;}

  
    /* blog header style1 */
    .blog-header-style1 li figure figcaption {padding: 30px;}

   
}

@media (max-width: 1150px) {
    /* sidebar navigation */
    .sidebar-wrapper .container {width: 750px;}
}

@media (max-width: 1050px) {
    /* sidebar navigation */
    .sidebar-wrapper .container {width: 100%; max-width: 100%;}
    .parallax {background-attachment: inherit}
    .feature-box.feature-box-17 .box .content {top: 50px;}

    .sidebar-nav .logo-holder { min-height: 60px; }
    nav.navbar.bootsnav.sidebar-nav li.dropdown ul.dropdown-menu { padding-top: 112px; }
    .nav.navbar-left-sidebar li a { padding: 17px 0; }
    .sidebar-part2 .sidebar-middle { padding: 90px 0 90px; }
    .sidebar-part2 .sidebar-middle {padding: 110px 0;}
}

@media (max-width: 1024px) and (min-width: 992px) {
    .sidebar-part2 .sidebar-middle, .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu { padding: 90px 0 220px; }
    header .sidebar-part2 nav.navbar.bootsnav ul > li > a { font-size: 30px; line-height: 37px; }
    .sidebar-part2 ul > li { padding: 7px 20px 7px 0; }
}

@media (max-width: 991px) {
.navbar-collapse ul.nav li ul.sub-menu li{margin:0;}
	header nav .accordion-menu{padding: 0!important;}
	.navbar-collapse ul.nav li:hover ul.sub-menu{padding: 0 10px;background: rgba(0,0,0,0.4);width: 100%; position: relative;}
	.navbar-collapse ul.nav li ul.sub-menu li a{color: #fff;}
.navbar-collapse ul.nav li ul.sub-menu li:hover a{color: #1154A5 !important;}

    /* header style */
    header * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; -ms-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; }
    .dropdown-menu { box-shadow: none; border: none; border-top: 1px solid rgba(255, 255, 255, 0.06);}
    .navbar-collapse {left: 0; padding:0; position: absolute; top: 100%; width: 100%; backface-visibility: hidden;}
    nav.navbar.bootsnav ul.nav > li.dropdown > ul.dropdown-menu, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu.mega-menu { padding: 10px 15px 0 !important; margin: 0; float: left; top: 0 !important; }
    nav.navbar.bootsnav .navbar-nav { margin: 0; padding: 0; background-color: rgba(23, 23, 23, 0.95); padding-right: 1px; }
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li {border-bottom: none; margin-bottom: 10px}
    nav.navbar.bootsnav li.dropdown.show .mega-menu-full {padding-top: 10px;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child {margin-bottom: 0}
    nav.navbar.bootsnav .navbar-nav li, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header { display: block; clear: both; border-bottom: 1px solid rgba(255, 255, 255, 0.06); border-top: 0; }
    .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, nav.navbar-brand-top.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a, header nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a , nav.navbar.bootsnav li.dropdown ul.mega-menu-full li > a,header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header{ margin: 0; padding: 9px 15px 8px; color: #939393; display: block; line-height: normal;}
    .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a, header nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a,header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a { color: #fff!important; }
    nav.navbar.bootsnav ul.nav > li.dropdown > ul.dropdown-menu  li a, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu.mega-menu li a, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header { padding-left: 0; padding-right: 0;}
    .simple-dropdown.show > ul > li { border: 0 !important}
    nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header { color: #fff;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a,nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header {padding: 0; margin: 0;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul { margin-top: 0;}
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a {color: #939393; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li.active > a{background-color: transparent; color: #fff;}
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li:hover > a {color: #fff;}
    nav.navbar.bootsnav li.dropdown ul.mega-menu-full li ul {margin-top: 0}
    .navbar-nav > li.simple-dropdown ul.dropdown-menu {top: 0; min-width: 0;}
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown > .dropdown-menu {background-color: #232323;}
    nav.navbar.bootsnav .navbar-toggler { top: 3px;}
    .navbar-nav > li.dropdown > .fas { display: block; position: absolute; right: 0px; top: 0; color: #fff; font-size: 16px; cursor: pointer; padding: 9px 15px 8px}
    nav.navbar.bootsnav .navbar-nav > li.dropdown.show > ul, nav.navbar.bootsnav .navbar-nav > li.dropdown.on > ul { display: block !important; opacity: 1 !important}
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{ border: 0; padding: 10px 0}
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li > a{padding: 7px 0; left: 0}
    .dropdown.simple-dropdown.show .dropdown-menu .dropdown .dropdown-menu {display: block !important; opacity: 1 !important}
    nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown.show ul.dropdown-menu li > a.dropdown-toggle {border-bottom: 1px solid rgba(255, 255, 255, 0.06); color: #fff;}
    nav.navbar.bootsnav ul.nav .simple-dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {padding-left: 0 !important}

    nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul, nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul > li.dropdown > ul {left : 0;}

    .simple-dropdown .dropdown-menu > li > a.dropdown-toggle .fas {display:none}
    nav .accordion-menu {padding: 26px 15px 26px 15px;}
    .sticky nav .accordion-menu {padding: 26px 15px 26px 15px;}
    nav.navbar.bootsnav.menu-center ul.nav.navbar-center {width:100%;}
    .center-logo {left: 0; position: relative; max-width:100%; margin: 0; top: 0; transform:  none; padding: 26px 15px;}
    .navbar-nav li {position: relative}
    nav.navbar.bootsnav li.dropdown ul.mega-menu-full > li { padding: 0; border: 0; }
    nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li { padding-left: 0; padding-right: 0; }
    nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown { margin-bottom: 10px}
    nav.navbar.bootsnav .simple-dropdown .dropdown-menu > li.dropdown > ul:before {display: none;}
    nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu { border: 0;}
    header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li > a:hover, header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover, header.header-appear nav.header-light-transparent .header-social-icon a:hover, header.header-appear nav.header-light .header-social-icon a:hover, header.header-appear nav.header-light.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .header-social-icon a:hover, header.header-appear nav.header-light-transparent.white-link .heder-menu-button a:hover, header.header-appear nav.header-light-transparent.white-link .header-searchbar a:hover, header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover,header.sticky nav.navbar.white-link .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.white-link ul.nav > li.active > a {color: rgba(255,255,255,0.6)}
    header nav.navbar.white-link .navbar-nav > li > a:hover, nav.navbar.bootsnav.white-link ul.nav > li > a:hover, header nav.navbar.white-link .header-social-icon a:hover, nav.navbar.bootsnav.white-link .header-social-icon a:hover, header nav.navbar.white-link .header-searchbar a:hover, nav.navbar.bootsnav.white-link .header-searchbar a:hover, header nav.navbar.bootsnav ul.nav.white-link > li > a:hover, header.header-appear nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark .navbar-nav > li > a:hover, header.sticky nav.header-dark-transparent .navbar-nav > li > a:hover, header.header-appear nav.header-dark-transparent .search-button:hover, header.header-appear nav.header-dark .search-button:hover, header.sticky nav.header-dark .search-button:hover, header.sticky nav.header-dark-transparent .search-button:hover { color:#1154A5 !important}
    header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light-transparent.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover, header.sticky nav.navbar-fixed-top.header-light.white-link .header-menu-button a:hover {color: rgba(255,255,255,0.6)}
    header.sticky nav.navbar.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a:hover, header.sticky nav.navbar.white-link .navbar-nav > li > a.active, header.sticky nav.navbar.bootsnav.white-link ul.nav > li > a.active { color: rgba(255,255,255,0.6);}
    header.sticky nav.navbar.header-dark.white-link .navbar-nav > li > a:hover, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li > a:hover, header.sticky nav.header-dark .header-social-icon a:hover { color: rgba(17,84,165,1)!important;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header { width: 100%; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img {display: none }
    nav.navbar.navbar-default ul li.dropdown .dropdown-menu li > a:hover { left: 0;}
    .dropdown.show > div { display: block !important; opacity: 1 !important}
    header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a { color: #fff;}
    header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a:hover, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li.active > a { color: #939393;}
    nav.menu-logo-center .accordion-menu {padding: 26px 15px;}
    .sticky nav.menu-logo-center .accordion-menu {padding: 26px 15px;}
    nav.navbar.sidebar-nav.bootsnav .navbar-left-sidebar li a:hover, nav.navbar.sidebar-nav.bootsnav .navbar-left-sidebar li.active > a {color: #000 !important;}
    header .sidebar-part2 nav.navbar.bootsnav ul > li > a:hover, header .sidebar-part2 nav.navbar.bootsnav ul > li.active > a { color: rgba(0, 0, 0, 0.6); }
    header .sidebar-part2 nav.navbar.bootsnav ul > li > a > .fas { top: -4px; }
    nav.navbar .container-fluid { padding-left: 24px; padding-right: 24px;}
    .header-with-topbar .navbar-top {top: 34px}
    #search-header {width: 75%}
header.sticky nav.navbar.header-dark.white-link .navbar-nav > li.active > a, header.sticky nav.navbar.bootsnav.header-dark.white-link ul.nav > li.active > a {
    color: rgba(255,255,255,0.6) !important;
}
    /* sidebar nav style 1 */
    .sidebar-wrapper {padding-left: 0;}
    nav.navbar.sidebar-nav {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-property: display; -webkit-transition-property: display; -moz-transition-property: display; -ms-transition-property: display; -o-transition-property: display; left:-280px; width: 280px; z-index: 10005; padding: 60px 15px 15px; display:inline-block; }
    nav.navbar.sidebar-nav.sidebar-nav-style-1 .sidenav-header {position: fixed; top: 0; left: 0; background: #fff; z-index: 1;}
    nav.navbar.sidebar-nav.sidemenu-open {left:0;}
    nav.navbar.sidebar-nav .navbar-toggler .icon-bar {background: #232323;}
    nav.navbar.bootsnav.sidebar-nav .navbar-collapse.collapse, .sidebar-part2 nav.navbar.bootsnav .navbar-collapse.collapse {display:block !important; max-height: 100%; position: relative; top: 0;}
    nav.navbar.bootsnav.sidebar-nav .mobile-scroll {display: block; max-height: 80%; overflow-y: auto; position: absolute}
    .sidebar-nav .logo-holder, .sidebar-nav .footer-holder {padding: 0; text-align: left; display: inline-block;}
    .sidebar-nav .logo-holder {min-height: 0; padding: 15px 0}
    .sidebar-nav.sidemenu-open .footer-holder {width: 100%; padding: 0; margin-right: 0;}
    .sidebar-nav .footer-holder {margin-right: 15px;}
    .sidebar-nav .footer-holder .navbar-form {margin: 0 auto;}
    nav.navbar.bootsnav.sidebar-nav .navbar-toggler { margin-bottom: 0; position: absolute; top: auto; vertical-align: middle; height: 100%; right: 15px;}
    nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar .dropdown li:first-child {margin-top: 0}
    nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown ul.dropdown-menu  li {opacity: 1; visibility: visible}
    nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown ul.dropdown-menu  > li > a {color: #232323; margin: 0;}
    nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown ul.dropdown-menu  > li.active > ul > li.active > a {color: #ff214f;}
    nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown ul.dropdown-menu  > li > a .fas{display: none}
    nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.show ul.dropdown-menu  > li > a {border-bottom: 1px solid #ededed !important}
    nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.show ul.dropdown-menu  > li > ul.third-level > li > a {border-bottom: 0 !important; font-size: 11px; padding: 6px 0 0 0;}
    nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.show ul.dropdown-menu  > li > ul.third-level > li:first-child > a {padding-top: 10px;}
    nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.show ul.dropdown-menu  > li:last-child > ul.third-level > li:last-child > a {margin-bottom: 15px}
    nav.navbar.bootsnav.sidebar-nav ul.nav li.dropdown.show ul.dropdown-menu  li {margin-bottom: 5px;}
    .sidebar-nav-style-1 .nav.navbar-left-sidebar li {padding: 0;}
    .sidemenu-open .mobile-toggle span:first-child{transform: rotate(45deg) translate(7px); -webkit-transform: rotate(45deg) translate(7px); -moz-transform: rotate(45deg) translate(7px); -o-transform: rotate(45deg) translate(7px); -ms-transform: rotate(45deg) translate(7px); }
    .sidemenu-open .mobile-toggle span:nth-child(2){transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); }
    .sidemenu-open .mobile-toggle span:last-child{transform: rotate(-45deg) translate(7px); -webkit-transform: rotate(-45deg) translate(7px); -moz-transform: rotate(-45deg) translate(7px); -o-transform: rotate(-45deg) translate(7px); -ms-transform: rotate(-45deg) translate(7px); }
    .sidebar-part2 nav.navbar.bootsnav li.dropdown.show > a > i {transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
    nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li.dropdown.show > a > i {transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg);}

    /* mega menu */
    nav.navbar.bootsnav li.dropdown .menu-back-div > ul {width: 100%;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full {padding: 0 15px}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a {padding: 8px 0; margin: 0;}
    header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a, .dropdown-menu,  header.header-appear nav.bootsnav.header-light .navbar-nav > li.active > a, header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a  {color: rgba(255, 255, 255, 0.7)!important;text-decoration: none;}
    header.header-appear nav.bootsnav.header-light-transparent .navbar-nav > li.dropdown.on > a, header.header-appear nav.bootsnav.header-light .navbar-nav > li.dropdown.on > a, header nav.navbar .navbar-nav > li.dropdown.on > a, nav.navbar.bootsnav ul.nav > li.dropdown.on > a  {color:#fff}
    nav.navbar.bootsnav li.dropdown .mega-menu-full {position: relative; top: 0; }

    /* sidebar nav style 2 */
    .left-nav-sidebar {padding-left: 0;}
    .left-nav-sidebar .fullscreenbanner { padding-left: 0 !important;}
    .sidebar-part2 .sidebar-middle {padding: 30px 0; display: block;}
    .sidebar-part2 .sidebar-middle-menu {display: block; overflow-y: auto; max-height: calc(100% - 10px);}
    .sidebar-part1 {width: 50px}
    .sidebar-part2 nav.navbar.bootsnav .navbar-nav {background: transparent; padding: 0}
    .sidebar-part2 ul > li {width: 100%; padding: 5px 30px 5px 0;}
    header .sidebar-part2 nav.navbar.bootsnav ul > li > a > .fas {right: -20px; top: 0px; font-size: 22px;}
    .bottom-menu-icon a,.nav-icon span {width: 20px}
    .bottom-menu-icon a { margin-top: 2px;}
    .bottom-menu-icon {width:50px; padding: 13px 10px 11px;}
    .sidebar-part2:before {bottom: 55px; display: none;}
    .sidebar-part2 { background-color: #fff; border-right: 0 solid #dfdfdf; height: calc(100% - 50px); left: -300px; padding: 0 20px; overflow: auto; position: fixed; top: 50px; text-align: center; width:300px; z-index: -1; transition: ease-in-out 0.5s}
    .sidebar-part2 .right-bg { display: none; position: absolute; right: 0; top: 0; transform: translateY(0); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); left: 0; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
    .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu:before {display: none;}
    .sidebar-part2 nav.navbar.bootsnav li.dropdown.show ul.dropdown-menu {display: block !important; opacity: 1 !important}
    .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu,.sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu .third-level { top: 0; transform: translateY(0); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); left: 0; background-color: transparent !important; padding-left: 10px !important;}
    header .sidebar-part2 nav.navbar.bootsnav ul li ul li {padding: 0;}
    .sidebar-part2 .dropdown ul.second-level, .sidebar-part2 .dropdown ul.third-level {border-left: none !important;}
    .sidebar-part2 nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a {color: #232323; padding: 0; margin-bottom: 2px;}
    .sidebar-part2 nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a > .fas{display: none}
    header .sidebar-part2 nav.navbar.bootsnav ul > li > a {font-size: 20px; line-height: 24px; border: 0}
    .sidebar-part2 nav.navbar.bootsnav li.dropdown.show ul.dropdown-menu .third-level {display: inherit; }
    .left-nav-sidebar .container {width: 700px;}
    .sidebar-part2 nav.navbar { text-align: left;}
    header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown .dropdown-menu.second-level > li > a {font-weight: 500; margin-top: 8px; margin-bottom: 0}
    header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown .dropdown-menu.second-level > li:last-child {margin-bottom: 8px}
    header .sidebar-part2 nav.navbar.bootsnav ul li.dropdown .dropdown-menu.second-level > li > .dropdown-menu.third-level > li:first-child > a {margin-top: 8px}

    /* sidebar nav style 1-2 */
    nav.navbar.bootsnav.sidebar-nav .navbar-nav, .sidebar-part2 nav.navbar.bootsnav .navbar-nav {background-color: transparent; padding:0 0px 0 0}
    nav.navbar.bootsnav.sidebar-nav .navbar-nav {padding:0; margin-right: 50px}
    nav.navbar.bootsnav.sidebar-nav.sidemenu-open .navbar-nav {margin-right: 0}
    nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar .dropdown .second-level, .sidebar-part2 nav.navbar.bootsnav .nav.navbar-left-sidebar .dropdown .second-level {display: none !important}
    nav.navbar.bootsnav.sidebar-nav .navbar-left-sidebar > li > a, .sidebar-part2 nav.navbar.bootsnav .navbar-left-sidebar > li > a {margin: 0; padding: 15px 15px 15px 0}
    nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar li a, .sidebar-part2 nav.navbar.bootsnav .nav.navbar-left-sidebar li a {border-bottom: 0 !important;}
    nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar .dropdown.show .second-level,nav.navbar.bootsnav.sidebar-nav .nav.navbar-left-sidebar .dropdown.show .second-level .dropdown .third-level, .sidebar-part2 nav.navbar.bootsnav .nav.navbar-left-sidebar .dropdown.show .second-level, .sidebar-part2 nav.navbar.bootsnav .nav.navbar-left-sidebar .dropdown.show .second-level .dropdown .third-level {display:block !important; left: 0; width: 100%; height: auto; visibility: visible; opacity: 1 !important; background: transparent; padding: 0 0 0 8px !important}
    header .sidebar-part2 nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {border: 0; color: #ff214f}
    .sidebar-part1 { position: inherit; width: 50px; float: left; }
    .sidebar-part3 { position: absolute; right: 0; bottom: inherit; top: 0; }
    .left-nav { height: 50px; width: 100%;}

    /* new-menu page */
    .menu-new a:after {margin-top: 0;}
    .nav.navbar-left-sidebar .menu-new a:after { margin-top: 3px; }

    /* top logo */
    .navbar.navbar-brand-top.bootsnav .navbar-toggler { top: 5px;}
    .navbar-brand-top .brand-top-menu-right { margin-left: 10px;}
    .navbar-brand-top .navbar-brand { text-align: left;}
    .navbar-brand-top .navbar-nav { text-align: left;}

    

    .demo-heading {font-size: 30px; line-height: 35px;}
    .nav.navbar-left-sidebar > li > a { line-height: normal; }
    .nav.navbar-left-sidebar > li .second-level li a { line-height: 20px; }
}

@media (max-width: 767px) {

  

    /* header social icon */
    .header-searchbar { padding-left: 5px;}
    .header-searchbar a i { margin-right: 0;}
    .header-right { margin-left: 0;}

    /* header with sticky topbar */
    .header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top, .sticky.header-with-topbar.fixed-topbar nav.navbar.bootsnav.navbar-fixed-top, .sticky.header-with-topbar.header-appear.fixed-topbar nav.navbar.bootsnav.navbar-top {top: 30px;}

    /* link style 2 */
    .full-width-pull-menu .link-style-2 ul li a {font-size: 26px; line-height: 60px}
    .full-width-pull-menu .link-style-2 ul li a {line-height:42px; font-size: 22px;}
    .full-width-pull-menu .link-style-2 .icon-social-medium a:first-child .fab {margin-left: 0;}
    .full-width-pull-menu .link-style-2 .dropdown ul li a {line-height:16px; font-size:12px; padding: 3px 0;}
    .link-style-2 .dropdown-backdrop {display: none}

    /* close button */
    .close-button-menu {top:5px; right:5px}

    /* full width pull menu */
    .full-width-pull-menu .dropdown span.dropdown-toggle {width:30px; height:30px; top:21px}
    .full-width-pull-menu .dropdown .dropdown-toggle:before {right:15px; top:10px}
    .full-width-pull-menu .dropdown .dropdown-toggle:after {right:10px; top:15px}

    /* btn */
    .btn-dual .btn { margin:10px auto !important; display: table; min-width: 160px; }

    /* search form style */ 
    .search-form {width: 100%}

    /*hamburger menu*/
    .animation-box {padding: 90px 0 30px;}
    .animation-box .menu-middle { overflow-y: auto; display: inherit;}
    .hamburger-menu-links {margin-bottom: 15px;}
    .hamburger-menu-links li {width:100%; margin-bottom: 15px}
    .hamburger-menu-links {font-size: 30px}
    .hamburger-menu .hamburger-menu-wrepper .btn-hamburger {right: 15px;}
    .hamburger-menu-wrepper { padding: 20px 15px; }
    .menu-middle { width: 100%; }
    .hamburger-menu-links { font-size: 20px; line-height: 24px; }
	
	.navbar-collapse ul.nav li ul.sub-menu li{margin:0;}

}

@media (max-width: 640px) {
    /* special character */
    .special-char-medium {font-size: 60px;}

    /* feature box 7 */ 
    .feature-box {padding: 0 15px;}
    .feature-box.feature-box-7 .box , .feature-box.feature-box-7 div:first-child .box {border:1px solid #ededed ;}

    /* accordion-style2 */
    .accordion-style2 .panel-body {padding: 20px 10px}
    .accordion-style2 .panel .panel-heading { padding: 15px 10px 16px 10px}
    .accordion-style2 .tab-tag { margin-right: 3px}

    /* accordion-style3 */
    .accordion-style3 .panel-body {padding: 20px 10px}
    .accordion-style3 .panel .panel-heading { padding: 15px 10px 16px 10px}
    .accordion-style3 .tab-tag { margin-right: 3px}

    /* hover style 7 */
    .hover-option7 .grid-item figcaption {padding: 20px}
    .hover-option7 .grid-item figure:hover img {top: -83px}


    /* breadcrumb */
    .breadcrumb ul > li:after {padding: 0 3px 0 5px}

    .skillbar-bar-style1 .skill-bar-percent {right: -30px;}
    .skillbar-bar-style2 .skill-bar-percent {right: -30px;}
}

/* ipad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    /* slider image */
    .parallax {background-attachment: inherit; background-position: center;}
}

/* ipad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    /* slider image */
    .parallax {background-attachment: inherit; background-position: center;}
}

@media screen and (max-width: 55.1875em){
    .cbp-spmenu-horizontal {font-size: 75%;height: 110px;}
    .cbp-spmenu-top {top: -110px;}
    .cbp-spmenu-bottom {bottom: -110px;}
}

@media screen and (max-height: 26.375em){
    .cbp-spmenu-vertical {font-size: 90%;width: 190px;}
    .cbp-spmenu-left,.cbp-spmenu-push-toleft {left: -190px;}
    .cbp-spmenu-right {right: -190px;}
    .cbp-spmenu-push-toright {left: 190px;}
}

@media screen and (max-height: 320px){
    nav.navbar.bootsnav.no-full .navbar-collapse{max-height: 240px;}
}

/* container */
@media (min-width: 575px) { .container { max-width: 100%; } }
@media (min-width: 768px) { .container { max-width: 750px; } }
@media (min-width: 992px) { .container { max-width: 970px; } }
@media (min-width: 1200px) { .container { max-width: 1170px; } }