@media (min-width: 992px) {
    

    /*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) {
    .text-md-justify { text-align: justify !important; }
}

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

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

    /* 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;}
    
}

@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}

    /* typography */
    h1, h2, h3, h4, h5, h6 {margin:0 0 22px; padding:0; letter-spacing: 0; font-weight: 400;}
    h1 {font-size:50px; line-height: 46px;}
    h2 {font-size:35px; line-height:35px}
    h3 {font-size:42px; line-height:48px}
    h4 {font-size:35px; line-height:41px}
    h5 {font-size:27px; line-height:32px}
    h6 {font-size:22px; line-height:27px}

    /*text-alignment*/
    .lg-text-center {text-align: center;}
    .lg-text-left {text-align: left;}
    .lg-text-right {text-align: right;}

    /*float*/
    .lg-float-left{float: left !important}
    .lg-float-right{float: right !important}
    .lg-float-none{float: none !important}

    /* verticle align */
    .lg-vertical-align-middle {vertical-align: middle ;}
    .lg-vertical-align-top {vertical-align: top ;}
    .lg-vertical-align-bottom {vertical-align: bottom ;}

    /* image position*/ 
    .lg-background-image-left { background-position: left;}
    .lg-background-image-right { background-position: right;}
    .lg-background-image-center{ background-position: center;}

    /* margin */
    

    .lg-no-margin {margin:0 !important}
    .lg-no-margin-lr {margin-left: 0 !important; margin-right: 0 !important}
    .lg-no-margin-tb {margin-top: 0 !important; margin-bottom: 0 !important}
    .lg-no-margin-top {margin-top:0 !important}
    .lg-no-margin-bottom {margin-bottom:0 !important}
    .lg-no-margin-left {margin-left:0 !important}
    .lg-no-margin-right {margin-right:0 !important}

    /* header padding top */
    .lg-header-padding-top { padding-top: 82px;}
    .lg-header-margin-top { margin-top: 80px;}

    /* padding */
    .lg-no-padding {padding:0 !important}
    .lg-no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
    .lg-no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
    .lg-no-padding-top {padding-top:0 !important}
    .lg-no-padding-bottom {padding-bottom:0 !important}
    .lg-no-padding-left {padding-left:0 !important}
    .lg-no-padding-right {padding-right:0 !important}

    /* padding top */
    .lg-padding-five-top {padding-top:5%;}
    .lg-padding-five-half-top {padding-top:5.5%;}
    .lg-padding-six-top {padding-top:6%;}
    .lg-padding-six-half-top {padding-top:6.5%;}
    .lg-padding-eight-top {padding-top:8%;}
    .lg-padding-eight-half-top {padding-top:8.5%;}
    .lg-padding-ten-top {padding-top:10%;}
    .lg-padding-ten-half-top {padding-top:10.5%;}
    .lg-padding-5px-top {padding-top:5px !important;}
    .lg-padding-10px-top {padding-top:10px !important;}
    .lg-padding-15px-top {padding-top:15px !important;}
    .lg-padding-20px-top {padding-top:20px !important;}
    .lg-padding-25px-top {padding-top:25px !important;}
    .lg-padding-30px-top {padding-top:30px !important;}
    .lg-padding-35px-top {padding-top:35px !important;}
    .lg-padding-40px-top {padding-top:40px !important;}
    .lg-padding-45px-top {padding-top:45px !important;}
    .lg-padding-50px-top {padding-top:50px !important;}
    .lg-padding-55px-top {padding-top:55px !important;}
    .lg-padding-60px-top {padding-top:60px !important;}
    .lg-padding-65px-top {padding-top:65px !important;}
    .lg-padding-70px-top {padding-top:70px !important;}
    .lg-padding-75px-top {padding-top:75px !important;}
    .lg-padding-80px-top {padding-top:80px !important;}
    .lg-padding-85px-top {padding-top:85px !important;}
    .lg-padding-90px-top {padding-top:90px !important;}
    .lg-padding-95px-top {padding-top:95px !important;}
    .lg-padding-100px-top {padding-top:100px !important;}

    /* padding bottom */
    .lg-padding-five-bottom {padding-bottom:5%;}
    .lg-padding-five-half-bottom {padding-bottom:5.5%;}
    .lg-padding-six-bottom {padding-bottom:6%;}
    .lg-padding-six-half-bottom {padding-bottom:6.5%;}
    .lg-padding-eight-bottom {padding-bottom:8%;}
    .lg-padding-eight-half-bottom {padding-bottom:8.5%;}
    .lg-padding-ten-bottom {padding-bottom:10%;}
    .lg-padding-ten-half-bottom {padding-bottom:10.5%;}
    .lg-padding-5px-bottom {padding-bottom:5px !important;}
    .lg-padding-10px-bottom {padding-bottom:10px !important;}
    .lg-padding-15px-bottom {padding-bottom:15px !important;}
    .lg-padding-20px-bottom {padding-bottom:20px !important;}
    .lg-padding-25px-bottom {padding-bottom:25px !important;}
    .lg-padding-30px-bottom {padding-bottom:30px !important;}
    .lg-padding-35px-bottom {padding-bottom:35px !important;}
    .lg-padding-40px-bottom {padding-bottom:40px !important;}
    .lg-padding-45px-bottom {padding-bottom:45px !important;}
    .lg-padding-50px-bottom {padding-bottom:50px !important;}
    .lg-padding-55px-bottom {padding-bottom:55px !important;}
    .lg-padding-60px-bottom {padding-bottom:60px !important;}
    .lg-padding-65px-bottom {padding-bottom:65px !important;}
    .lg-padding-70px-bottom {padding-bottom:70px !important;}
    .lg-padding-75px-bottom {padding-bottom:75px !important;}
    .lg-padding-80px-bottom {padding-bottom:80px !important;}
    .lg-padding-85px-bottom {padding-bottom:85px !important;}
    .lg-padding-90px-bottom {padding-bottom:90px !important;}
    .lg-padding-95px-bottom {padding-bottom:95px !important;}
    .lg-padding-100px-bottom {padding-bottom:100px !important;}

    /* padding right */
    .lg-padding-five-right {padding-right:5%;}
    .lg-padding-five-half-right {padding-right:5.5%;}
    .lg-padding-six-right {padding-right:6%;}
    .lg-padding-six-half-right {padding-right:6.5%;}
    .lg-padding-eight-right {padding-right:8%;}
    .lg-padding-eight-half-right {padding-right:8.5%;}
    .lg-padding-ten-right {padding-right:10%;}
    .lg-padding-ten-half-right {padding-right:10.5%;}

    /* padding left */
    .lg-padding-five-left {padding-left:5%;}
    .lg-padding-five-half-left {padding-left:5.5%;}
    .lg-padding-six-left {padding-left:6%;}
    .lg-padding-six-half-left {padding-left:6.5%;}
    .lg-padding-eight-left {padding-left:8%;}
    .lg-padding-eight-half-left {padding-left:8.5%;}
    .lg-padding-ten-left {padding-left:10%;}
    .lg-padding-ten-half-left {padding-left:10.5%;}

    /* padding top bottom */
    .lg-padding-five-tb {padding-top:5%; padding-bottom:5%;}
    .lg-padding-five-half-tb {padding-top:5.5%; padding-bottom:5.5%;}
    .lg-padding-six-tb {padding-top:6%; padding-bottom:6%;}
    .lg-padding-six-half-tb {padding-top:6.5%; padding-bottom:6.5%;}
    .lg-padding-eight-tb {padding-top:8%; padding-bottom:8%;}
    .lg-padding-eight-half-tb {padding-top:8.5%; padding-bottom:8.5%;}
    .lg-padding-ten-tb {padding-top:10%; padding-bottom:10%;}
    .lg-padding-ten-half-tb {padding-top:10.5%; padding-bottom:10.5%;}
    .lg-padding-70px-tb {padding-top:70px !important; padding-bottom:70px !important;}

    /* padding left right */
    .lg-padding-five-lr {padding-left:5%; padding-right:5%;}
    .lg-padding-five-half-lr {padding-left:5.5%; padding-right:5.5%;}
    .lg-padding-six-lr {padding-left:6%; padding-right:6%;}
    .lg-padding-six-half-lr {padding-left:6.5%; padding-right:6.5%;}
    .lg-padding-eight-lr {padding-left:8%; padding-right:8%;}
    .lg-padding-eight-half-lr {padding-left:8.5%; padding-right:8.5%;}
    .lg-padding-ten-lr {padding-left:10%; padding-right:10%;}
    .lg-padding-ten-half-lr {padding-left:10.5%; padding-right:10.5%;}
    .lg-padding-5px-lr {padding-left:5px !important; padding-right:5px !important;}
    .lg-padding-10px-lr {padding-left:10px !important; padding-right:10px !important;}
    .lg-padding-15px-lr {padding-left:15px !important; padding-right:15px !important;}
    .lg-padding-20px-lr {padding-left:20px !important; padding-right:20px !important;}
    .lg-padding-25px-lr {padding-left:25px !important; padding-right:25px !important;}
    .lg-padding-30px-lr {padding-left:30px !important; padding-right:30px !important;}
    .lg-padding-35px-lr {padding-left:35px !important; padding-right:35px !important;}
    .lg-padding-40px-lr {padding-left:40px !important; padding-right:40px !important;}
    .lg-padding-45px-lr {padding-left:45px !important; padding-right:45px !important;}
    .lg-padding-50px-lr {padding-left:50px !important; padding-right:50px !important;}
    .lg-padding-55px-lr {padding-left:55px !important; padding-right:55px !important;}
    .lg-padding-60px-lr {padding-left:60px !important; padding-right:60px !important;}
    .lg-padding-65px-lr {padding-left:65px !important; padding-right:65px !important;}
    .lg-padding-70px-lr {padding-left:70px !important; padding-right:70px !important;}
    .lg-padding-75px-lr {padding-left:75px !important; padding-right:75px !important;}
    .lg-padding-80px-lr {padding-left:80px !important; padding-right:80px !important;}
    .lg-padding-85px-lr {padding-left:85px !important; padding-right:85px !important;}
    .lg-padding-90px-lr {padding-left:90px !important; padding-right:90px !important;}
    .lg-padding-95px-lr {padding-left:95px !important; padding-right:95px !important;}
    .lg-padding-100px-lr {padding-left:100px !important; padding-right:100px !important;}

    /* col height  */
    .one-fourth-screen {height:700px;}
    .lg-small-screen {height:300px;}

    /* owl slider height */
    .slider-half-screen { min-height: 650px; }

    /* width */
    .lg-width-80 {width:80% !important;}
    /* display */
    .lg-display-block {display:block !important}
    .lg-overflow-hidden {overflow:hidden !important}
    .lg-overflow-auto {overflow:auto !important}
    .lg-display-inline-block {display:inline-block !important}
    .lg-display-inline {display:inline !important}
    .lg-display-none {display:none !important}
    .lg-display-inherit {display:inherit !important}
    .lg-display-table {display:table !important}
    .lg-display-table-cell {display:table-cell !important}

    /* position */
    .lg-position-inherit {position:inherit}
    .lg-position-relative {position:relative; z-index: 5}
    .lg-position-absolute {position:absolute;}
    .lg-position-fixed {position:fixed;}

    .lg-no-background-img {background-image: none !important}

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

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

    

    /* 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%}

    
    

    

    /* footer */
    .social-style-2 ul li { margin: 0 10px 5px 0} 

    /* 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;}

    /* next prev button style 3 */
    .swiper-button-prev.swiper-prev-style3,.swiper-button-next.swiper-next-style3 {left:57.8%;}

    /* font size */
    .title-large { font-size: 100px; line-height: 90px;}
    .text-extra-large { font-size: 18px; line-height: 24px;}
    .percent {line-height: 125px;}

    /* portfolio grid */
    .portfolio-grid.work-6col li, .blog-grid.blog-6col li {width: 25%;}
    .portfolio-grid.work-6col li.grid-item-double, .blog-grid.blog-6col li.grid-item-double {width: 50%;}

    /* portfolio 5 column */
    .portfolio-grid.work-5col li, .blog-grid.blog-5col li {width: 33.333%} 
    .portfolio-grid.work-5col li.grid-item-double, .blog-grid.blog-5col li.grid-item-double {width: 50%;}

    .portfolio-grid.work-4col li, .blog-grid.blog-4col li { width: 33.333%;}
    .portfolio-grid.work-4col li.grid-item-double, .blog-grid.blog-4col li.grid-item-double { width: 66.667%; }    
    .portfolio-grid.work-4col li.grid-item-double:last-child, .blog-grid.blog-4col li.grid-item-double:last-child { width: 100%;}


    /*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;}

    

    /*banner style 01*/
    
    .swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper {margin-bottom: 50px;}
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}
    .swiper-slider-third .swiper-pagination-bullets {bottom: 25px;}
    .swiper-full-screen .swiper-pagination, .hover-option3 .swiper-pagination {bottom: 30px;}

    /* hover option 3 */
    .hover-option3 .grid-item a:hover p { bottom: 0; opacity: 1; }
    .hover-option3 .grid-item figure p { bottom: 0; opacity: 1; margin-bottom: 30px;  }
    .hover-option3 .grid-item figure h6 { bottom: 0; }
    .hover-option3 .grid-item figure figcaption { padding: 0 30px; }

    /*next prev button style 2*/
    .swiper-next-style2 {right: 5%;}
    .swiper-prev-style2 {left: 5%;}
    .swiper-auto-slide .swiper-scrollbar { left: 15%; width: 70%; }
    .swiper-auto-slide .swiper-slide.swiper-slide-active .absolute-middle-center h2 { transition: all 0.4s ease-in-out 0.4s; -webkit-transition: all 0.4s ease-in-out 0.4s; -moz-transition: all 0.4s ease-in-out 0.4s; -ms-transition: all 0.4s ease-in-out 0.4s; -o-transition: all 0.4s ease-in-out 0.4s; }

    /* swiper-bottom-scrollbar-full */
    .swiper-bottom-scrollbar-full .swiper-slide img {max-height: 450px; opacity:1; filter: contrast(130%); -webkit-filter: contrast(130%); -moz-filter: contrast(130%); -ms-filter: contrast(130%); -o-filter: contrast(130%);}
    .swiper-bottom-scrollbar-full .swiper-slide:hover img {max-height: 450px; }
    .swiper-bottom-scrollbar-full .bottom-text { opacity: 1; letter-spacing: 3px;}
    .swiper-bottom-scrollbar-full .swiper-slide:hover .bottom-text { opacity: 1; letter-spacing: 3px; left: 0;}
    .swiper-bottom-scrollbar-full .swiper-slide:hover .hover-title-box { right: 0; opacity: 1;}
    .hover-title-box { opacity: 1; right: 0; text-align: center; top: inherit; bottom: 50%; transform: translateY(160px); -moz-transform: translateY(160px); -webkit-transform: translateY(160px); -o-transform: translateY(160px); -ms-transform: translateY(160px); z-index: 99; width: 100% }
    .swiper-bottom-scrollbar-full .swiper-slide .hover-title-box { visibility: visible; }

    /* portfolio grid */
    .portfolio-grid.portfolio-metro-grid.work-4col li {width: 50%}
    .portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double {width: 50%}
    .portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double:last-child { width: 50%;}
    .portfolio-grid.portfolio-metro-grid.work-6col li {width: 50%}
    .portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double {width: 50%}
    .portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double:last-child { width: 50%;}
    .portfolio-grid.portfolio-metro-grid.work-3col li {width: 50%}
    .portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double {width: 50%}
    .portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double:last-child { width: 50%;}

    

    
}

@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}
    

    .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) {

    /* typography */
    h1, h2, h3, h4, h5, h6 {margin:0 0 18px; padding:0; letter-spacing: 0; font-weight: 400;}
    h1 {font-size:40px; line-height: 40px;}
    h2 {font-size:35px; line-height:35px}
    h3 {font-size:36px; line-height:41px}
    h4 {font-size:30px; line-height:35px}
    h5 {font-size:24px; line-height:30px}
    h6 {font-size:22px; line-height:26px}
    p { margin: 0 0 20px; }

    .title-large {font-size: 90px; line-height:65px}
    .title-extra-large {font-size: 100px; line-height:95px}
	.title-small {font-size: 22px; line-height:20px;}
    .percent {line-height: 125px;}

    /* custom */
    section {padding: 75px 0;}
    section.big-section {padding:120px 0;}
    section.extra-big-section {padding: 150px 0;}
    section.half-section {padding:40px 0;}
    .md-col-2-nth .col-sm-6:nth-child(2n+1) {clear: left;}
    .md-col-3-nth .col-sm-4:nth-child(3n+1) {clear: left;}
    .md-col-4-nth .col-sm-3:nth-child(4n+1) {clear: left;}
    /*.md-mx-auto {float: none; margin: 0 auto;}*/

    /*float*/
    .md-float-left{float: left !important}
    .md-float-right{float: right !important}
    .md-float-none{float: none !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; }
    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: rgba(255,255,255,0.6)}
    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(255,255,255,0.6);}
    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;}
    
    #search-header {width: 75%}

    /* 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.6) !important;}
    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;}

    /*brand center*/ 
    .brand-center .accordion-menu {float: right;}
    .brand-center .center-logo {max-width: 100%;}

    /*text-alignment*/
    .md-text-center {text-align: center;}
    .md-text-left {text-align: left;}
    .md-text-right {text-align: right;}

    /* verticle align */
    .md-vertical-align-middle {vertical-align: middle;}
    .md-vertical-align-top {vertical-align: top;}
    .md-vertical-align-bottom {vertical-align: bottom;}

    /* image position*/ 
    .md-background-image-left { background-position: left;}
    .md-background-image-right { background-position: right;}
    .md-background-image-center{ background-position: center;}

    .md-no-margin {margin:0 !important}
    .md-no-margin-lr {margin-left: 0 !important; margin-right: 0 !important}
    .md-no-margin-tb {margin-top: 0 !important; margin-bottom: 0 !important}
    .md-no-margin-top {margin-top:0 !important}
    .md-no-margin-bottom {margin-bottom:0 !important}
    .md-no-margin-left {margin-left:0 !important}
    .md-no-margin-right {margin-right:0 !important}
    .md-margin-lr-auto {margin-left:auto !important; margin-right:auto !important}
    .md-margin-auto {margin: 0 auto !important;}

    /* margin top */
    .md-margin-four-top {margin-top:4%;}
    .md-margin-four-half-top {margin-top:4.5%;}
    .md-margin-5px-top {margin-top:5px !important;}
    .md-margin-10px-top {margin-top:10px !important;}
    .md-margin-15px-top {margin-top:15px !important;}
    .md-margin-20px-top {margin-top:20px !important;}
    .md-margin-25px-top {margin-top:25px !important;}
    .md-margin-30px-top {margin-top:30px !important;}
    .md-margin-35px-top {margin-top:35px !important;}
    .md-margin-40px-top {margin-top:40px !important;}
    .md-margin-45px-top {margin-top:45px !important;}
    .md-margin-50px-top {margin-top:50px !important;}
    .md-margin-55px-top {margin-top:55px !important;}
    .md-margin-60px-top {margin-top:60px !important;}
    .md-margin-65px-top {margin-top:65px !important;}
    .md-margin-70px-top {margin-top:70px !important;}
    .md-margin-75px-top {margin-top:75px !important;}
    .md-margin-80px-top {margin-top:80px !important;}
    .md-margin-85px-top {margin-top:85px !important;}
    .md-margin-90px-top {margin-top:90px !important;}
    .md-margin-95px-top {margin-top:95px !important;}
    .md-margin-100px-top {margin-top:100px !important;}

    /* margin bottom */
    .md-margin-four-bottom {margin-bottom:4%;}
    .md-margin-four-half-bottom {margin-bottom:4.5%;}
    .md-margin-eight-bottom {margin-bottom:8%;}
    .md-margin-5px-bottom {margin-bottom:5px !important;}
    .md-margin-10px-bottom {margin-bottom:10px !important;}
    .md-margin-15px-bottom {margin-bottom:15px !important;}
    .md-margin-20px-bottom {margin-bottom:20px !important;}
    .md-margin-25px-bottom {margin-bottom:25px !important;}
    .md-margin-30px-bottom {margin-bottom:30px !important;}
    .md-margin-35px-bottom {margin-bottom:35px !important;}
    .md-margin-40px-bottom {margin-bottom:40px !important;}
    .md-margin-45px-bottom {margin-bottom:45px !important;}
    .md-margin-50px-bottom {margin-bottom:50px !important;}
    .md-margin-55px-bottom {margin-bottom:55px !important;}
    .md-margin-60px-bottom {margin-bottom:60px !important;}
    .md-margin-65px-bottom {margin-bottom:65px !important;}
    .md-margin-70px-bottom {margin-bottom:70px !important;}
    .md-margin-75px-bottom {margin-bottom:75px !important;}
    .md-margin-80px-bottom {margin-bottom:80px !important;}
    .md-margin-85px-bottom {margin-bottom:85px !important;}
    .md-margin-90px-bottom {margin-bottom:90px !important;}
    .md-margin-95px-bottom {margin-bottom:95px !important;}
    .md-margin-100px-bottom {margin-bottom:100px !important;}

    /* margin right */
    .md-margin-four-right {margin-right:4%;}
    .md-margin-four-half-right {margin-right:4.5%;}

    /* margin left */
    .md-margin-four-left {margin-left:4%;}
    .md-margin-four-half-left {margin-left:4.5%;}

    /* margin left right */
    .md-margin-four-lr {margin-left:4%; margin-right:4%;}
    .md-margin-four-lr {margin-left:4.5%; margin-right:4.5%;}
    .md-margin-5px-lr {margin-left:5px !important; margin-right:5px !important;}
    .md-margin-10px-lr {margin-left:10px !important; margin-right:10px !important;}
    .md-margin-15px-lr {margin-left:15px !important; margin-right:15px !important;}
    .md-margin-20px-lr {margin-left:20px !important; margin-right:20px !important;}
    .md-margin-25px-lr {margin-left:25px !important; margin-right:25px !important;}
    .md-margin-30px-lr {margin-left:30px !important; margin-right:30px !important;}
    .md-margin-35px-lr {margin-left:35px !important; margin-right:35px !important;}
    .md-margin-40px-lr {margin-left:40px !important; margin-right:40px !important;}
    .md-margin-45px-lr {margin-left:45px !important; margin-right:45px !important;}
    .md-margin-50px-lr {margin-left:50px !important; margin-right:50px !important;}
    .md-margin-55px-lr {margin-left:55px !important; margin-right:55px !important;}
    .md-margin-60px-lr {margin-left:60px !important; margin-right:60px !important;}
    .md-margin-65px-lr {margin-left:65px !important; margin-right:65px !important;}
    .md-margin-70px-lr {margin-left:70px !important; margin-right:70px !important;}
    .md-margin-75px-lr {margin-left:75px !important; margin-right:75px !important;}
    .md-margin-80px-lr {margin-left:80px !important; margin-right:80px !important;}
    .md-margin-85px-lr {margin-left:85px !important; margin-right:85px !important;}
    .md-margin-90px-lr {margin-left:90px !important; margin-right:90px !important;}
    .md-margin-95px-lr {margin-left:95px !important; margin-right:95px !important;}
    .md-margin-100px-lr {margin-left:100px !important; margin-right:100px !important;}

    /* margin top bottom */
    .md-margin-four-tb {margin-top:4%; margin-bottom:4%;}
    .md-margin-four-tb {margin-top:4.5%; margin-bottom:4.5%;}

    /* header padding top */
    .md-header-padding-top { padding-top: 82px;}
    .md-header-margin-top { margin-top: 80px;}

    /* padding */
    .md-no-padding {padding:0 !important}
    .md-no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
    .md-no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
    .md-no-padding-top {padding-top:0 !important}
    .md-no-padding-bottom {padding-bottom:0 !important}
    .md-no-padding-left {padding-left:0 !important}
    .md-no-padding-right {padding-right:0 !important}

    /* padding top */
    .md-padding-five-top {padding-top:5%;}
    .md-padding-five-half-top {padding-top:5.5%;}
    .md-padding-six-top {padding-top:6%;}
    .md-padding-six-half-top {padding-top:6.5%;}
    .md-padding-eight-top {padding-top:8%;}
    .md-padding-eight-half-top {padding-top:8.5%;}
    .md-padding-ten-top {padding-top:10%;}
    .md-padding-ten-half-top {padding-top:10.5%;}
    .md-padding-5px-top {padding-top:5px !important;}
    .md-padding-10px-top {padding-top:10px !important;}
    .md-padding-15px-top {padding-top:15px !important;}
    .md-padding-20px-top {padding-top:20px !important;}
    .md-padding-25px-top {padding-top:25px !important;}
    .md-padding-30px-top {padding-top:30px !important;}
    .md-padding-35px-top {padding-top:35px !important;}
    .md-padding-40px-top {padding-top:40px !important;}
    .md-padding-45px-top {padding-top:45px !important;}
    .md-padding-50px-top {padding-top:50px !important;}
    .md-padding-55px-top {padding-top:55px !important;}
    .md-padding-60px-top {padding-top:60px !important;}
    .md-padding-65px-top {padding-top:65px !important;}
    .md-padding-70px-top {padding-top:70px !important;}
    .md-padding-75px-top {padding-top:75px !important;}
    .md-padding-80px-top {padding-top:80px !important;}
    .md-padding-85px-top {padding-top:85px !important;}
    .md-padding-90px-top {padding-top:90px !important;}
    .md-padding-95px-top {padding-top:95px !important;}
    .md-padding-100px-top {padding-top:100px !important;}

    /* padding bottom */
    .md-padding-five-bottom {padding-bottom:5%;}
    .md-padding-five-half-bottom {padding-bottom:5.5%;}
    .md-padding-six-bottom {padding-bottom:6%;}
    .md-padding-six-half-bottom {padding-bottom:6.5%;}
    .md-padding-eight-bottom {padding-bottom:8%;}
    .md-padding-eight-half-bottom {padding-bottom:8.5%;}
    .md-padding-ten-bottom {padding-bottom:10%;}
    .md-padding-ten-half-bottom {padding-bottom:10.5%;}
    .md-padding-5px-bottom {padding-bottom:5px !important;}
    .md-padding-10px-bottom {padding-bottom:10px !important;}
    .md-padding-15px-bottom {padding-bottom:15px !important;}
    .md-padding-20px-bottom {padding-bottom:20px !important;}
    .md-padding-25px-bottom {padding-bottom:25px !important;}
    .md-padding-30px-bottom {padding-bottom:30px !important;}
    .md-padding-35px-bottom {padding-bottom:35px !important;}
    .md-padding-40px-bottom {padding-bottom:40px !important;}
    .md-padding-45px-bottom {padding-bottom:45px !important;}
    .md-padding-50px-bottom {padding-bottom:50px !important;}
    .md-padding-55px-bottom {padding-bottom:55px !important;}
    .md-padding-60px-bottom {padding-bottom:60px !important;}
    .md-padding-65px-bottom {padding-bottom:65px !important;}
    .md-padding-70px-bottom {padding-bottom:70px !important;}
    .md-padding-75px-bottom {padding-bottom:75px !important;}
    .md-padding-80px-bottom {padding-bottom:80px !important;}
    .md-padding-85px-bottom {padding-bottom:85px !important;}
    .md-padding-90px-bottom {padding-bottom:90px !important;}
    .md-padding-95px-bottom {padding-bottom:95px !important;}
    .md-padding-100px-bottom {padding-bottom:100px !important;}

    /* padding right */
    .md-padding-five-right {padding-right:5%;}
    .md-padding-five-half-right {padding-right:5.5%;}
    .md-padding-six-right {padding-right:6%;}
    .md-padding-six-half-right {padding-right:6.5%;}
    .md-padding-eight-right {padding-right:8%;}
    .md-padding-eight-half-right {padding-right:8.5%;}
    .md-padding-ten-right {padding-right:10%;}
    .md-padding-ten-half-right {padding-right:10.5%;}

    /* padding left */
    .md-padding-five-left {padding-left:5%;}
    .md-padding-five-half-left {padding-left:5.5%;}
    .md-padding-six-left {padding-left:6%;}
    .md-padding-six-half-left {padding-left:6.5%;}
    .md-padding-eight-left {padding-left:8%;}
    .md-padding-eight-half-left {padding-left:8.5%;}
    .md-padding-ten-left {padding-left:10%;}
    .md-padding-ten-half-left {padding-left:10.5%;}
    .md-padding-15px-left {padding-left:15px !important;}

    /* padding top bottom */
    .md-padding-five-tb {padding-top:5%; padding-bottom:5%;}
    .md-padding-five-half-tb {padding-top:5.5%; padding-bottom:5.5%;}
    .md-padding-six-tb {padding-top:6%; padding-bottom:6%;}
    .md-padding-six-half-tb {padding-top:6.5%; padding-bottom:6.5%;}
    .md-padding-eight-tb {padding-top:8%; padding-bottom:8%;}
    .md-padding-eight-half-tb {padding-top:8.5%; padding-bottom:8.5%;}
    .md-padding-ten-tb {padding-top:10%; padding-bottom:10%;}
    .md-padding-ten-half-tb {padding-top:10.5%; padding-bottom:10.5%;}
    .md-padding-50px-tb {padding-top:50px !important; padding-bottom:50px !important;}

    /* padding left right */
    .md-padding-five-lr {padding-left:5%; padding-right:5%;}
    .md-padding-five-half-lr {padding-left:5.5%; padding-right:5.5%;}
    .md-padding-six-lr {padding-left:6%; padding-right:6%;}
    .md-padding-six-half-lr {padding-left:6.5%; padding-right:6.5%;}
    .md-padding-eight-lr {padding-left:8%; padding-right:8%;}
    .md-padding-eight-half-lr {padding-left:8.5%; padding-right:8.5%;}
    .md-padding-ten-lr {padding-left:10%; padding-right:10%;}
    .md-padding-ten-half-lr {padding-left:10.5%; padding-right:10.5%;}
    .md-padding-twelve-half-lr {padding-left:12.5%; padding-right:12.5%;}
    .md-padding-fifteen-lr {padding-left:15%; padding-right:15%;}
    .md-padding-5px-lr {padding-right:5px !important; padding-left:5px !important;}
    .md-padding-10px-lr {padding-right:10px !important; padding-left:10px !important;}
    .md-padding-15px-lr {padding-right:15px !important; padding-left:15px !important;}
    .md-padding-20px-lr {padding-right:20px !important; padding-left:20px !important;}
    .md-padding-25px-lr {padding-right:25px !important; padding-left:25px !important;}
    .md-padding-30px-lr {padding-right:30px !important; padding-left:30px !important;}
    .md-padding-35px-lr {padding-right:35px !important; padding-left:35px !important;}
    .md-padding-40px-lr {padding-right:40px !important; padding-left:40px !important;}
    .md-padding-45px-lr {padding-right:45px !important; padding-left:45px !important;}
    .md-padding-50px-lr {padding-right:50px !important; padding-left:50px !important;}
    .md-padding-55px-lr {padding-right:55px !important; padding-left:55px !important;}
    .md-padding-60px-lr {padding-right:60px !important; padding-left:60px !important;}
    .md-padding-65px-lr {padding-right:65px !important; padding-left:65px !important;}
    .md-padding-70px-lr {padding-right:70px !important; padding-left:70px !important;}
    .md-padding-75px-lr {padding-right:75px !important; padding-left:75px !important;}
    .md-padding-80px-lr {padding-right:80px !important; padding-left:80px !important;}
    .md-padding-85px-lr {padding-right:85px !important; padding-left:85px !important;}
    .md-padding-90px-lr {padding-right:90px !important; padding-left:90px !important;}
    .md-padding-95px-lr {padding-right:95px !important; padding-left:95px !important;}
    .md-padding-100px-lr {padding-right:100px !important; padding-left:100px !important;}

    /* width */
    .md-width-100 {width:100% !important;}
    .md-width-auto {width: auto !important}

    /* height */
    .md-height-400px {height: 400px !important}
    .md-height-450px {height: 450px !important}

    /* display */
    .md-display-block {display:block !important}
    .md-overflow-hidden {overflow:hidden !important}
    .md-overflow-auto {overflow:auto !important}
    .md-display-inline-block {display:inline-block !important}
    .md-display-inline {display:inline !important}
    .md-display-none {display:none !important}
    .md-display-inherit {display:inherit !important}
    .md-display-table {display:table !important}
    .md-display-table-cell {display:table-cell !important}
    .md-display-flex-inherit { -ms-box-orient: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit;  flex-flow: inherit; -webkit-flex-flow: inherit; -moz-flex-flow: inherit; -ms-flex-flow: inherit; -o-flex-flow: inherit;}

    /* clear-both */
    .md-clear-both {clear: both}

    /* position */
    .md-position-inherit {position:inherit !important}
    .md-position-initial {position:initial !important}
    .md-position-relative {position:relative !important; z-index: 5}
    .md-position-absolute {position:absolute !important;}
    .md-position-fixed {position:fixed !important;}

    

    /* border */
    .md-no-border-top {border-top:0 !important}
    .md-no-border-bottom {border-bottom:0 !important}
    .md-no-border-right {border-right:0 !important}
    .md-no-border-left {border-left:0 !important}
    .md-no-border { border: 0 !important}

    /* parallax */
    .parallax {background-position: center;}

    .portfolio-filter-tab-1 li {margin: 10px 20px;}
    

    .portfolio-grid.work-6col li, .blog-grid.blog-6col li {width: 50%;}
    .portfolio-grid.work-4col li,.blog-grid.blog-4col li {width: 50%}
    .sidebar-wrapper .portfolio-grid.work-4col li,.sidebar-wrapper .blog-grid.work-4col li {width: 50%}
    .portfolio-grid.work-4col li.grid-item-double, .blog-grid.blog-4col li.grid-item-double { width:50%; }    
    .portfolio-grid.work-4col li.grid-item-double:last-child, .blog-grid.blog-4col li.grid-item-double:last-child { width: 50%;}

    .portfolio-grid.work-3col li, .blog-grid.blog-3col li {width: 50%;}
    .portfolio-grid.work-3col li.grid-item-double, .blog-grid.blog-3col li.grid-item-double { width: 50%;}

    
    /* homepage option-1 */
    .bg-transparent-white { background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}

    /* homepage option-3 */
    .md-swap-block {display: flex; flex-flow: column;}
    .md-swap-block > div:first-child {order: 2;}
    .md-swap-block .arrow-bottom::after{top: -29px; border: solid transparent; border-bottom-color: #f5f5f5; border-width: 15px; margin-left: -15px;}

    /* blog post style 3 */
    .md-no-background-img {background-image: none !important}

    

    /*swiper button 3*/
    .swiper-button-prev.swiper-prev-style3, .swiper-button-next.swiper-next-style3 {left: 64.5%}

    /* feature box style 8 */
    .parallax-feature-box-bottom {position: relative;}

    /* hamburger menu */
    .hamburger-menu-wrepper { padding: 35px 36px; }
    .hamburger-menu-links {font-size: 32px; line-height: 32px}
    .menu-middle {width: 95%;}

    /* Homepage 10 */
    .swiper-auto-slide { padding: 0 15px;}
    .swiper-auto-slide .swiper-slide { width: 100%; }

    /* swiper pagination */
    .swiper-vertical-pagination > .swiper-pagination-bullets { right: 30px; }

    /*banner style 01*/

    /*scroll to top*/
    .scroll-top-arrow {display: none !important; opacity: 0 !important}

    /* text property */
    .md-text-middle-line::before { display: none;}

    /* hover-option 3 */
    .hover-option3 .grid-item figure figcaption {padding: 0 30px}

    .mfp-close, .mfp-close:active {top: 0; right: 0;}
    button.mfp-arrow {background-color: #000; height: 80px; width: 80px; opacity: 1}
    .mfp-arrow:before {margin: 0 auto; width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 80px; border: 0}
    .mfp-arrow:active, .mfp-arrow:focus {margin-top: -55px}
    .mfp-arrow-left {left: 6px}
    .mfp-arrow-right {right: 6px}
    
    /*next prev button style 2*/
    .swiper-next-style2 {right: 15px;}
    .swiper-prev-style2 {left: 15px;}
    .swiper-auto-slide .swiper-scrollbar { left: 12%; width: 76%; }

    /* portfolio 5 column */
    .portfolio-grid.work-5col li, .blog-grid.blog-5col li {width: 50%} 
    .portfolio-grid.work-5col li.grid-item-double, .blog-grid.blog-5col li.grid-item-double {width: 50%;}

    /* opacity */
    .md-opacity1 {opacity:.1}
    .md-opacity2 {opacity:.2}
    .md-opacity3 {opacity:.3}
    .md-opacity4 {opacity:.4}
    .md-opacity5 {opacity:.5}
    .md-opacity6 {opacity:.6}
    .md-opacity7 {opacity:.7}
    .md-opacity8 {opacity:.8}
    .md-opacity9 {opacity:.9}
    .md-opacity10 {opacity:1}

    /* icon type */
    .elements-social .extra-small-icon li, .elements-social .small-icon li, .elements-social .medium-icon li, .elements-social .large-icon li, .elements-social .extra-large-icon li {margin-bottom: 10px;}

    
    .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) {

    body { font-size: 12px; line-height: 20px}

    h1, h2, h3, h4, h5, h6 {margin:0 0 17px; padding:0; letter-spacing: 0; font-weight: 400;}
    h1 {font-size:35px; line-height: 35px;}
    h2 {font-size:26px; line-height:28px}
    h3 {font-size:28px; line-height:34px}
    h4 {font-size:24px; line-height:30px}
    h5 {font-size:20px; line-height:28px}
    h6 {font-size:10px; line-height:23px}
	
	.title-small {font-size: 18px; line-height:12px;}

    /* opacity */
    .sm-opacity1 {opacity:.1}
    .sm-opacity2 {opacity:.2}
    .sm-opacity3 {opacity:.3}
    .sm-opacity4 {opacity:.4}
    .sm-opacity5 {opacity:.5}
    .sm-opacity6 {opacity:.6}
    .sm-opacity7 {opacity:.7}
    .sm-opacity8 {opacity:.8}
    .sm-opacity9 {opacity:.9}
    .sm-opacity10 {opacity:1}

    /*text-alignment*/
    .sm-text-center {text-align: center;}
    .sm-text-left {text-align: left;}
    .sm-text-right {text-align: right;}

    /*float*/
    .sm-float-left{float: left !important}
    .sm-float-right{float: right !important}
    .sm-float-none{float: none !important}

    /* verticle align */
    .sm-vertical-align-middle {vertical-align: middle ;}
    .sm-vertical-align-top {vertical-align: top ;}
    .sm-vertical-align-bottom {vertical-align: bottom ;}

    /* image position*/ 
    .sm-background-image-left { background-position: left !important;}
    .sm-background-image-right { background-position: right !important;}
    .sm-background-image-center { background-position: center !important;}

    .sm-no-margin {margin:0 !important}
    .sm-no-margin-lr {margin-left: 0 !important; margin-right: 0 !important}
    .sm-no-margin-tb {margin-top: 0 !important; margin-bottom: 0 !important}
    .sm-no-margin-top {margin-top:0 !important}
    .sm-no-margin-bottom {margin-bottom:0 !important}
    .sm-no-margin-left {margin-left:0 !important}
    .sm-no-margin-right {margin-right:0 !important}
    .sm-margin-lr-auto {margin-left:auto !important; margin-right:auto !important}
    .sm-margin-auto {margin: 0 auto !important;}

    /* margin top */
    .sm-margin-four-top {margin-top:4%;}
    .sm-margin-four-half-top {margin-top:4.5%;}
    .sm-margin-5px-top {margin-top:5px !important;}
    .sm-margin-10px-top {margin-top:10px !important;}
    .sm-margin-15px-top {margin-top:15px !important;}
    .sm-margin-20px-top {margin-top:20px !important;}
    .sm-margin-25px-top {margin-top:25px !important;}
    .sm-margin-30px-top {margin-top:30px !important;}
    .sm-margin-35px-top {margin-top:35px !important;}
    .sm-margin-40px-top {margin-top:40px !important;}
    .sm-margin-45px-top {margin-top:45px !important;}
    .sm-margin-50px-top {margin-top:50px !important;}
    .sm-margin-55px-top {margin-top:55px !important;}
    .sm-margin-60px-top {margin-top:60px !important;}
    .sm-margin-65px-top {margin-top:65px !important;}
    .sm-margin-70px-top {margin-top:70px !important;}
    .sm-margin-75px-top {margin-top:75px !important;}
    .sm-margin-80px-top {margin-top:80px !important;}
    .sm-margin-85px-top {margin-top:85px !important;}
    .sm-margin-90px-top {margin-top:90px !important;}
    .sm-margin-95px-top {margin-top:95px !important;}
    .sm-margin-100px-top {margin-top:100px !important;}

    /* margin bottom */
    .sm-margin-three-bottom {margin-bottom:3%;}
    .sm-margin-four-bottom {margin-bottom:4%;}
    .sm-margin-four-half-bottom {margin-bottom:4.5%;}
    .sm-margin-ten-bottom {margin-bottom:10%;}
    .sm-margin-5px-bottom {margin-bottom:5px !important;}
    .sm-margin-10px-bottom {margin-bottom:10px !important;}
    .sm-margin-15px-bottom {margin-bottom:15px !important;}
    .sm-margin-20px-bottom {margin-bottom:20px !important;}
    .sm-margin-25px-bottom {margin-bottom:25px !important;}
    .sm-margin-30px-bottom {margin-bottom:30px !important;}
    .sm-margin-35px-bottom {margin-bottom:35px !important;}
    .sm-margin-40px-bottom {margin-bottom:40px !important;}
    .sm-margin-45px-bottom {margin-bottom:45px !important;}
    .sm-margin-50px-bottom {margin-bottom:50px !important;}
    .sm-margin-55px-bottom {margin-bottom:55px !important;}
    .sm-margin-60px-bottom {margin-bottom:60px !important;}
    .sm-margin-65px-bottom {margin-bottom:65px !important;}
    .sm-margin-70px-bottom {margin-bottom:70px !important;}
    .sm-margin-75px-bottom {margin-bottom:75px !important;}
    .sm-margin-80px-bottom {margin-bottom:80px !important;}
    .sm-margin-85px-bottom {margin-bottom:85px !important;}
    .sm-margin-90px-bottom {margin-bottom:90px !important;}
    .sm-margin-95px-bottom {margin-bottom:95px !important;}
    .sm-margin-100px-bottom {margin-bottom:100px !important;}

    /* margin right */
    .sm-margin-four-right {margin-right:4%;}
    .sm-margin-four-half-right {margin-right:4.5%;}

    /* margin left */
    .sm-margin-four-left {margin-left:4%;}
    .sm-margin-four-half-left {margin-left:4.5%;}

    /* margin left right */
    .sm-margin-four-lr {margin-left:4%; margin-right:4%;}
    .sm-margin-four-lr {margin-left:4.5%; margin-right:4.5%;}
    .sm-margin-5px-lr {margin-left:5px !important; margin-right:5px !important;}
    .sm-margin-10px-lr {margin-left:10px !important; margin-right:10px !important;}
    .sm-margin-15px-lr {margin-left:15px !important; margin-right:15px !important;}
    .sm-margin-20px-lr {margin-left:20px !important; margin-right:20px !important;}
    .sm-margin-25px-lr {margin-left:25px !important; margin-right:25px !important;}
    .sm-margin-30px-lr {margin-left:30px !important; margin-right:30px !important;}
    .sm-margin-35px-lr {margin-left:35px !important; margin-right:35px !important;}
    .sm-margin-40px-lr {margin-left:40px !important; margin-right:40px !important;}
    .sm-margin-45px-lr {margin-left:45px !important; margin-right:45px !important;}
    .sm-margin-50px-lr {margin-left:50px !important; margin-right:50px !important;}
    .sm-margin-55px-lr {margin-left:55px !important; margin-right:55px !important;}
    .sm-margin-60px-lr {margin-left:60px !important; margin-right:60px !important;}
    .sm-margin-65px-lr {margin-left:65px !important; margin-right:65px !important;}
    .sm-margin-70px-lr {margin-left:70px !important; margin-right:70px !important;}
    .sm-margin-75px-lr {margin-left:75px !important; margin-right:75px !important;}
    .sm-margin-80px-lr {margin-left:80px !important; margin-right:80px !important;}
    .sm-margin-85px-lr {margin-left:85px !important; margin-right:85px !important;}
    .sm-margin-90px-lr {margin-left:90px !important; margin-right:90px !important;}
    .sm-margin-95px-lr {margin-left:95px !important; margin-right:95px !important;}
    .sm-margin-100px-lr {margin-left:100px !important; margin-right:100px !important;}

    /* margin top bottom */
    .sm-margin-four-tb {margin-top:4%; margin-bottom:4%;}
    .sm-margin-four-tb {margin-top:4.5%; margin-bottom:4.5%;}
    .sm-margin-20px-tb {margin-top:20px !important; margin-bottom:20px !important;}

    /* header padding top */
    .sm-header-padding-top { padding-top: 82px;}
    .sm-header-margin-top { margin-top: 80px;}

    /* padding */
    .sm-no-padding {padding:0 !important}
    .sm-no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
    .sm-no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
    .sm-no-padding-top {padding-top:0 !important}
    .sm-no-padding-bottom {padding-bottom:0 !important}
    .sm-no-padding-left {padding-left:0 !important}
    .sm-no-padding-right {padding-right:0 !important}

    /* padding top */
    .sm-padding-five-top {padding-top:5%;}
    .sm-padding-five-half-top {padding-top:5.5%;}
    .sm-padding-six-top {padding-top:6%;}
    .sm-padding-six-half-top {padding-top:6.5%;}
    .sm-padding-eight-top {padding-top:8%;}
    .sm-padding-eight-half-top {padding-top:8.5%;}
    .sm-padding-ten-top {padding-top:10%;}
    .sm-padding-ten-half-top {padding-top:10.5%;}
    .sm-padding-5px-top {padding-top:5px !important;}
    .sm-padding-10px-top {padding-top:10px !important;}
    .sm-padding-15px-top {padding-top:15px !important;}
    .sm-padding-20px-top {padding-top:20px !important;}
    .sm-padding-25px-top {padding-top:25px !important;}
    .sm-padding-30px-top {padding-top:30px !important;}
    .sm-padding-35px-top {padding-top:35px !important;}
    .sm-padding-40px-top {padding-top:40px !important;}
    .sm-padding-45px-top {padding-top:45px !important;}
    .sm-padding-50px-top {padding-top:50px !important;}
    .sm-padding-55px-top {padding-top:55px !important;}
    .sm-padding-60px-top {padding-top:60px !important;}
    .sm-padding-65px-top {padding-top:65px !important;}
    .sm-padding-70px-top {padding-top:70px !important;}
    .sm-padding-75px-top {padding-top:75px !important;}
    .sm-padding-80px-top {padding-top:80px !important;}
    .sm-padding-85px-top {padding-top:85px !important;}
    .sm-padding-90px-top {padding-top:90px !important;}
    .sm-padding-95px-top {padding-top:95px !important;}
    .sm-padding-100px-top {padding-top:100px !important;}

    /* padding bottom */
    .sm-padding-five-bottom {padding-bottom:5%;}
    .sm-padding-five-half-bottom {padding-bottom:5.5%;}
    .sm-padding-six-bottom {padding-bottom:6%;}
    .sm-padding-six-half-bottom {padding-bottom:6.5%;}
    .sm-padding-eight-bottom {padding-bottom:8%;}
    .sm-padding-eight-half-bottom {padding-bottom:8.5%;}
    .sm-padding-ten-bottom {padding-bottom:10%;}
    .sm-padding-ten-half-bottom {padding-bottom:10.5%;}
    .sm-padding-5px-bottom {padding-bottom:5px !important;}
    .sm-padding-10px-bottom {padding-bottom:10px !important;}
    .sm-padding-15px-bottom {padding-bottom:15px !important;}
    .sm-padding-20px-bottom {padding-bottom:20px !important;}
    .sm-padding-25px-bottom {padding-bottom:25px !important;}
    .sm-padding-30px-bottom {padding-bottom:30px !important;}
    .sm-padding-35px-bottom {padding-bottom:35px !important;}
    .sm-padding-40px-bottom {padding-bottom:40px !important;}
    .sm-padding-45px-bottom {padding-bottom:45px !important;}
    .sm-padding-50px-bottom {padding-bottom:50px !important;}
    .sm-padding-55px-bottom {padding-bottom:55px !important;}
    .sm-padding-60px-bottom {padding-bottom:60px !important;}
    .sm-padding-65px-bottom {padding-bottom:65px !important;}
    .sm-padding-70px-bottom {padding-bottom:70px !important;}
    .sm-padding-75px-bottom {padding-bottom:75px !important;}
    .sm-padding-80px-bottom {padding-bottom:80px !important;}
    .sm-padding-85px-bottom {padding-bottom:85px !important;}
    .sm-padding-90px-bottom {padding-bottom:90px !important;}
    .sm-padding-95px-bottom {padding-bottom:95px !important;}
    .sm-padding-100px-bottom {padding-bottom:100px !important;}

    /* padding right */
    .sm-padding-five-right {padding-right:5%;}
    .sm-padding-five-half-right {padding-right:5.5%;}
    .sm-padding-six-right {padding-right:6%;}
    .sm-padding-six-half-right {padding-right:6.5%;}
    .sm-padding-eight-right {padding-right:8%;}
    .sm-padding-eight-half-right {padding-right:8.5%;}
    .sm-padding-ten-right {padding-right:10%;}
    .sm-padding-ten-half-right {padding-right:10.5%;}

    /* padding left */
    .sm-padding-five-left {padding-left:5%;}
    .sm-padding-five-half-left {padding-left:5.5%;}
    .sm-padding-six-left {padding-left:6%;}
    .sm-padding-six-half-left {padding-left:6.5%;}
    .sm-padding-eight-left {padding-left:8%;}
    .sm-padding-eight-half-left {padding-left:8.5%;}
    .sm-padding-ten-left {padding-left:10%;}
    .sm-padding-ten-half-left {padding-left:10.5%;}

    /* padding top bottom */
    .sm-padding-five-tb {padding-top:5%; padding-bottom:5%;}
    .sm-padding-five-half-tb {padding-top:5.5%; padding-bottom:5.5%;}
    .sm-padding-six-tb {padding-top:6%; padding-bottom:6%;}
    .sm-padding-six-half-tb {padding-top:6.5%; padding-bottom:6.5%;}
    .sm-padding-eight-tb {padding-top:8%; padding-bottom:8%;}
    .sm-padding-eight-half-tb {padding-top:8.5%; padding-bottom:8.5%;}
    .sm-padding-ten-tb {padding-top:10%; padding-bottom:10%;}
    .sm-padding-ten-half-tb {padding-top:10.5%; padding-bottom:10.5%;}
    .sm-padding-30px-tb {padding-top:30px !important; padding-bottom:30px !important;}
    .sm-padding-40px-tb {padding-top:40px !important; padding-bottom:40px !important;}

    /* padding left right */
    .sm-padding-five-lr {padding-left:5%; padding-right:5%;}
    .sm-padding-five-half-lr {padding-left:5.5%; padding-right:5.5%;}
    .sm-padding-six-lr {padding-left:6%; padding-right:6%;}
    .sm-padding-six-half-lr {padding-left:6.5%; padding-right:6.5%;}
    .sm-padding-eight-lr {padding-left:8%; padding-right:8%;}
    .sm-padding-eight-half-lr {padding-left:8.5%; padding-right:8.5%;}
    .sm-padding-ten-lr {padding-left:10%; padding-right:10%;}
    .sm-padding-ten-half-lr {padding-left:10.5%; padding-right:10.5%;}
    .sm-padding-5px-lr {padding-left:5px !important; padding-right:5px ;}
    .sm-padding-10px-lr {padding-left:10px !important; padding-right:10px !important;}
    .sm-padding-15px-lr {padding-left:15px !important; padding-right:15px !important;}
    .sm-padding-20px-lr {padding-left:20px !important; padding-right:20px !important;}
    .sm-padding-25px-lr {padding-left:25px !important; padding-right:25px !important;}
    .sm-padding-30px-lr {padding-left:30px !important; padding-right:30px !important;}
    .sm-padding-35px-lr {padding-left:35px !important; padding-right:35px !important;}
    .sm-padding-40px-lr {padding-left:40px !important; padding-right:40px !important;}
    .sm-padding-45px-lr {padding-left:45px !important; padding-right:45px !important;}
    .sm-padding-50px-lr {padding-left:50px !important; padding-right:50px !important;}
    .sm-padding-55px-lr {padding-left:55px !important; padding-right:55px !important;}
    .sm-padding-60px-lr {padding-left:60px !important; padding-right:60px !important;}
    .sm-padding-65px-lr {padding-left:65px !important; padding-right:65px !important;}
    .sm-padding-70px-lr {padding-left:70px !important; padding-right:70px !important;}
    .sm-padding-75px-lr {padding-left:75px !important; padding-right:75px !important;}
    .sm-padding-80px-lr {padding-left:80px !important; padding-right:80px !important;}
    .sm-padding-85px-lr {padding-left:85px !important; padding-right:85px !important;}
    .sm-padding-90px-lr {padding-left:90px !important; padding-right:90px !important;}
    .sm-padding-95px-lr {padding-left:95px !important; padding-right:95px !important;}
    .sm-padding-100px-lr {padding-left:100px !important; padding-right:100px !important;}

    /* col height  */
    .one-fifth-screen {height:600px;}
    .one-fourth-screen {height:500px;}
    .one-third-screen {height:350px;}
    .one-second-screen {height:300px;}
    .extra-small-screen {height:250px;}

    /* width */
    .sm-width-10 {width:10% !important;}
    .sm-width-15 {width:15% !important;}
    .sm-width-20 {width:20% !important;}
    .sm-width-25 {width:25% !important;}
    .sm-width-30 {width:30% !important;}
    .sm-width-35 {width:35% !important;}
    .sm-width-40 {width:40% !important;}
    .sm-width-45 {width:45% !important;}
    .sm-width-50 {width:50% !important;}
    .sm-width-55 {width:55% !important;}
    .sm-width-60 {width:60% !important;}
    .sm-width-65 {width:65% !important;}
    .sm-width-70 {width:70% !important;}
    .sm-width-75 {width:75% !important;}
    .sm-width-80 {width:80% !important;}
    .sm-width-85 {width:85% !important;}
    .sm-width-90 {width:90% !important;}
    .sm-width-95 {width:95% !important;}
    .sm-width-100 {width:100% !important;}
    .sm-width-auto {width: auto !important}


    /* height */
    .sm-height-350px {height: 350px !important}

    .page-title-large h1 {font-size: 35px; line-height: 35px;}
    .page-title-medium h1 { font-size: 25px; line-height: 30px;}
    .title-large {font-size: 60px; line-height:44px}
    .title-extra-large {font-size: 35px; line-height:40px}

    /* display */
    .sm-display-block {display:block !important}
    .sm-overflow-hidden {overflow:hidden !important}
    .sm-overflow-auto {overflow:auto !important}
    .sm-display-inline-block {display:inline-block !important}
    .sm-display-inline {display:inline !important}
    .sm-display-none {display:none !important}
    .sm-display-inherit {display:inherit !important}
    .sm-display-table {display:table !important}
    .sm-display-table-cell {display:table-cell !important}

    /* position */
    .sm-position-inherit {position:inherit}
    .sm-position-relative {position:relative; z-index: 5}
    .sm-position-absolute {position:absolute;}
    .sm-position-fixed {position:fixed;}

    /* position */
    .sm-letter-spacing-0 {letter-spacing: 0;}

    /* custom */
    section {padding: 50px 0;}
    section.big-section {padding:80px 0;}
    section.extra-big-section {padding:100px 0;}
    section.half-section {padding:25px 0;}
    .sm-col-2-nth .col-sm-6:nth-child(2n+1) {clear: left;}
    .sm-col-3-nth .col-sm-4:nth-child(3n+1) {clear: left;}
    .sm-col-4-nth .col-sm-3:nth-child(4n+1) {clear: left;}
    /*.sm-mx-auto {float: none; margin: 0 auto;}*/
    .mobile-height, .swiper-full-screen { height: auto !important;}
    .mobile-height .full-screen, .swiper-full-screen .full-screen {height: 480px !important; min-height: 480px !important}
    .overlap-section {margin-top: 0}

    /* slider */
    .slider-half-small-screen {min-height: 330px;}
    .slider-half-screen {min-height: 420px;}

    /* portfolio grid */
    .portfolio-grid.work-6col li, .blog-grid.blog-6col li {width: 100%;}
    .portfolio-grid.work-6col li.grid-item-double, .blog-grid.blog-6col li.grid-item-double {width: 100%;}

    .portfolio-grid.work-4col li,.blog-grid.work-4col li {width: 100%}
    .portfolio-grid.work-4col li.grid-item-double, .blog-grid.blog-4col li.grid-item-double {width: 100%}
    .portfolio-grid.work-4col li.grid-item-double:last-child, .blog-grid.blog-4col li.grid-item-double:last-child { width: 100%;}

    .portfolio-grid.work-3col li,.blog-grid.work-3col li {width: 100%}
    .portfolio-grid.work-3col li.grid-item-double, .blog-grid.work-3col li.grid-item-double {width: 100%} 

    .portfolio-grid.gutter-small, .blog-grid.gutter-small { margin: 0 7px;}
    .portfolio-grid.gutter-small li, .blog-grid.gutter-small li { padding:7px 7px;}
    .portfolio-grid.gutter-extra-large li, .blog-grid.gutter-extra-large li {padding:15px;}
    .portfolio-grid.gutter-extra-large, .blog-grid.gutter-extra-large {margin:0 -15px;}

    
    .portfolio-grid.gutter-medium, .blog-grid.gutter-medium, .portfolio-grid.gutter-large, .portfolio-grid.gutter-large, .blog-grid.gutter-large { margin: 0; }
    .portfolio-grid.gutter-medium li, .blog-grid.gutter-medium li, .portfolio-grid.gutter-large li, .blog-grid.gutter-large li { padding: 7px 0}

    .portfolio-grid.work-5col li, .blog-grid.blog-5col li {width: 100%} 
    .portfolio-grid.work-5col li.grid-item-double, .blog-grid.blog-5col li.grid-item-double {width: 100%;}

    /* portfolio 2 column */
    .portfolio-grid.work-2col li, .blog-grid.work-2col li {width: 100%}
    .portfolio-grid.work-2col li.grid-item-double, .blog-grid.work-2col li.grid-item-double {width: 100%}

    /* portfolio grid */
    .portfolio-grid.portfolio-metro-grid.work-4col li {width: 100%}
    .portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double {width: 100%}
    .portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double:last-child { width: 100%;}
    .portfolio-grid.portfolio-metro-grid.work-6col li {width: 100%}
    .portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double {width: 100%}
    .portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double:last-child { width: 100%;}
    .portfolio-grid.portfolio-metro-grid.work-3col li {width: 100%}
    .portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double {width: 100%}
    .portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double:last-child { width: 100%;}

    /* swiper-bottom-scrollbar-full */
    .swiper-bottom-scrollbar-full .swiper-slide img {max-height: 100%;}
    .swiper-bottom-scrollbar-full .swiper-slide:hover img {max-height: 100%; }

    /* verticle align */
    .sm-clear-both{ clear:both}

    

    /* swipe carousel  */
    .swiper-full-screen .swiper-pagination {bottom: 20px;}

    /* hover option3 */
    .hover-option3 .grid-item figure {bottom: 80px}
    .hover-option3 .grid-item figure figcaption {padding: 0 30px}

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

    
    /* home-page-7 */
    
    .sidebar-wrapper .portfolio-grid.work-4col li, .blog-grid.blog-4col li,.blog-grid.blog-3col li {width: 100%}
    
    /* swiper pagination */
    .swiper-pagination-square-bottom.swiper-pagination-bullets {bottom: -35px}
    .swiper-number-pagination .swiper-pagination-bullets {bottom: auto; top: 25% !important;}
    .swiper-vertical-pagination > .swiper-pagination-bullets { right: 15px; }

    /*verticle slder homepage 12*/
    .swiper-container-autoheight .swiper-slide {height: auto}
    .swiper-container-autoheight .swiper-slide:last-child {margin-bottom: 0;}
    .swiper-bottom-scrollbar-full .swiper-slide img {opacity: 1; filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: contrast(130%); -webkit-filter: contrast(130%); -moz-filter: contrast(130%); -ms-filter: contrast(130%); -o-filter: contrast(130%);  width: 100%; max-height: 100%}
    .hover-title-box .separator {position: relative; left: 0; top: 70px}
    .swiper-bottom-scrollbar-full .bottom-text {opacity: 1;}
    .swiper-auto-slide.swiper-container {height: calc(100% - 93px); top: 78px;}
    .swiper-bottom-scrollbar-full .bottom-text { bottom: 25px; }
    .hover-title-box { opacity: 1; text-align: center; top: inherit; transform: translate(-50%, -30px); -moz-transform: translate(-50%, -30px); -webkit-transform: translate(-50%, -30px); -o-transform: translate(-50%, -30px); -ms-transform: translate(-50%, -30px); bottom: 0; left: 50%; right: 0; display: block; }

    /* swiper button style3 */
    .swiper-button-prev.swiper-prev-style3, .swiper-button-next.swiper-next-style3 {position: relative; bottom: 24px; display: inline-block; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); left: 50%; margin: 0;}
    .swiper-button-prev.swiper-prev-style3 {left: 50%; margin: 0 0 0 -85px;}

    /* left nav */
    .sidebar-part1, .bottom-menu-icon {width: 50px}
    .bottom-menu-icon {padding: 8px 15px;}

    

    /* left-sidebar style 2 */
    .sidebar-part2 { width: 280px; left: -280px;}
    .sidebar-part2 .right-bg {right: 15px;}

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

    

    /* 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; }

    /* footer */ 
    .social-style-2 ul li { margin:2px 5px;}
    
    .footer-widget-area .list-unstyled { margin-bottom: 0;}

    /* sidebar nav style 2 */
    .left-nav-sidebar .container { width: 100%; }
    .sidebar-part2 .sidebar-middle { padding: 15px 0 100px; }
    .sidebar-part2 .widget ul {bottom: -12px;}

    /*swiper bootom scroll bar for portfoio personal*/
    .swiper-bottom-scrollbar-full.swiper-container {height: 100%; top: 0; padding-top: 50px; overflow: hidden; float: left; display: block; position: relative;}
    .swiper-bottom-scrollbar-full .swiper-wrapper {display: block; overflow-y: auto; overflow-x: hidden;}
    body.xs-overflow-hidden { overflow: auto !important; }

    /* homepage 19 */
    .swiper-vertical-pagination .box-arrow {height: 50px; position: absolute; right: -35px; bottom: 0; width: 50px;}

    .down-section {bottom:40px;}

    /* social media icon style 3*/
    .social-style-3 ul li { margin: 0 8px; }

    /* tab */
    .nav-tabs { text-align: center;}
    .portfolio-filter-tab-1 li { margin: 5px 0; width: 100%; }
    /* team style 2 */
    .team-style-2 figure:hover figcaption .overlay-content { top: 20px; }

    .team-image img {width: 100%;}
    
    .text-decoration-line-through-black::before, .text-decoration-line-through-deep-pink:before {display: none}
    

    .navigation-area { right: 0;}
    .swiper-button-prev.swiper-prev-style4, .swiper-button-next.swiper-next-style4 { transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); top: 5px; right: -4px;}
    .swiper-button-next.swiper-next-style4 { top: 14px;}
    
    .blog-listing-comment {width: 100%; text-align: center;}
    .blog-listing-comment li {display: inline-block; float: none}
    .blog-text .name {width: 100%; text-align: center;}
    .text-outside-line:after {display: none}
    .text-outside-line:before {display: none}
    .sidebar-part3 { top: 6px;}
    .blog-text .name:nth-child(2) { padding-top: 0; padding-bottom: 0; }

    /* top logo */
    .navbar.navbar-brand-top.bootsnav .navbar-toggler { top: 4px;}
    .navbar-brand-top .brand-top-menu-right { margin-top: 1px; margin-left: 0; }

    /* slider image */
    .parallax-category-text { background: #000 none repeat scroll 0 0; color: #fff; opacity: 1; padding: 5px 18px;}

    

    /* header style */
    nav.navbar .container-fluid { padding-left: 15px; padding-right: 15px;}

    .mfp-close, .mfp-close:active {top: 0; right: 0;}
    button.mfp-arrow {background-color: #000; height: 50px; width: 50px; opacity: 1}
    .mfp-arrow:before {margin: 0 auto; width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 50px; border: 0}
    .mfp-arrow, .mfp-arrow:active, .mfp-arrow:focus {margin-top: -25px}
    .mfp-arrow-left {left: 6px}
    .mfp-arrow-right {right: 6px}

    /* social style */
    .social-style-5 ul li { margin: 5px;}
    .social-style-1 ul li {margin: 0 5px;}

    /* blog comment */
    .child-comment {padding-left: 20px;}

    /* icon type */
    .icon-medium {font-size: 30px}
    .icon-extra-medium {font-size: 30px}
    .icon-large {font-size: 40px}
    .extra-small-icon li, .small-icon li, .medium-icon li, .large-icon li, .extra-large-icon li {margin-bottom: 10px;}

    .uranus.tparrows:before {font-size: 20px;}
    
    /*custome large icon size for mobile*/
    .large-icon.mobile-small li { margin: 0 6px 8px }
    .large-icon.mobile-small a { font-size: 20px; width: 50px; height: 50px; line-height: 48px; }

    .text-outside-line-left { padding-left: 90px; }
    .text-outside-line-left:before { left:0; width: 80px; }
    
    /* scroll down */
    .scroll-down-section { bottom: -35px; }
    .scroll-down-section div { height: 70px;}
    
    /* small arrow */
    .swiper-button-prev.slider-small-arrow-white, .swiper-button-prev.slider-small-arrow-black { left: 0; }
    .swiper-button-next.slider-small-arrow-white, .swiper-button-next.slider-small-arrow-black { right: 0; }

}

@media (max-width: 640px) {
	
    h1 {font-size:30px; line-height: 35px;}
	.title-small {font-size: 14px; line-height:10px;}
    /* feature box 7 */ 
    .feature-box {padding: 0 15px;}
    /* 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}
}

/* 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; } }