@media (min-width: 768px) {
    /* swiper bottom scrollbar full */
    .swiper-bottom-scrollbar-full.swiper-container {height:100%; margin: 0 auto; overflow: hidden; position: absolute; top: 0;  transition: all 0.3s ease-in-out 0.7s; width: 100%;}
    .swiper-bottom-scrollbar-full .swiper-scrollbar {left: 0; opacity: 1; position: absolute; width: 100%; bottom:0; border-radius: 0; height: 2px}
    .swiper-bottom-scrollbar-full .swiper-scrollbar-drag {border-radius: 0; background: #ff214f}
    .swiper-bottom-scrollbar-full .swiper-scrollbar {background: rgba(255,255,255,.2)}
    .swiper-bottom-scrollbar-full .swiper-slide img {max-height: 450px; transition: all 0.3s ease-in-out; opacity: .8; -webkit-filter: grayscale(1); filter: grayscale(1); width: auto;}
    .swiper-bottom-scrollbar-full .swiper-slide:hover img {opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); filter: contrast(130%); -webkit-filter:contrast(130%); max-height: 500px; width: auto;}
    .swiper-bottom-scrollbar-full .swiper-slide .hover-title-box {visibility: hidden;}
    .swiper-bottom-scrollbar-full .swiper-slide:hover .hover-title-box {right:-160px; opacity: 1;visibility: visible;}
    .swiper-bottom-scrollbar-full .bottom-text {position: absolute; bottom: 50px; opacity: 0;transition: all 0.3s ease-in-out; letter-spacing: 5px;}
    .swiper-bottom-scrollbar-full .swiper-slide:hover .bottom-text {opacity: .7; left: 4px;}
    .swiper-bottom-scrollbar-full .swiper-slide img.signature {width: 60% !important}
    .swiper-bottom-scrollbar-full .swiper-wrapper { height: 100% !important;}
    .extra-small-icon li:first-child, .small-icon li:first-child, .medium-icon li:first-child, .large-icon li:first-child, .extra-large-icon li:first-child {margin-left: 0;}
    .extra-small-icon li:last-child, .small-icon li:last-child, .medium-icon li:last-child, .large-icon li:last-child, .extra-large-icon li:last-child {margin-right: 0;}
    
    /* swiper carousel */
    .swiper-container .container { max-width: 750px; width: 100%; }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    /* 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; letter-spacing: 3px;}
    .swiper-bottom-scrollbar-full .swiper-slide:hover .bottom-text {opacity: 1; 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;}
}

@media (min-width: 992px) {
    /* simple dropdown menu left */
    .simple-dropdown.simple-dropdown-left > ul.dropdown-menu {left: inherit !important; right: 0 !important; text-align: right;}
    .simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li > ul.sub-menu {left: inherit !important; right: 221px; text-align: right;}
    .simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li > ul.sub-menu > li > ul.sub-menu {left: inherit !important; right: 221px; text-align: right;}
    .simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {left: inherit !important; right: 221px; text-align: right;}
    .simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li a i {float: left; right: inherit; left: 0;}
    .simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li a .fa-angle-right {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
    nav.navbar.bootsnav .simple-dropdown.simple-dropdown-left .dropdown-menu > li {padding-left: 20px;}
    nav.navbar.bootsnav .simple-dropdown.simple-dropdown-left .dropdown-menu > li a {padding-left: 20px; padding-right: 0;}
    .navbar-nav > .simple-dropdown.simple-dropdown-left ul > li > a > i {float: right; margin-right: 0; margin-left: 5px; margin-bottom: 5px;}
    .simple-dropdown.simple-dropdown-left .dropdown-menu > li > a i.fa-angle-right {margin-top: -1px; margin-left: 0; margin-bottom: 0;}
    .simple-dropdown.simple-dropdown-left .dropdown-menu > li > ul > li > a i.fa-angle-right {margin-top: 0px; margin-left: 0; margin-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 {display: inline-block; vertical-align: middle; padding-left: 5px; position: relative;}
    .navbar.navbar-brand-top .row > div:first-child {flex: inherit;}
    .order-1 {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;}
    .order-2 {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2;}

    /* both sidebar */
    .both-content-center {padding-left: 15px; padding-right: 15px; margin-left: calc(25%); width: calc(100% - 25% - 25%); float: left;}
    .both-sidebar-left {width: 25%; padding-left: 15px; padding-right: 15px; float: left; margin-left: calc(0px - 100% + 25%);}
    .both-sidebar-right {width: 25%; padding-left: 15px; padding-right: 15px; float: left; margin-left: 0;}

    .menu-center .header-right-col > div:first-child {border-left: 0 !important;}
    .menu-center .header-right-col > div:first-child > div {border-left: 0 !important;}
    .navbar-brand-top .brand-top-menu-right > div:first-child {margin-left: 0;}
    .navbar-brand-top .brand-top-menu-right > div:first-child > div {margin-left: 0;}
    
    /* metro design */
    .portfolio-metro-grid.portfolio-grid.gutter-very-small li img { margin-bottom: -2px; }
    .portfolio-metro-grid.portfolio-grid.gutter-small li img { margin-bottom: -3px; }
    .portfolio-metro-grid.portfolio-grid.gutter-medium li img { margin-bottom: -4px; }
    .portfolio-metro-grid.portfolio-grid.gutter-large li img { margin-bottom: -6px; }
    
    /* swiper carousel */
    .swiper-container .container { max-width: 970px; width: 100%; }
}

@media (min-width: 1200px) {
    /* swiper carousel */
    .swiper-container .container { max-width: 1170px; width: 100%; }
}

@media (min-width: 1025px) {
    .container .parallax, .container-fluid .parallax {background-position-x: 0 !important;}
    .vc_parallax {background-position-x: 0 !important;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .feature-box-12 .hover-content-box {top: 0; height: 100%;}
    .feature-box-12 {text-align: center;}
    .feature-box-12 .feature-content-box {display: block; padding: 20px 0 0 0 !important; width: 100%;}
    .feature-box-12 .feature-icon-box {display: inline-block;}
    .feature-box-12 .feature-icon-box i {line-height: 84px;}
    .hover-content-box-center {display: table-cell; vertical-align: middle;}
    .hover-content-box-middle {display: table; height: 100%; vertical-align: middle; width: 100%;}
}
@media (max-width: 2800px) {
    .banner-title {top: 25%}
}
@media (max-width: 2400px) {
    .banner-title {top: 28%}
}
@media (max-width: 2000px) {
    .banner-title {top: 32%}
}
@media (max-width: 1500px) {
    /* sidebar navigation */
    .sidebar-wrapper .container {width: 1000px;}
    
    /* home - classic innovation agency */
    .right-image {width: 70%;}
    .feature-box-5 {padding-left: 70px;}
    .banner-title {width: 80%; top: 36%}
}

@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 style 5 */
    .tab-style5 .nav-tabs li a { font-size: 24px; line-height: 52px; }
    .tab-style5 .tab-content { padding-left: 10.7%; }
}

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

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

    /* sidebar nav style 2 */
    .left-nav-sidebar .container {width: 1070px;}
    .banner-title {top: 40%}
}

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

@media (max-width: 1199px) {
    section, .default-page-space {padding: 90px 0}
    .pofo-page-content-area, .pofo-page-widget-area {padding-top: 90px; padding-bottom: 90px;}
    .col-6-nth-item .col-lg-2:nth-child(6n+1) {clear: none;}
    .col-6-nth-item .col-md-4:nth-child(3n+1) {clear: left;}

    /* typography */
    h1, h2, h3, h4, h5, h6 {margin:0 0 22px; padding:0; letter-spacing: 0; font-weight: 400;}
    h1 {font-size:65px; line-height: 65px;}
    h2 {font-size:50px; line-height:55px}
    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 */
    .md-text-center {text-align: center;}
    .md-text-left {text-align: left;}
    .md-text-right {text-align: right;}

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

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

    /* margin */
    .md-margin-one-all {margin:1%;}
    .md-margin-one-half-all {margin:1.5%;}
    .md-margin-two-all {margin:2%;}
    .md-margin-two-half-all {margin:2.5%;}
    .md-margin-three-all {margin:3%;}
    .md-margin-three-half-all {margin:3.5%;}
    .md-margin-four-all {margin:4%;}
    .md-margin-four-half-all {margin:4.5%;}
    .md-margin-five-all {margin:5%;}
    .md-margin-five-half-all {margin:5.5%;}
    .md-margin-six-all {margin:6%;}
    .md-margin-six-half-all {margin:6.5%;}
    .md-margin-seven-all {margin:7%;}
    .md-margin-seven-half-all {margin:7.5%;}
    .md-margin-eight-all {margin:8%;}
    .md-margin-eight-half-all {margin:8.5%;}
    .md-margin-nine-all {margin:9%;}
    .md-margin-nine-half-all {margin:9.5%;}
    .md-margin-ten-all {margin:10%;}
    .md-margin-ten-half-all {margin:10.5%;}
    .md-margin-eleven-all {margin:11%;}
    .md-margin-eleven-half-all {margin:11.5%;}
    .md-margin-twelve-all {margin:12%;}
    .md-margin-twelve-half-all {margin:12.5%;}
    .md-margin-thirteen-all {margin:13%;}
    .md-margin-thirteen-half-all {margin:13.5%;}
    .md-margin-fourteen-all {margin:14%;}
    .md-margin-fourteen-half-all {margin:14.5%;}
    .md-margin-fifteen-all {margin:15%;}
    .md-margin-fifteen-half-all {margin:15.5%;}
    .md-margin-sixteen-all {margin:16%;}
    .md-margin-sixteen-half-all {margin:16.5%;}
    .md-margin-seventeen-all {margin:17%;}
    .md-margin-seventeen-half-all {margin:17.5%;}
    .md-margin-eighteen-all {margin:18%;}
    .md-margin-eighteen-half-all {margin:18.5%;}
    .md-margin-nineteen-all {margin:19%;}
    .md-margin-nineteen-half-all {margin:19.5%;}
    .md-margin-twenty-all {margin:20%;}
    .md-margin-5px-all {margin:5px !important}
    .md-margin-10px-all {margin:10px !important}
    .md-margin-15px-all {margin:15px !important}
    .md-margin-20px-all {margin:20px !important}
    .md-margin-25px-all {margin:25px !important}
    .md-margin-30px-all {margin:30px !important}
    .md-margin-35px-all {margin:35px !important}
    .md-margin-40px-all {margin:40px !important}
    .md-margin-45px-all {margin:45px !important}
    .md-margin-50px-all {margin:50px !important}
    .md-margin-55px-all {margin:55px !important}
    .md-margin-60px-all {margin:60px !important}
    .md-margin-65px-all {margin:65px !important}
    .md-margin-70px-all {margin:70px !important}
    .md-margin-75px-all {margin:75px !important}
    .md-margin-80px-all {margin:80px !important}
    .md-margin-85px-all {margin:85px !important}
    .md-margin-90px-all {margin:90px !important}
    .md-margin-95px-all {margin:95px !important}
    .md-margin-100px-all {margin:100px !important}

    .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-one-top {margin-top:1%;}
    .md-margin-one-half-top {margin-top:1.5%;}
    .md-margin-two-top {margin-top:2%;}
    .md-margin-two-half-top {margin-top:2.5%;}
    .md-margin-three-top {margin-top:3%;}
    .md-margin-three-half-top {margin-top:3.5%;}
    .md-margin-four-top {margin-top:4%;}
    .md-margin-four-half-top {margin-top:4.5%;}
    .md-margin-five-top {margin-top:5%;}
    .md-margin-five-half-top {margin-top:5.5%;}
    .md-margin-six-top {margin-top:6%;}
    .md-margin-six-half-top {margin-top:6.5%;}
    .md-margin-seven-top {margin-top:7%;}
    .md-margin-seven-half-top {margin-top:7.5%;}
    .md-margin-eight-top {margin-top:8%;}
    .md-margin-eight-half-top {margin-top:8.5%;}
    .md-margin-nine-top {margin-top:9%;}
    .md-margin-nine-half-top {margin-top:9.5%;}
    .md-margin-ten-top {margin-top:10%;}
    .md-margin-ten-half-top {margin-top:10.5%;}
    .md-margin-eleven-top {margin-top:11%;}
    .md-margin-eleven-half-top {margin-top:11.5%;}
    .md-margin-twelve-top {margin-top:12%;}
    .md-margin-twelve-half-top {margin-top:12.5%;}
    .md-margin-thirteen-top {margin-top:13%;}
    .md-margin-thirteen-half-top {margin-top:13.5%;}
    .md-margin-fourteen-top {margin-top:14%;}
    .md-margin-fourteen-half-top {margin-top:14.5%;}
    .md-margin-fifteen-top {margin-top:15%;}
    .md-margin-fifteen-half-top {margin-top:15.5%;}
    .md-margin-sixteen-top {margin-top:16%;}
    .md-margin-sixteen-half-top {margin-top:16.5%;}
    .md-margin-seventeen-top {margin-top:17%;}
    .md-margin-seventeen-half-top {margin-top:17.5%;}
    .md-margin-eighteen-top {margin-top:18%;}
    .md-margin-eighteen-half-top {margin-top:18.5%;}
    .md-margin-nineteen-top {margin-top:19%;}
    .md-margin-nineteen-half-top {margin-top:19.5%;}
    .md-margin-twenty-top {margin-top:20%;}
    .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-one-bottom {margin-bottom:1%;}
    .md-margin-one-half-bottom {margin-bottom:1.5%;}
    .md-margin-two-bottom {margin-bottom:2%;}
    .md-margin-two-half-bottom {margin-bottom:2.5%;}
    .md-margin-three-bottom {margin-bottom:3%;}
    .md-margin-three-half-bottom {margin-bottom:3.5%;}
    .md-margin-four-bottom {margin-bottom:4%;}
    .md-margin-four-half-bottom {margin-bottom:4.5%;}
    .md-margin-five-bottom {margin-bottom:5%;}
    .md-margin-five-half-bottom {margin-bottom:5.5%;}
    .md-margin-six-bottom {margin-bottom:6%;}
    .md-margin-six-half-bottom {margin-bottom:6.5%;}
    .md-margin-seven-bottom {margin-bottom:7%;}
    .md-margin-seven-half-bottom {margin-bottom:7.5%;}
    .md-margin-eight-bottom {margin-bottom:8%;}
    .md-margin-eight-half-bottom {margin-bottom:8.5%;}
    .md-margin-nine-bottom {margin-bottom:9%;}
    .md-margin-nine-half-bottom {margin-bottom:9.5%;}
    .md-margin-ten-bottom {margin-bottom:10%;}
    .md-margin-ten-half-bottom {margin-bottom:10.5%;}
    .md-margin-eleven-bottom {margin-bottom:11%;}
    .md-margin-eleven-half-bottom {margin-bottom:11.5%;}
    .md-margin-twelve-bottom {margin-bottom:12%;}
    .md-margin-twelve-half-bottom {margin-bottom:12.5%;}
    .md-margin-thirteen-bottom {margin-bottom:13%;}
    .md-margin-thirteen-half-bottom {margin-bottom:13.5%;}
    .md-margin-fourteen-bottom {margin-bottom:14%;}
    .md-margin-fourteen-half-bottom {margin-bottom:14.5%;}
    .md-margin-fifteen-bottom {margin-bottom:15%;}
    .md-margin-fifteen-half-bottom {margin-bottom:15.5%;}
    .md-margin-sixteen-bottom {margin-bottom:16%;}
    .md-margin-sixteen-half-bottom {margin-bottom:16.5%;}
    .md-margin-seventeen-bottom {margin-bottom:17%;}
    .md-margin-seventeen-half-bottom {margin-bottom:17.5%;}
    .md-margin-eighteen-bottom {margin-bottom:18%;}
    .md-margin-eighteen-half-bottom {margin-bottom:18.5%;}
    .md-margin-nineteen-bottom {margin-bottom:19%;}
    .md-margin-nineteen-half-bottom {margin-bottom:19.5%;}
    .md-margin-twenty-bottom {margin-bottom:20%;}
    .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-one-right {margin-right:1%;}
    .md-margin-one-half-right {margin-right:1.5%;}
    .md-margin-two-right {margin-right:2%;}
    .md-margin-two-half-right {margin-right:2.5%;}
    .md-margin-three-right {margin-right:3%;}
    .md-margin-three-half-right {margin-right:3.5%;}
    .md-margin-four-right {margin-right:4%;}
    .md-margin-four-half-right {margin-right:4.5%;}
    .md-margin-five-right {margin-right:5%;}
    .md-margin-five-half-right {margin-right:5.5%;}
    .md-margin-six-right {margin-right:6%;}
    .md-margin-six-half-right {margin-right:6.5%;}
    .md-margin-seven-right {margin-right:7%;}
    .md-margin-seven-half-right {margin-right:7.5%;}
    .md-margin-eight-right {margin-right:8%;}
    .md-margin-eight-half-right {margin-right:8.5%;}
    .md-margin-nine-right {margin-right:9%;}
    .md-margin-nine-half-right {margin-right:9.5%;}
    .md-margin-ten-right {margin-right:10%;}
    .md-margin-ten-half-right {margin-right:10.5%;}
    .md-margin-eleven-right {margin-right:11%;}
    .md-margin-eleven-half-right {margin-right:11.5%;}
    .md-margin-twelve-right {margin-right:12%;}
    .md-margin-twelve-half-right {margin-right:12.5%;}
    .md-margin-thirteen-right {margin-right:13%;}
    .md-margin-thirteen-half-right {margin-right:13.5%;}
    .md-margin-fourteen-right {margin-right:14%;}
    .md-margin-fourteen-half-right {margin-right:14.5%;}
    .md-margin-fifteen-right {margin-right:15%;}
    .md-margin-fifteen-half-right {margin-right:15.5%;}
    .md-margin-sixteen-right {margin-right:16%;}
    .md-margin-sixteen-half-right {margin-right:16.5%;}
    .md-margin-seventeen-right {margin-right:17%;}
    .md-margin-seventeen-half-right {margin-right:17.5%;}
    .md-margin-eighteen-right {margin-right:18%;}
    .md-margin-eighteen-half-right {margin-right:18.5%;}
    .md-margin-nineteen-right {margin-right:19%;}
    .md-margin-nineteen-half-right {margin-right:19.5%;}
    .md-margin-twenty-right {margin-right:20% !important;}
    .md-margin-10px-right {margin-right:10px !important;}
    .md-margin-15px-right {margin-right:15px !important;}
    .md-margin-20px-right {margin-right:20px !important;}
    .md-margin-25px-right {margin-right:25px !important;}
    .md-margin-30px-right {margin-right:30px !important;}
    .md-margin-35px-right {margin-right:35px !important;}
    .md-margin-40px-right {margin-right:40px !important;}
    .md-margin-45px-right {margin-right:45px !important;}
    .md-margin-50px-right {margin-right:50px !important;}
    .md-margin-55px-right {margin-right:55px !important;}
    .md-margin-60px-right {margin-right:60px !important;}
    .md-margin-65px-right {margin-right:65px !important;}
    .md-margin-70px-right {margin-right:70px !important;}
    .md-margin-75px-right {margin-right:75px !important;}
    .md-margin-80px-right {margin-right:80px !important;}
    .md-margin-85px-right {margin-right:85px !important;}
    .md-margin-90px-right {margin-right:90px !important;}
    .md-margin-95px-right {margin-right:95px !important;}
    .md-margin-100px-right {margin-right:100px !important;}

    /* margin left */
    .md-margin-one-left {margin-left:1%;}
    .md-margin-one-half-left {margin-left:1.5%;}
    .md-margin-two-left {margin-left:2%;}
    .md-margin-two-half-left {margin-left:2.5%;}
    .md-margin-three-left {margin-left:3%;}
    .md-margin-three-half-left {margin-left:3.5%;}
    .md-margin-four-left {margin-left:4%;}
    .md-margin-four-half-left {margin-left:4.5%;}
    .md-margin-five-left {margin-left:5%;}
    .md-margin-five-half-left {margin-left:5.5%;}
    .md-margin-six-left {margin-left:6%;}
    .md-margin-six-half-left {margin-left:6.5%;}
    .md-margin-seven-left {margin-left:7%;}
    .md-margin-seven-half-left {margin-left:7.5%;}
    .md-margin-eight-left {margin-left:8%;}
    .md-margin-eight-half-left {margin-left:8.5%;}
    .md-margin-nine-left {margin-left:9%;}
    .md-margin-nine-half-left {margin-left:9.5%;}
    .md-margin-ten-left {margin-left:10%;}
    .md-margin-ten-half-left {margin-left:10.5%;}
    .md-margin-eleven-left {margin-left:11%;}
    .md-margin-eleven-half-left {margin-left:11.5%;}
    .md-margin-twelve-left {margin-left:12%;}
    .md-margin-twelve-half-left {margin-left:12.5%;}
    .md-margin-thirteen-left {margin-left:13%;}
    .md-margin-thirteen-half-left {margin-left:13.5%;}
    .md-margin-fourteen-left {margin-left:14%;}
    .md-margin-fourteen-half-left {margin-left:14.5%;}
    .md-margin-fifteen-left {margin-left:15%;}
    .md-margin-fifteen-half-left {margin-left:15.5%;}
    .md-margin-sixteen-left {margin-left:16%;}
    .md-margin-sixteen-half-left {margin-left:16.5%;}
    .md-margin-seventeen-left {margin-left:17%;}
    .md-margin-seventeen-half-left {margin-left:17.5%;}
    .md-margin-eighteen-left {margin-left:18%;}
    .md-margin-eighteen-half-left {margin-left:18.5%;}
    .md-margin-nineteen-left {margin-left:19%;}
    .md-margin-nineteen-half-left {margin-left:19.5%;}
    .md-margin-twenty-left {margin-left:20%;}
    .md-margin-5px-left {margin-left:5px !important;}
    .md-margin-10px-left {margin-left:10px !important;}
    .md-margin-15px-left {margin-left:15px !important;}
    .md-margin-20px-left {margin-left:20px !important;}
    .md-margin-25px-left {margin-left:25px !important;}
    .md-margin-30px-left {margin-left:30px !important;}
    .md-margin-35px-left {margin-left:35px !important;}
    .md-margin-40px-left {margin-left:40px !important;}
    .md-margin-45px-left {margin-left:45px !important;}
    .md-margin-50px-left {margin-left:50px !important;}
    .md-margin-55px-left {margin-left:55px !important;}
    .md-margin-60px-left {margin-left:60px !important;}
    .md-margin-65px-left {margin-left:65px !important;}
    .md-margin-70px-left {margin-left:70px !important;}
    .md-margin-75px-left {margin-left:75px !important;}
    .md-margin-80px-left {margin-left:80px !important;}
    .md-margin-85px-left {margin-left:85px !important;}
    .md-margin-90px-left {margin-left:90px !important;}
    .md-margin-95px-left {margin-left:95px !important;}
    .md-margin-100px-left {margin-left:100px !important;}

    /* margin left right */
    .md-margin-one-lr {margin-left:1%; margin-right:1%;}
    .md-margin-one-half-lr {margin-left:1.5%; margin-right:1.5%;}
    .md-margin-two-lr {margin-left:2%; margin-right:2%;}
    .md-margin-two-half-lr {margin-left:2.5%; margin-right:2.5%;}
    .md-margin-three-lr {margin-left:3%; margin-right:3%;}
    .md-margin-three-half-lr {margin-left:3.5%; margin-right:3.5%;}
    .md-margin-four-lr {margin-left:4%; margin-right:4%;}
    .md-margin-four-half-lr {margin-left:4.5%; margin-right:4.5%;}
    .md-margin-five-lr {margin-left:5%; margin-right:5%;}
    .md-margin-five-half-lr {margin-left:5.5%; margin-right:5.5%;}
    .md-margin-six-lr {margin-left:6%; margin-right:6%;}
    .md-margin-six-half-lr {margin-left:6.5%; margin-right:6.5%;}
    .md-margin-seven-lr {margin-left:7%; margin-right:7%;}
    .md-margin-seven-half-lr {margin-left:7.5%; margin-right:7.5%;}
    .md-margin-eight-lr {margin-left:8%; margin-right:8%;}
    .md-margin-eight-half-lr {margin-left:8.5%; margin-right:8.5%;}
    .md-margin-nine-lr {margin-left:9%; margin-right:9%;}
    .md-margin-nine-half-lr {margin-left:9.5%; margin-right:9.5%;}
    .md-margin-ten-lr {margin-left:10%; margin-right:10%;}
    .md-margin-ten-half-lr {margin-left:10.5%; margin-right:10.5%;}
    .md-margin-eleven-lr {margin-left:11%; margin-right:11%;}
    .md-margin-eleven-half-lr {margin-left:11.5%; margin-right:11.5%;}
    .md-margin-twelve-lr {margin-left:12%; margin-right:12%;}
    .md-margin-twelve-half-lr {margin-left:12.5%; margin-right:12.5%;}
    .md-margin-thirteen-lr {margin-left:13%; margin-right:13%;}
    .md-margin-thirteen-half-lr {margin-left:13.5%; margin-right:13.5%;}
    .md-margin-fourteen-lr {margin-left:14%; margin-right:14%;}
    .md-margin-fourteen-half-lr {margin-left:14.5%; margin-right:14.5%;}
    .md-margin-fifteen-lr {margin-left:15%; margin-right:15%;}
    .md-margin-fifteen-half-lr {margin-left:15.5%; margin-right:15.5%;}
    .md-margin-sixteen-lr {margin-left:16%; margin-right:16%;}
    .md-margin-sixteen-half-lr {margin-left:16.5%; margin-right:16.5%;}
    .md-margin-seventeen-lr {margin-left:17%; margin-right:17%;}
    .md-margin-seventeen-half-lr {margin-left:17.5%; margin-right:17.5%;}
    .md-margin-eighteen-lr {margin-left:18%; margin-right:18%;}
    .md-margin-eighteen-half-lr {margin-left:18.5%; margin-right:18.5%;}
    .md-margin-nineteen-lr {margin-left:19%; margin-right:19%;}
    .md-margin-nineteen-half-lr {margin-left:19.5%; margin-right:19.5%;}
    .md-margin-twenty-lr {margin-left:20%; margin-right:20%;}
    .md-margin-twenty-half-lr {margin-left:20.5%; margin-right:20.5%;} 
    .md-margin-twenty-one-lr {margin-left:21%; margin-right:21%;}
    .md-margin-twenty-one-half-lr {margin-left:21.5%; margin-right:21.5%;}
    .md-margin-twenty-two-lr {margin-left:22%; margin-right:22%;}
    .md-margin-twenty-two-half-lr {margin-left:22.5%; margin-right:22.5%;}
    .md-margin-twenty-three-lr {margin-left:23%; margin-right:23%;}
    .md-margin-twenty-three-half-lr {margin-left:23.5%; margin-right:23.5%;}
    .md-margin-twenty-four-lr {margin-left:24%; margin-right:24%;}
    .md-margin-twenty-four-half-lr {margin-left:24.5%; margin-right:24.5%;}
    .md-margin-twenty-five-lr {margin-left:25%; margin-right:25%;}
    .md-margin-thirty-lr {margin-left:30%; margin-right:30%;}
    .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:60px !important;}
    .md-margin-70px-lr {margin-left:70px !important; margin-right:65px !important;}
    .md-margin-75px-lr {margin-left:75px !important; margin-right:70px !important;}
    .md-margin-80px-lr {margin-left:80px !important; margin-right:75px !important;}
    .md-margin-85px-lr {margin-left:85px !important; margin-right:80px !important;}
    .md-margin-90px-lr {margin-left:90px !important; margin-right:85px !important;}
    .md-margin-95px-lr {margin-left:95px !important; margin-right:90px !important;}
    .md-margin-100px-lr {margin-left:100px !important; margin-right:100px !important;}

    /* margin top bottom */
    .md-margin-one-tb {margin-top:1%; margin-bottom:1%;}
    .md-margin-one-half-tb {margin-top:1.5%; margin-bottom:1.5%;}
    .md-margin-two-tb {margin-top:2%; margin-bottom:2%;}
    .md-margin-two-half-tb {margin-top:2.5%; margin-bottom:2.5%;}
    .md-margin-three-tb {margin-top:3%; margin-bottom:3%;}
    .md-margin-three-half-tb {margin-top:3.5%; margin-bottom:3.5%;}
    .md-margin-four-tb {margin-top:4%; margin-bottom:4%;}
    .md-margin-four-half-tb {margin-top:4.5%; margin-bottom:4.5%;}
    .md-margin-five-tb {margin-top:5%; margin-bottom:5%;}
    .md-margin-five-half-tb {margin-top:5.5%; margin-bottom:5.5%;}
    .md-margin-six-tb {margin-top:6%; margin-bottom:6%;}
    .md-margin-six-half-tb {margin-top:6.5%; margin-bottom:6.5%;}
    .md-margin-seven-tb {margin-top:7%; margin-bottom:7%;}
    .md-margin-seven-half-tb {margin-top:7.5%; margin-bottom:7.5%;}
    .md-margin-eight-tb {margin-top:8%; margin-bottom:8%;}
    .md-margin-eight-half-tb {margin-top:8.5%; margin-bottom:8.5%;}
    .md-margin-nine-tb {margin-top:9%; margin-bottom:9%;}
    .md-margin-nine-half-tb {margin-top:9.5%; margin-bottom:9.5%;}
    .md-margin-ten-tb {margin-top:10%; margin-bottom:10%;}
    .md-margin-ten-half-tb {margin-top:10.5%; margin-bottom:10.5%;}
    .md-margin-eleven-tb {margin-top:11%; margin-bottom:11%;}
    .md-margin-eleven-half-tb {margin-top:11.5%; margin-bottom:11.5%;}
    .md-margin-twelve-tb {margin-top:12%; margin-bottom:12%;}
    .md-margin-twelve-half-tb {margin-top:12.5%; margin-bottom:12.5%;}
    .md-margin-thirteen-tb {margin-top:13%; margin-bottom:13%;}
    .md-margin-thirteen-half-tb {margin-top:13.5%; margin-bottom:13.5%;}
    .md-margin-fourteen-tb {margin-top:14%; margin-bottom:14%;}
    .md-margin-fourteen-half-tb {margin-top:14.5%; margin-bottom:14.5%;}
    .md-margin-fifteen-tb {margin-top:15%; margin-bottom:15%;}
    .md-margin-fifteen-half-tb {margin-top:15.5%; margin-bottom:15.5%;}
    .md-margin-sixteen-tb {margin-top:16%; margin-bottom:16%;}
    .md-margin-sixteen-half-tb {margin-top:16.5%; margin-bottom:16.5%;}
    .md-margin-seventeen-tb {margin-top:17%; margin-bottom:17%;}
    .md-margin-seventeen-half-tb {margin-top:17.5%; margin-bottom:17.5%;}
    .md-margin-eighteen-tb {margin-top:18%; margin-bottom:18%;}
    .md-margin-eighteen-half-tb {margin-top:18.5%; margin-bottom:18.5%;}
    .md-margin-nineteen-tb {margin-top:19%; margin-bottom:19%;}
    .md-margin-nineteen-half-tb {margin-top:19.5%; margin-bottom:19.5%;}
    .md-margin-twenty-tb {margin-top:20%; margin-bottom:20%;}
    .md-margin-5px-tb {margin-top:5px !important; margin-bottom:5px !important;}
    .md-margin-10px-tb {margin-top:10px !important; margin-bottom:10px !important;}
    .md-margin-15px-tb {margin-top:15px !important; margin-bottom:15px !important;}
    .md-margin-20px-tb {margin-top:20px !important; margin-bottom:20px !important;}
    .md-margin-25px-tb {margin-top:25px !important; margin-bottom:25px !important;}
    .md-margin-30px-tb {margin-top:30px !important; margin-bottom:30px !important;}
    .md-margin-35px-tb {margin-top:35px !important; margin-bottom:35px !important;}
    .md-margin-40px-tb {margin-top:40px !important; margin-bottom:40px !important;}
    .md-margin-45px-tb {margin-top:45px !important; margin-bottom:45px !important;}
    .md-margin-50px-tb {margin-top:50px !important; margin-bottom:50px !important;}
    .md-margin-55px-tb {margin-top:55px !important; margin-bottom:55px !important;}
    .md-margin-60px-tb {margin-top:60px !important; margin-bottom:60px !important;}
    .md-margin-65px-tb {margin-top:65px !important; margin-bottom:60px !important;}
    .md-margin-70px-tb {margin-top:70px !important; margin-bottom:65px !important;}
    .md-margin-75px-tb {margin-top:75px !important; margin-bottom:70px !important;}
    .md-margin-80px-tb {margin-top:80px !important; margin-bottom:75px !important;}
    .md-margin-85px-tb {margin-top:85px !important; margin-bottom:80px !important;}
    .md-margin-90px-tb {margin-top:90px !important; margin-bottom:85px !important;}
    .md-margin-95px-tb {margin-top:95px !important; margin-bottom:90px !important;}
    .md-margin-100px-tb {margin-top:100px !important; margin-bottom:100px !important;}

    /* 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}
    .md-padding-one-all {padding:1%;}
    .md-padding-one-half-all {padding:1.5%;}
    .md-padding-two-all {padding:2%;}
    .md-padding-two-half-all {padding:2.5%;}
    .md-padding-three-all {padding:3%;}
    .md-padding-three-half-all {padding:3.5%;}
    .md-padding-four-all {padding:4%;}
    .md-padding-four-half-all {padding:4.5%;}
    .md-padding-five-all {padding:5%;}
    .md-padding-five-half-all {padding:5.5%;}
    .md-padding-six-all {padding:6%;}
    .md-padding-six-half-all {padding:6.5%;}
    .md-padding-seven-all {padding:7%;}
    .md-padding-seven-half-all {padding:7.5%;}
    .md-padding-eight-all {padding:8%;}
    .md-padding-eight-half-all {padding:8.5%;}
    .md-padding-nine-all {padding:9%;}
    .md-padding-nine-half-all {padding:9.5%;}
    .md-padding-ten-all {padding:10%;}
    .md-padding-ten-half-all {padding:10.5%;}
    .md-padding-eleven-all {padding:11%;}
    .md-padding-eleven-half-all {padding:11.5%;}
    .md-padding-twelve-all {padding:12%;}
    .md-padding-twelve-half-all {padding:12.5%;}
    .md-padding-thirteen-all {padding:13%;}
    .md-padding-thirteen-half-all {padding:13.5%;}
    .md-padding-fourteen-all {padding:14%;}
    .md-padding-fourteen-half-all {padding:14.5%;}
    .md-padding-fifteen-all {padding:15%;}
    .md-padding-fifteen-half-all {padding:15.5%;}
    .md-padding-sixteen-all {padding:16%;}
    .md-padding-sixteen-half-all {padding:16.5%;}
    .md-padding-seventeen-all {padding:17%;}
    .md-padding-seventeen-half-all {padding:17.5%;}
    .md-padding-eighteen-all {padding:18%;}
    .md-padding-eighteen-half-all {padding:18.5%;}
    .md-padding-nineteen-all {padding:19%;}
    .md-padding-nineteen-half-all {padding:19.5%;}
    .md-padding-twenty-all {padding:20%;}
    .md-padding-5px-all {padding:5px !important;}
    .md-padding-10px-all {padding:10px !important;}
    .md-padding-15px-all {padding:15px !important;}
    .md-padding-20px-all {padding:20px !important;}
    .md-padding-25px-all {padding:25px !important;}
    .md-padding-30px-all {padding:30px !important;}
    .md-padding-35px-all {padding:35px !important;}
    .md-padding-40px-all {padding:40px !important;}
    .md-padding-45px-all {padding:45px !important;}
    .md-padding-50px-all {padding:50px !important;}
    .md-padding-55px-all {padding:55px !important;}
    .md-padding-60px-all {padding:60px !important;}
    .md-padding-65px-all {padding:65px !important;}
    .md-padding-70px-all {padding:70px !important;}
    .md-padding-75px-all {padding:75px !important;}
    .md-padding-80px-all {padding:80px !important;}
    .md-padding-85px-all {padding:85px !important;}
    .md-padding-90px-all {padding:90px !important;}
    .md-padding-95px-all {padding:95px !important;}
    .md-padding-100px-all {padding:100px !important;}

    /* padding top */
    .md-padding-one-top {padding-top:1%;}
    .md-padding-one-half-top {padding-top:1.5%;}
    .md-padding-two-top {padding-top:2%;}
    .md-padding-two-half-top {padding-top:2.5%;}
    .md-padding-three-top {padding-top:3%;}
    .md-padding-three-half-top {padding-top:3.5%;}
    .md-padding-four-top {padding-top:4%;}
    .md-padding-four-half-top {padding-top:4.5%;}
    .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-seven-top {padding-top:7%;}
    .md-padding-seven-half-top {padding-top:7.5%;}
    .md-padding-eight-top {padding-top:8%;}
    .md-padding-eight-half-top {padding-top:8.5%;}
    .md-padding-nine-top {padding-top:9%;}
    .md-padding-nine-half-top {padding-top:9.5%;}
    .md-padding-ten-top {padding-top:10%;}
    .md-padding-ten-half-top {padding-top:10.5%;}
    .md-padding-eleven-top {padding-top:11%;}
    .md-padding-eleven-half-top {padding-top:11.5%;}
    .md-padding-twelve-top {padding-top:12%;}
    .md-padding-twelve-half-top {padding-top:12.5%;}
    .md-padding-thirteen-top {padding-top:13%;}
    .md-padding-thirteen-half-top {padding-top:13.5%;}
    .md-padding-fourteen-top {padding-top:14%;}
    .md-padding-fourteen-half-top {padding-top:14.5%;}
    .md-padding-fifteen-top {padding-top:15%;}
    .md-padding-fifteen-half-top {padding-top:15.5%;}
    .md-padding-sixteen-top {padding-top:16%;}
    .md-padding-sixteen-half-top {padding-top:16.5%;}
    .md-padding-seventeen-top {padding-top:17%;}
    .md-padding-seventeen-half-top {padding-top:17.5%;}
    .md-padding-eighteen-top {padding-top:18%;}
    .md-padding-eighteen-half-top {padding-top:18.5%;}
    .md-padding-nineteen-top {padding-top:19%;}
    .md-padding-nineteen-half-top {padding-top:19.5%;}
    .md-padding-twenty-top {padding-top:20%;}
    .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-one-bottom {padding-bottom:1%;}
    .md-padding-one-half-bottom {padding-bottom:1.5%;}
    .md-padding-two-bottom {padding-bottom:2%;}
    .md-padding-two-half-bottom {padding-bottom:2.5%;}
    .md-padding-three-bottom {padding-bottom:3%;}
    .md-padding-three-half-bottom {padding-bottom:3.5%;}
    .md-padding-four-bottom {padding-bottom:4%;}
    .md-padding-four-half-bottom {padding-bottom:4.5%;}
    .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-seven-bottom {padding-bottom:7%;}
    .md-padding-seven-half-bottom {padding-bottom:7.5%;}
    .md-padding-eight-bottom {padding-bottom:8%;}
    .md-padding-eight-half-bottom {padding-bottom:8.5%;}
    .md-padding-nine-bottom {padding-bottom:9%;}
    .md-padding-nine-half-bottom {padding-bottom:9.5%;}
    .md-padding-ten-bottom {padding-bottom:10%;}
    .md-padding-ten-half-bottom {padding-bottom:10.5%;}
    .md-padding-eleven-bottom {padding-bottom:11%;}
    .md-padding-eleven-half-bottom {padding-bottom:11.5%;}
    .md-padding-twelve-bottom {padding-bottom:12%;}
    .md-padding-twelve-half-bottom {padding-bottom:12.5%;}
    .md-padding-thirteen-bottom {padding-bottom:13%;}
    .md-padding-thirteen-half-bottom {padding-bottom:13.5%;}
    .md-padding-fourteen-bottom {padding-bottom:14%;}
    .md-padding-fourteen-half-bottom {padding-bottom:14.5%;}
    .md-padding-fifteen-bottom {padding-bottom:15%;}
    .md-padding-fifteen-half-bottom {padding-bottom:15.5%;}
    .md-padding-sixteen-bottom {padding-bottom:16%;}
    .md-padding-sixteen-half-bottom {padding-bottom:16.5%;}
    .md-padding-seventeen-bottom {padding-bottom:17%;}
    .md-padding-seventeen-half-bottom {padding-bottom:17.5%;}
    .md-padding-eighteen-bottom {padding-bottom:18%;}
    .md-padding-eighteen-half-bottom {padding-bottom:18.5%;}
    .md-padding-nineteen-bottom {padding-bottom:19%;}
    .md-padding-nineteen-half-bottom {padding-bottom:19.5%;}
    .md-padding-twenty-bottom {padding-bottom:20%;}
    .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-one-right {padding-right:1%;}
    .md-padding-one-half-right {padding-right:1.5%;}
    .md-padding-two-right {padding-right:2%;}
    .md-padding-two-half-right {padding-right:2.5%;}
    .md-padding-three-right {padding-right:3%;}
    .md-padding-three-half-right {padding-right:3.5%;}
    .md-padding-four-right {padding-right:4%;}
    .md-padding-four-half-right {padding-right:4.5%;}
    .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-seven-right {padding-right:7%;}
    .md-padding-seven-half-right {padding-right:7.5%;}
    .md-padding-eight-right {padding-right:8%;}
    .md-padding-eight-half-right {padding-right:8.5%;}
    .md-padding-nine-right {padding-right:9%;}
    .md-padding-nine-half-right {padding-right:9.5%;}
    .md-padding-ten-right {padding-right:10%;}
    .md-padding-ten-half-right {padding-right:10.5%;}
    .md-padding-eleven-right {padding-right:11%;}
    .md-padding-eleven-half-right {padding-right:11.5%;}
    .md-padding-twelve-right {padding-right:12%;}
    .md-padding-twelve-half-right {padding-right:12.5%;}
    .md-padding-thirteen-right {padding-right:13%;}
    .md-padding-thirteen-half-right {padding-right:13.5%;}
    .md-padding-fourteen-right {padding-right:14%;}
    .md-padding-fourteen-half-right {padding-right:14.5%;}
    .md-padding-fifteen-right {padding-right:15%;}
    .md-padding-fifteen-half-right {padding-right:15.5%;}
    .md-padding-sixteen-right {padding-right:16%;}
    .md-padding-sixteen-half-right {padding-right:16.5%;}
    .md-padding-seventeen-right {padding-right:17%;}
    .md-padding-seventeen-half-right {padding-right:17.5%;}
    .md-padding-eighteen-right {padding-right:18%;}
    .md-padding-eighteen-half-right {padding-right:18.5%;}
    .md-padding-nineteen-right {padding-right:19%;}
    .md-padding-nineteen-half-right {padding-right:19.5%;}
    .md-padding-twenty-right {padding-right:20%;}
    .md-padding-5px-right {padding-right:5px !important;}
    .md-padding-10px-right {padding-right:10px !important;}
    .md-padding-15px-right {padding-right:15px !important;}
    .md-padding-20px-right {padding-right:20px !important;}
    .md-padding-25px-right {padding-right:25px !important;}
    .md-padding-30px-right {padding-right:30px !important;}
    .md-padding-35px-right {padding-right:35px !important;}
    .md-padding-40px-right {padding-right:40px !important;}
    .md-padding-45px-right {padding-right:45px !important;}
    .md-padding-50px-right {padding-right:50px !important;}
    .md-padding-55px-right {padding-right:55px !important;}
    .md-padding-60px-right {padding-right:60px !important;}
    .md-padding-65px-right {padding-right:65px !important;}
    .md-padding-70px-right {padding-right:70px !important;}
    .md-padding-75px-right {padding-right:75px !important;}
    .md-padding-80px-right {padding-right:80px !important;}
    .md-padding-85px-right {padding-right:85px !important;}
    .md-padding-90px-right {padding-right:90px !important;}
    .md-padding-95px-right {padding-right:95px !important;}
    .md-padding-100px-right {padding-right:100px !important;}

    /* padding left */
    .md-padding-one-left {padding-left:1%;}
    .md-padding-one-half-left {padding-left:1.5%;}
    .md-padding-two-left {padding-left:2%;}
    .md-padding-two-half-left {padding-left:2.5%;}
    .md-padding-three-left {padding-left:3%;}
    .md-padding-three-half-left {padding-left:3.5%;}
    .md-padding-four-left {padding-left:4%;}
    .md-padding-four-half-left {padding-left:4.5%;}
    .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-seven-left {padding-left:7%;}
    .md-padding-seven-half-left {padding-left:7.5%;}
    .md-padding-eight-left {padding-left:8%;}
    .md-padding-eight-half-left {padding-left:8.5%;}
    .md-padding-nine-left {padding-left:9%;}
    .md-padding-nine-half-left {padding-left:9.5%;}
    .md-padding-ten-left {padding-left:10%;}
    .md-padding-ten-half-left {padding-left:10.5%;}
    .md-padding-eleven-left {padding-left:11%;}
    .md-padding-eleven-half-left {padding-left:11.5%;}
    .md-padding-twelve-left {padding-left:12%;}
    .md-padding-twelve-half-left {padding-left:12.5%;}
    .md-padding-thirteen-left {padding-left:13%;}
    .md-padding-thirteen-half-left {padding-left:13.5%;}
    .md-padding-fourteen-left {padding-left:14%;}
    .md-padding-fourteen-half-left {padding-left:14.5%;}
    .md-padding-fifteen-left {padding-left:15%;}
    .md-padding-fifteen-half-left {padding-left:15.5%;}
    .md-padding-sixteen-left {padding-left:16%;}
    .md-padding-sixteen-half-left {padding-left:16.5%;}
    .md-padding-seventeen-left {padding-left:17%;}
    .md-padding-seventeen-half-left {padding-left:17.5%;}
    .md-padding-eighteen-left {padding-left:18%;}
    .md-padding-eighteen-half-left {padding-left:18.5%;}
    .md-padding-nineteen-left {padding-left:19%;}
    .md-padding-nineteen-half-left {padding-left:19.5%;}
    .md-padding-twenty-left {padding-left:20%;}
    .md-padding-5px-left {padding-left:5px !important;}
    .md-padding-10px-left {padding-left:10px !important;}
    .md-padding-15px-left {padding-left:15px !important;}
    .md-padding-20px-left {padding-left:20px !important;}
    .md-padding-25px-left {padding-left:25px !important;}
    .md-padding-30px-left {padding-left:30px !important;}
    .md-padding-35px-left {padding-left:35px !important;}
    .md-padding-40px-left {padding-left:40px !important;}
    .md-padding-45px-left {padding-left:45px !important;}
    .md-padding-50px-left {padding-left:50px !important;}
    .md-padding-55px-left {padding-left:55px !important;}
    .md-padding-60px-left {padding-left:60px !important;}
    .md-padding-65px-left {padding-left:65px !important;}
    .md-padding-70px-left {padding-left:70px !important;}
    .md-padding-75px-left {padding-left:75px !important;}
    .md-padding-80px-left {padding-left:80px !important;}
    .md-padding-85px-left {padding-left:85px !important;}
    .md-padding-90px-left {padding-left:90px !important;}
    .md-padding-95px-left {padding-left:95px !important;}
    .md-padding-100px-left {padding-left:100px !important;}

    /* padding top bottom */
    .md-padding-one-tb {padding-top:1%; padding-bottom:1%;}
    .md-padding-one-half-tb {padding-top:1.5%; padding-bottom:1.5%;}
    .md-padding-two-tb {padding-top:2%; padding-bottom:2%;}
    .md-padding-two-half-tb {padding-top:2.5%; padding-bottom:2.5%;}
    .md-padding-three-tb {padding-top:3%; padding-bottom:3%;}
    .md-padding-three-half-tb {padding-top:3.5%; padding-bottom:3.5%;}
    .md-padding-four-tb {padding-top:4%; padding-bottom:4%;}
    .md-padding-four-half-tb {padding-top:4.5%; padding-bottom:4.5%;}
    .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-seven-tb {padding-top:7%; padding-bottom:7%;}
    .md-padding-seven-half-tb {padding-top:7.5%; padding-bottom:7.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-nine-tb {padding-top:9%; padding-bottom:9%;}
    .md-padding-nine-half-tb {padding-top:9.5%; padding-bottom:9.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-eleven-tb {padding-top:11%; padding-bottom:11%;}
    .md-padding-eleven-half-tb {padding-top:11.5%; padding-bottom:11.5%;}
    .md-padding-twelve-tb {padding-top:12%; padding-bottom:12%;}
    .md-padding-twelve-half-tb {padding-top:12.5%; padding-bottom:12.5%;}
    .md-padding-thirteen-tb {padding-top:13%; padding-bottom:13%;}
    .md-padding-thirteen-half-tb {padding-top:13.5%; padding-bottom:13.5%;}
    .md-padding-fourteen-tb {padding-top:14%; padding-bottom:14%;}
    .md-padding-fourteen-half-tb {padding-top:14.5%; padding-bottom:14.5%;}
    .md-padding-fifteen-tb {padding-top:15%; padding-bottom:15%;}
    .md-padding-fifteen-half-tb {padding-top:15.5%; padding-bottom:15.5%;}
    .md-padding-sixteen-tb {padding-top:16%; padding-bottom:16%;}
    .md-padding-sixteen-half-tb {padding-top:16.5%; padding-bottom:16.5%;}
    .md-padding-seventeen-tb {padding-top:17%; padding-bottom:17%;}
    .md-padding-seventeen-half-tb {padding-top:17.5%; padding-bottom:17.5%;}
    .md-padding-eighteen-tb {padding-top:18%; padding-bottom:18%;}
    .md-padding-eighteen-half-tb {padding-top:18.5%; padding-bottom:18.5%;}
    .md-padding-nineteen-tb {padding-top:19%; padding-bottom:19%;}
    .md-padding-nineteen-half-tb {padding-top:19.5%; padding-bottom:19.5%;}
    .md-padding-twenty-tb {padding-top:20%; padding-bottom:20%;}
    .md-padding-thirty-tb {padding-top:30%; padding-bottom:30%;}
    .md-padding-5px-tb {padding-top:5px !important; padding-bottom:5px !important;}
    .md-padding-10px-tb {padding-top:10px !important; padding-bottom:10px !important;}
    .md-padding-15px-tb {padding-top:15px !important; padding-bottom:15px !important;}
    .md-padding-20px-tb {padding-top:20px !important; padding-bottom:20px !important;}
    .md-padding-25px-tb {padding-top:25px !important; padding-bottom:25px !important;}
    .md-padding-30px-tb {padding-top:30px !important; padding-bottom:30px !important;}
    .md-padding-35px-tb {padding-top:35px !important; padding-bottom:35px !important;}
    .md-padding-40px-tb {padding-top:40px !important; padding-bottom:40px !important;}
    .md-padding-45px-tb {padding-top:45px !important; padding-bottom:45px !important;}
    .md-padding-50px-tb {padding-top:50px !important; padding-bottom:50px !important;}
    .md-padding-55px-tb {padding-top:55px !important; padding-bottom:55px !important;}
    .md-padding-60px-tb {padding-top:60px !important; padding-bottom:60px !important;}
    .md-padding-65px-tb {padding-top:65px !important; padding-bottom:65px !important;}
    .md-padding-70px-tb {padding-top:70px !important; padding-bottom:70px !important;}
    .md-padding-75px-tb {padding-top:75px !important; padding-bottom:75px !important;}
    .md-padding-80px-tb {padding-top:80px !important; padding-bottom:80px !important;}
    .md-padding-85px-tb {padding-top:85px !important; padding-bottom:85px !important;}
    .md-padding-90px-tb {padding-top:90px !important; padding-bottom:90px !important;}
    .md-padding-95px-tb {padding-top:95px !important; padding-bottom:95px !important;}
    .md-padding-100px-tb {padding-top:100px !important; padding-bottom:100px !important;}

    /* padding left right */
    .md-padding-one-lr {padding-left:1%; padding-right:1%;}
    .md-padding-one-half-lr {padding-left:1.5%; padding-right:1.5%;}
    .md-padding-two-lr {padding-left:2%; padding-right:2%;}
    .md-padding-two-half-lr {padding-left:2.5%; padding-right:2.5%;}
    .md-padding-three-lr {padding-left:3%; padding-right:3%;}
    .md-padding-three-half-lr {padding-left:3.5%; padding-right:3.5%;}
    .md-padding-four-lr {padding-left:4%; padding-right:4%;}
    .md-padding-four-half-lr {padding-left:4.5%; padding-right:4.5%;}
    .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-seven-lr {padding-left:7%; padding-right:7%;}
    .md-padding-seven-half-lr {padding-left:7.5%; padding-right:7.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-nine-lr {padding-left:9%; padding-right:9%;}
    .md-padding-nine-half-lr {padding-left:9.5%; padding-right:9.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-eleven-lr {padding-left:11%; padding-right:11%;}
    .md-padding-eleven-half-lr {padding-left:11.5%; padding-right:11.5%;}
    .md-padding-twelve-lr {padding-left:12%; padding-right:12%;}
    .md-padding-twelve-half-lr {padding-left:12.5%; padding-right:12.5%;}
    .md-padding-thirteen-lr {padding-left:13%; padding-right:13%;}
    .md-padding-thirteen-half-lr {padding-left:13.5%; padding-right:13.5%;}
    .md-padding-fourteen-lr {padding-left:14%; padding-right:14%;}
    .md-padding-fourteen-half-lr {padding-left:14.5%; padding-right:14.5%;}
    .md-padding-fifteen-lr {padding-left:15%; padding-right:15%;}
    .md-padding-fifteen-half-lr {padding-left:15.5%; padding-right:15.5%;}
    .md-padding-sixteen-lr {padding-left:16%; padding-right:16%;}
    .md-padding-sixteen-half-lr {padding-left:16.5%; padding-right:16.5%;}
    .md-padding-seventeen-lr {padding-left:17%; padding-right:17%;}
    .md-padding-seventeen-half-lr {padding-left:17.5%; padding-right:17.5%;}
    .md-padding-eighteen-lr {padding-left:18%; padding-right:18%;}
    .md-padding-eighteen-half-lr {padding-left:18.5%; padding-right:18.5%;}
    .md-padding-nineteen-lr {padding-left:19%; padding-right:19%;}
    .md-padding-nineteen-half-lr {padding-left:19.5%; padding-right:19.5%;}
    .md-padding-twenty-lr {padding-left:20%; padding-right:20%;}
    .md-padding-twenty-half-lr {padding-left:20.5%; padding-right:20.5%;}
    .md-padding-twenty-one-lr {padding-left:21%; padding-right:21%;}
    .md-padding-twenty-one-half-lr {padding-left:21.5%; padding-right:21.5%;}
    .md-padding-twenty-two-lr {padding-left:22%; padding-right:22%;}
    .md-padding-twenty-two-half-lr {padding-left:22.5%; padding-right:22.5%;}
    .md-padding-twenty-three-lr {padding-left:23%; padding-right:23%;}
    .md-padding-twenty-three-half-lr {padding-left:23.5%; padding-right:23.5%;}
    .md-padding-twenty-four-lr {padding-left:24%; padding-right:24%;}
    .md-padding-twenty-four-half-lr {padding-left:24.5%; padding-right:24.5%;}
    .md-padding-twenty-five-lr {padding-left:25%; padding-right:25%;}
    .md-padding-thirty-lr {padding-left:30%; padding-right:30%;}

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

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

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

    /* background position */
    .md-bg-position-left-top, .vc_row-has-fill.md-bg-position-left-top {background-position: left top !important}
    .md-bg-position-left-center, .vc_row-has-fill.md-bg-position-left-center {background-position: left center !important}
    .md-bg-position-left-bottom, .vc_row-has-fill.md-bg-position-left-bottom {background-position: left bottom !important}
    .md-bg-position-center-top, .vc_row-has-fill.md-bg-position-center-top {background-position: center top !important}
    .md-bg-position-center-center, .vc_row-has-fill.md-bg-position-center-center {background-position: center center !important}
    .md-bg-position-center-bottom, .vc_row-has-fill.md-bg-position-center-bottom {background-position: center bottom !important}
    .md-bg-position-right-top, .vc_row-has-fill.md-bg-position-right-top {background-position: right top !important}
    .md-bg-position-right-center, .vc_row-has-fill.md-bg-position-right-center {background-position: right center !important}
    .md-bg-position-right-bottom, .vc_row-has-fill.md-bg-position-right-bottom {background-position: right bottom !important}

    /* top */
    .md-top-auto {top:auto}
    .md-top-0 {top:0 !important}
    .md-top-1 {top:1px}
    .md-top-2 {top:2px}
    .md-top-3 {top:3px}
    .md-top-4 {top:4px}
    .md-top-5 {top:5px}
    .md-top-6 {top:6px}
    .md-top-7 {top:7px}
    .md-top-8 {top:8px}
    .md-top-9 {top:9px}
    .md-top-10 {top:10px}
    .md-top-17 {top:17px}

    .md-top-minus1 {top:-1px}
    .md-top-minus2 {top:-2px}
    .md-top-minus3 {top:-3px}
    .md-top-minus4 {top:-4px}
    .md-top-minus5 {top:-5px}
    .md-top-minus6 {top:-6px}
    .md-top-minus7 {top:-7px}
    .md-top-minus8 {top:-8px}
    .md-top-minus9 {top:-9px}
    .md-top-minus10 {top:-10px}
    .md-top-minus30 {top:-30px}

    /* bottom */
    .md-bottom-auto {bottom:auto}
    .md-bottom-0 {bottom:0}
    .md-bottom-1 {bottom:1px}
    .md-bottom-2 {bottom:2px}
    .md-bottom-3 {bottom:3px}
    .md-bottom-4 {bottom:4px}
    .md-bottom-5 {bottom:5px}
    .md-bottom-6 {bottom:6px}
    .md-bottom-7 {bottom:7px}
    .md-bottom-8 {bottom:8px}
    .md-bottom-9 {bottom:9px}
    .md-bottom-10 {bottom:10px}
    .md-bottom-20 {bottom:20px}
    .md-bottom-25 {bottom:25px}
    .md-bottom-30 {bottom:30px}
    .md-bottom--minus50 {bottom:-50px} 

    /* left */
    .md-left-auto {left:auto}
    .md-left-0 {left:0}
    .md-left-1 {left:1px}
    .md-left-2 {left:2px}
    .md-left-3 {left:3px}
    .md-left-4 {left:4px}
    .md-left-5 {left:5px}
    .md-left-6 {left:6px}
    .md-left-7 {left:7px}
    .md-left-8 {left:8px}
    .md-left-9 {left:9px}
    .md-left-10 {left:10px}

    /* right */
    .md-right-auto {right:auto}
    .md-right-0 {right:0}
    .md-right-1 {right:1px}
    .md-right-2 {right:2px}
    .md-right-3 {right:3px}
    .md-right-4 {right:4px}
    .md-right-5 {right:5px}
    .md-right-6 {right:6px}
    .md-right-7 {right:7px}
    .md-right-8 {right:8px}
    .md-right-9 {right:9px}
    .md-right-10 {right:10px}

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

    .md-width-50px {width:50px;}
    .md-width-70px {width:70px;}
    .md-width-75px {width:75px;}
    .md-width-80px {width:80px;}
    .md-width-85px {width:85px;}
    .md-width-90px {width:90px;}
    .md-width-95px {width:95px;}
    .md-width-100px {width:100px;}
    .md-width-120px {width:120px;}
    .md-width-130px {width:130px;}
    .md-width-150px {width:150px;}
    .md-width-180px {width:180px;}
    .md-width-200px {width:200px;}
    .md-width-250px {width:250px;}
    .md-width-300px {width:300px;}
    .md-width-350px {width:350px;}
    .md-width-400px {width:400px;}
    .md-width-450px {width:450px;}
    .md-width-500px {width:500px;}
    .md-width-550px {width:550px;}
    .md-width-600px {width:600px;}
    .md-width-650px {width:650px;}
    .md-width-700px {width:700px;}
    .md-width-750px {width:750px;}
    .md-width-800px {width:800px;}
    .md-width-850px {width:850px;}
    .md-width-900px {width:900px;}
    .md-width-950px {width:950px;}
    .md-width-1000px {width:1000px;}

    /* height */
    .md-height-auto {height:auto}
    .md-height-50px {height: 50px}
    .md-height-60px {height: 60px}
    .md-height-70px {height: 70px} 
    .md-height-80px {height: 80px}
    .md-height-90px {height: 90px}
    .md-height-100px {height: 100px}
    .md-height-150px {height: 150px}
    .md-height-200px {height: 200px}
    .md-height-250px {height: 250px}
    .md-height-300px {height: 300px}
    .md-height-350px {height: 350px}
    .md-height-400px {height: 400px}
    .md-height-450px {height: 450px}
    .md-height-500px {height: 500px}
    .md-height-550px {height: 550px}
    .md-height-600px {height: 600px}
    .md-height-650px {height: 650px}
    .md-height-700px {height: 700px}
    .md-height-750px {height: 750px}
    .md-height-800px {height: 800px}
    .md-height-850px {height: 850px}
    .md-height-900px {height: 900px}
    .md-height-100 {height: 100%}

    /* line height */
    .md-line-height-auto {line-height: normal;}
    .md-line-height-10 {line-height:10px;}
    .md-line-height-18 {line-height:18px;}
    .md-line-height-20 {line-height:20px}
    .md-line-height-24 {line-height:24px}
    .md-line-height-22 {line-height:22px}
    .md-line-height-26 {line-height:26px}
    .md-line-height-28 {line-height:28px}
    .md-line-height-30 {line-height:30px}
    .md-line-height-35 {line-height:35px}
    .md-line-height-40 {line-height:40px}
    .md-line-height-45 {line-height:45px}
    .md-line-height-50 {line-height:50px}
    .md-line-height-55 {line-height:55px}
    .md-line-height-60 {line-height:60px}
    .md-line-height-65 {line-height:65px}
    .md-line-height-70 {line-height:70px}
    .md-line-height-75 {line-height:75px}
    .md-line-height-80 {line-height:80px}
    .md-line-height-85 {line-height:85px}
    .md-line-height-90 {line-height:90px}
    .md-line-height-95 {line-height:95px}
    .md-line-height-100 {line-height:100px}

    /* display */
    .md-display-block {display:block !important}
    .md-overflow-hidden {overflow:hidden !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}

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

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

    /* equalize auto */
    .md-equalize-auto > [class*='col-'] {height: auto !important;}   

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

    /* box layout */
    .box-layout {padding: 0 0}
    .md-no-background-img, .vc_row-has-fill.md-no-background-img {background-image: none !important}

    /* navigation */
    header nav .navbar-nav > li > a, header nav.navbar-brand-top .navbar-nav > li:last-child a {margin: 0 11px;}

    /* header language */
    #lang_sel > ul {padding-left: 7px !important;}

    /* header social icon */
    .header-social-icon {padding-left: 10px; margin-left: 20px;}
    .header-searchbar {padding-left: 20px;}

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

    /* nav box width */
    header nav.nav-box-width {padding: 0;}
    header .top-header-area.nav-box-width {padding-left: 0; padding-right: 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;}
    .nav.navbar-left-sidebar > li > ul li a {margin-right: 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%}
    .full-width-pull-menu .menu-wrap ul { padding-left: 0;}
    .full-width-pull-menu span.dropdown-toggle { right: 0;}

    /* feature box 4 */
    .feature-box-4 figure figcaption {padding: 20px ;}
    .feature-box-4 figure figcaption .btn {opacity: 1;}
    .feature-box-4 figure:hover figcaption {transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px);}

    /* feature box 10 */
    .feature-box-10 .number-center::before {width: 180%;}
    .feature-box-10 .number-center::after {width: 180%}

    /* feature box 12 */
    .feature-box-12 .hover-content-box {width: 100%;}

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

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

    /* home - classic innovation agency */
    .box-separator-line {left: -60px; top: 86px;}
    .right-image {bottom: -250px; width: 70%; right: -130px;}
    .content-right-slider .swiper-button-next {right: 20px;}
    .content-right-slider .swiper-button-prev  {left: 20px;}

    /* font size */
    .title-large {font-size: 90px; 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 .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: 0 10px 0 0; margin: 0;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a.dropdown-header {padding-left: 0; padding-right: 10px;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img {padding-left: 10px;}

    /* counter box */
    .counter-box-3 .counter-box {display: inline-block; width: 100px;}

    /* banner style 01 */
    .banner-style1 figure:hover figcaption p {height: 80px;}
    .banner-style1 figure img {width: 130px;}
    .banner-style1 .feature-box.feature-box-7 .box .content {top: 50px}
    .banner-style1 .feature-box.feature-box-7 .box:hover .content {top: 0}
    .swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper {margin-bottom: 70px;}
    .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}
    .swiper-full-screen .swiper-pagination, .hover-option3 .swiper-pagination {bottom: 30px;}
    .swiper-container-horizontal.portfolio-slider-style-1 .swiper-pagination-bullets {bottom: 15px;}

    /* 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 previous button style 2 */
    .swiper-next-style2 {right: 5%;}
    .swiper-prev-style2 {left: 5%;}
    .swiper-auto-width .swiper-scrollbar {left: 15%; width: 70%;}
    .swiper-auto-width .swiper-slide.swiper-slide-active .absolute-middle-center h2 {transition: all 0.4s ease-in-out 0.4s;}

    /* background position */
    .md-bg-position-left-top, .vc_row-has-fill.md-bg-position-left-top, .vc_col-has-fill .md-bg-position-left-top {background-position: left top !important}
    .md-bg-position-left-center, .vc_row-has-fill.md-bg-position-left-center, .vc_col-has-fill .md-bg-position-left-center {background-position: left center !important}
    .md-bg-position-left-bottom, .vc_row-has-fill.md-bg-position-left-bottom, .vc_col-has-fill .md-bg-position-left-bottom {background-position: left bottom !important}
    .md-bg-position-center-top, .vc_row-has-fill.md-bg-position-center-top, .vc_col-has-fill .md-bg-position-center-top {background-position: center top !important}
    .md-bg-position-center-center, .vc_row-has-fill.md-bg-position-center-center, .vc_col-has-fill .md-bg-position-center-center {background-position: center center !important}
    .md-bg-position-center-bottom, .vc_row-has-fill.md-bg-position-center-bottom, .vc_col-has-fill .md-bg-position-center-bottom {background-position: center bottom !important}
    .md-bg-position-right-top, .vc_row-has-fill.md-bg-position-right-top, .vc_col-has-fill .md-bg-position-right-top {background-position: right top !important}
    .md-bg-position-right-center, .vc_row-has-fill.md-bg-position-right-center, .vc_col-has-fill .md-bg-position-right-center {background-position: right center !important}
    .md-bg-position-right-bottom, .vc_row-has-fill.md-bg-position-right-bottom, .vc_col-has-fill .md-bg-position-right-bottom {background-position: right bottom !important}

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

    /* top logo */
    .navbar-brand-top .brand-top-menu-right {padding-left: 15px;}

    /* woocommerce style */
    .woocommerce-MyAccount-content {padding-left: 16px;}
    header.site-header > .header-mini-cart {left: 230px;}
    header .widget_shopping_cart {padding-left: 20px; margin-left: 20px;}
    
    /* demo page */
    .demo-pofo-slider6 .swiper-slide img {-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}

    /* tab style 4 */
    .tab-style4 .nav-tabs li a {padding: 10px 15px;}
    .tab-style4 .nav-tabs > li a span { margin-right: 0; display: block; text-align: center; }
    .tab-style4 .nav-tabs > li a span i, .tab-style4 .nav-tabs > li a span img { padding-bottom: 8px; }
    
    /* slider style 9 */
    .pofo-slider9 .btn-dual .btn { margin-bottom: 10px; margin-right: 10px !important; margin-left: 0;}
    
    /* youtube video hide */
    .vc_row .vc_video-bg { display: none;}
    
    /* tab-style5 */
    .tab-style5 .tab-box { width: 350px; }
    .tab-style5 .nav-tabs li a { font-size: 22px; line-height: 48px; }
    .tab-style5 .nav-tabs li.active a { padding-left: 30px; }
}

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

@media (max-width: 1050px) {
    /* sidebar navigation */
    .sidebar-wrapper .container {width: 100%;}
    .parallax, .vc_parallax {background-attachment: inherit !important; background-position: center center !important;}
    .feature-box.feature-box-17 .box .content {top: 50px;}
    .banner-title {top: 43%}
    .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 !important; }
    .sidebar-part2 .sidebar-middle { padding: 90px 0 90px; }
}

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

    .wp-block-embed-youtube iframe {  height: 68vh; }
    .mfp-wrap .html5-video-1 { width: 80%; }

    /* mini header */
    .admin-bar .sticky.header-with-topbar.sticky-mini-header nav.navbar.sidebar-nav.sidebar-nav-style-1 .sidenav-header, .admin-bar .sticky-mini-header nav.navbar.sidebar-nav.sidebar-nav-style-1 .sidenav-header {top: 80px;}
    .admin-bar nav.navbar.sidebar-nav { margin-top: 0; }
    .admin-bar .no-sticky .menu-logo-center {margin-top: 0;}
    .admin-bar .sticky.header-with-topbar .top-header-area {top: -46px}
    .admin-bar .no-sticky .navbar-non-sticky-top.full-width-pull-menu {margin-top: 32px;}
    .admin-bar .header-with-topbar .sticky .left-nav, .admin-bar .header-with-topbar .sticky .sidebar-part1, .admin-bar .header-with-topbar .sticky nav.navbar.sidebar-nav {top: 46px;}
    .admin-bar .header-with-topbar .close-button-menu {top: 110px;}
    .admin-bar nav.navbar.sidebar-nav {top: 46px;}
    .admin-bar .sticky nav.navbar.sidebar-nav {top: 46px;}
    .admin-bar .close-button-menu {top: 60px;}

    /* nav left sidebar */
    .left-nav-sidebar .container {width: 700px;}
    .left-nav-sidebar {padding-left: 0;}
    .left-nav-sidebar .fullscreenbanner {padding-left: 0 !important;}

    /* nav center logo */
    .pofo-center-logo-menu { display: flex; align-items: center; justify-content: space-between; flex-grow: 1 !important; }
    .pofo-center-logo-menu .center-logo { position: inherit; width: auto; left: auto; top: auto; text-align: left; margin-right: auto; }
    .pofo-center-logo-menu .accordion-menu { width: auto; }
    .center-logo-search-cart-full-width .accordion-menu .nav, .center-logo-search-cart-full-width .accordion-menu .nav:nth-child(2) { width: 100% !important; }
    
    /* heading */
    h1, h2, h3, h4, h5, h6 {margin:0 0 18px; padding:0; letter-spacing: 0; font-weight: 400;}
    h1 {font-size:57px; line-height: 58px;}
    h2 {font-size:43px; line-height:48px}
    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;}

    /* text size */
    .title-large {font-size: 70px; line-height:65px}
    .title-extra-large {font-size: 100px; line-height:95px}
    .title-medium {font-size: 60px; line-height: 65px;}
    .percent {line-height: 125px;}
    .text-extra-medium { font-size: 22px; line-height: 26px; }

    /* custom */
    section.extra-big-section {padding: 150px 0;}
    section, .default-page-space {padding: 75px 0;}
    section.big-section {padding:120px 0;}
    section.half-section {padding:40px 0;}
    .pofo-page-content-area {padding-top: 75px; padding-bottom: 0;}
    .pofo-page-widget-area {padding-top: 0; padding-bottom: 20px;}
    .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;}
    .col-2-nth-item .col-md-6:nth-child(2n+1) {clear: none;}
    .col-2-nth-item .col-sm-6:nth-child(2n+1) {clear: left;}
    .col-3-nth-item .col-md-4:nth-child(3n+1) {clear: none;}
    .col-3-nth-item .col-sm-6:nth-child(2n+1) {clear: left;}
    .col-4-nth-item .col-md-3:nth-child(4n+1) {clear: none;}
    .col-4-nth-item .col-sm-6:nth-child(2n+1) {clear: left;}
    .col-6-nth-item .col-md-4:nth-child(3n+1) {clear: none;}
    .col-6-nth-item .col-sm-6:nth-child(2n+1) {clear: left;}
    .sm-center-col {float: none; margin: 0 auto;}

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

    /* background position */
    .sm-bg-position-left-top, .vc_row-has-fill.sm-bg-position-left-top, .vc_col-has-fill .sm-bg-position-left-top {background-position: left top !important}
    .sm-bg-position-left-center, .vc_row-has-fill.sm-bg-position-left-center, .vc_col-has-fill .sm-bg-position-left-center {background-position: left center !important}
    .sm-bg-position-left-bottom, .vc_row-has-fill.sm-bg-position-left-bottom, .vc_col-has-fill .sm-bg-position-left-bottom {background-position: left bottom !important}
    .sm-bg-position-center-top, .vc_row-has-fill.sm-bg-position-center-top, .vc_col-has-fill .sm-bg-position-center-top {background-position: center top !important}
    .sm-bg-position-center-center, .vc_row-has-fill.sm-bg-position-center-center, .vc_col-has-fill .sm-bg-position-center-center {background-position: center center !important}
    .sm-bg-position-center-bottom, .vc_row-has-fill.sm-bg-position-center-bottom, .vc_col-has-fill .sm-bg-position-center-bottom {background-position: center bottom !important}
    .sm-bg-position-right-top, .vc_row-has-fill.sm-bg-position-right-top, .vc_col-has-fill .sm-bg-position-right-top {background-position: right top !important}
    .sm-bg-position-right-center, .vc_row-has-fill.sm-bg-position-right-center, .vc_col-has-fill .sm-bg-position-right-center {background-position: right center !important}
    .sm-bg-position-right-bottom, .vc_row-has-fill.sm-bg-position-right-bottom, .vc_col-has-fill .sm-bg-position-right-bottom {background-position: right bottom !important}

    /* text alignment */
    .sm-text-center {text-align: center !important;}
    .sm-text-left {text-align: left !important;}
    .sm-text-right {text-align: right !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;}
    .sm-background-image-right {background-position: right;}
    .sm-background-image-center{ background-position: center;}

    /* margin */
    .sm-margin-one-all {margin:1%;}
    .sm-margin-one-half-all {margin:1.5%;}
    .sm-margin-two-all {margin:2%;}
    .sm-margin-two-half-all {margin:2.5%;}
    .sm-margin-three-all {margin:3%;}
    .sm-margin-three-half-all {margin:3.5%;}
    .sm-margin-four-all {margin:4%;}
    .sm-margin-four-half-all {margin:4.5%;}
    .sm-margin-five-all {margin:5%;}
    .sm-margin-five-half-all {margin:5.5%;}
    .sm-margin-six-all {margin:6%;}
    .sm-margin-six-half-all {margin:6.5%;}
    .sm-margin-seven-all {margin:7%;}
    .sm-margin-seven-half-all {margin:7.5%;}
    .sm-margin-eight-all {margin:8%;}
    .sm-margin-eight-half-all {margin:8.5%;}
    .sm-margin-nine-all {margin:9%;}
    .sm-margin-nine-half-all {margin:9.5%;}
    .sm-margin-ten-all {margin:10%;}
    .sm-margin-ten-half-all {margin:10.5%;}
    .sm-margin-eleven-all {margin:11%;}
    .sm-margin-eleven-half-all {margin:11.5%;}
    .sm-margin-twelve-all {margin:12%;}
    .sm-margin-twelve-half-all {margin:12.5%;}
    .sm-margin-thirteen-all {margin:13%;}
    .sm-margin-thirteen-half-all {margin:13.5%;}
    .sm-margin-fourteen-all {margin:14%;}
    .sm-margin-fourteen-half-all {margin:14.5%;}
    .sm-margin-fifteen-all {margin:15%;}
    .sm-margin-fifteen-half-all {margin:15.5%;}
    .sm-margin-sixteen-all {margin:16%;}
    .sm-margin-sixteen-half-all {margin:16.5%;}
    .sm-margin-seventeen-all {margin:17%;}
    .sm-margin-seventeen-half-all {margin:17.5%;}
    .sm-margin-eighteen-all {margin:18%;}
    .sm-margin-eighteen-half-all {margin:18.5%;}
    .sm-margin-nineteen-all {margin:19%;}
    .sm-margin-nineteen-half-all {margin:19.5%;}
    .sm-margin-twenty-all {margin:20%;}
    .sm-margin-5px-all {margin:5px !important;}
    .sm-margin-10px-all {margin:10px !important;}
    .sm-margin-15px-all {margin:15px !important;}
    .sm-margin-20px-all {margin:20px !important;}
    .sm-margin-25px-all {margin:25px !important;}
    .sm-margin-30px-all {margin:30px !important;}
    .sm-margin-35px-all {margin:35px !important;}
    .sm-margin-40px-all {margin:40px !important;}
    .sm-margin-45px-all {margin:45px !important;}
    .sm-margin-50px-all {margin:50px !important;}
    .sm-margin-55px-all {margin:55px !important;}
    .sm-margin-60px-all {margin:60px !important;}
    .sm-margin-65px-all {margin:65px !important;}
    .sm-margin-70px-all {margin:70px !important;}
    .sm-margin-75px-all {margin:75px !important;}
    .sm-margin-80px-all {margin:85px !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-one-top {margin-top:1%;}
    .sm-margin-one-half-top {margin-top:1.5%;}
    .sm-margin-two-top {margin-top:2%;}
    .sm-margin-two-half-top {margin-top:2.5%;}
    .sm-margin-three-top {margin-top:3%;}
    .sm-margin-three-half-top {margin-top:3.5%;}
    .sm-margin-four-top {margin-top:4%;}
    .sm-margin-four-half-top {margin-top:4.5%;}
    .sm-margin-five-top {margin-top:5%;}
    .sm-margin-five-half-top {margin-top:5.5%;}
    .sm-margin-six-top {margin-top:6%;}
    .sm-margin-six-half-top {margin-top:6.5%;}
    .sm-margin-seven-top {margin-top:7%;}
    .sm-margin-seven-half-top {margin-top:7.5%;}
    .sm-margin-eight-top {margin-top:8%;}
    .sm-margin-eight-half-top {margin-top:8.5%;}
    .sm-margin-nine-top {margin-top:9%;}
    .sm-margin-nine-half-top {margin-top:9.5%;}
    .sm-margin-ten-top {margin-top:10%;}
    .sm-margin-ten-half-top {margin-top:10.5%;}
    .sm-margin-eleven-top {margin-top:11%;}
    .sm-margin-eleven-half-top {margin-top:11.5%;}
    .sm-margin-twelve-top {margin-top:12%;}
    .sm-margin-twelve-half-top {margin-top:12.5%;}
    .sm-margin-thirteen-top {margin-top:13%;}
    .sm-margin-thirteen-half-top {margin-top:13.5%;}
    .sm-margin-fourteen-top {margin-top:14%;}
    .sm-margin-fourteen-half-top {margin-top:14.5%;}
    .sm-margin-fifteen-top {margin-top:15%;}
    .sm-margin-fifteen-half-top {margin-top:15.5%;}
    .sm-margin-sixteen-top {margin-top:16%;}
    .sm-margin-sixteen-half-top {margin-top:16.5%;}
    .sm-margin-seventeen-top {margin-top:17%;}
    .sm-margin-seventeen-half-top {margin-top:17.5%;}
    .sm-margin-eighteen-top {margin-top:18%;}
    .sm-margin-eighteen-half-top {margin-top:18.5%;}
    .sm-margin-nineteen-top {margin-top:19%;}
    .sm-margin-nineteen-half-top {margin-top:19.5%;}
    .sm-margin-twenty-top {margin-top:20%;}
    .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;}

    /* margin bottom */
    .sm-margin-one-bottom {margin-bottom:1%;}
    .sm-margin-one-half-bottom {margin-bottom:1.5%;}
    .sm-margin-two-bottom {margin-bottom:2%;}
    .sm-margin-two-half-bottom {margin-bottom:2.5%;}
    .sm-margin-three-bottom {margin-bottom:3%;}
    .sm-margin-three-half-bottom {margin-bottom:3.5%;}
    .sm-margin-four-bottom {margin-bottom:4%;}
    .sm-margin-four-half-bottom {margin-bottom:4.5%;}
    .sm-margin-five-bottom {margin-bottom:5%;}
    .sm-margin-five-half-bottom {margin-bottom:5.5%;}
    .sm-margin-six-bottom {margin-bottom:6%;}
    .sm-margin-six-half-bottom {margin-bottom:6.5%;}
    .sm-margin-seven-bottom {margin-bottom:7%;}
    .sm-margin-seven-half-bottom {margin-bottom:7.5%;}
    .sm-margin-eight-bottom {margin-bottom:8%;}
    .sm-margin-eight-half-bottom {margin-bottom:8.5%;}
    .sm-margin-nine-bottom {margin-bottom:9%;}
    .sm-margin-nine-half-bottom {margin-bottom:9.5%;}
    .sm-margin-ten-bottom {margin-bottom:10%;}
    .sm-margin-ten-half-bottom {margin-bottom:10.5%;}
    .sm-margin-eleven-bottom {margin-bottom:11%;}
    .sm-margin-eleven-half-bottom {margin-bottom:11.5%;}
    .sm-margin-twelve-bottom {margin-bottom:12%;}
    .sm-margin-twelve-half-bottom {margin-bottom:12.5%;}
    .sm-margin-thirteen-bottom {margin-bottom:13%;}
    .sm-margin-thirteen-half-bottom {margin-bottom:13.5%;}
    .sm-margin-fourteen-bottom {margin-bottom:14%;}
    .sm-margin-fourteen-half-bottom {margin-bottom:14.5%;}
    .sm-margin-fifteen-bottom {margin-bottom:15%;}
    .sm-margin-fifteen-half-bottom {margin-bottom:15.5%;}
    .sm-margin-sixteen-bottom {margin-bottom:16%;}
    .sm-margin-sixteen-half-bottom {margin-bottom:16.5%;}
    .sm-margin-seventeen-bottom {margin-bottom:17%;}
    .sm-margin-seventeen-half-bottom {margin-bottom:17.5%;}
    .sm-margin-eighteen-bottom {margin-bottom:18%;}
    .sm-margin-eighteen-half-bottom {margin-bottom:18.5%;}
    .sm-margin-nineteen-bottom {margin-bottom:19%;}
    .sm-margin-nineteen-half-bottom {margin-bottom:19.5%;}
    .sm-margin-twenty-bottom {margin-bottom:20%;}
    .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-one-right {margin-right:1%;}
    .sm-margin-one-half-right {margin-right:1.5%;}
    .sm-margin-two-right {margin-right:2%;}
    .sm-margin-two-half-right {margin-right:2.5%;}
    .sm-margin-three-right {margin-right:3%;}
    .sm-margin-three-half-right {margin-right:3.5%;}
    .sm-margin-four-right {margin-right:4%;}
    .sm-margin-four-half-right {margin-right:4.5%;}
    .sm-margin-five-right {margin-right:5%;}
    .sm-margin-five-half-right {margin-right:5.5%;}
    .sm-margin-six-right {margin-right:6%;}
    .sm-margin-six-half-right {margin-right:6.5%;}
    .sm-margin-seven-right {margin-right:7%;}
    .sm-margin-seven-half-right {margin-right:7.5%;}
    .sm-margin-eight-right {margin-right:8%;}
    .sm-margin-eight-half-right {margin-right:8.5%;}
    .sm-margin-nine-right {margin-right:9%;}
    .sm-margin-nine-half-right {margin-right:9.5%;}
    .sm-margin-ten-right {margin-right:10%;}
    .sm-margin-ten-half-right {margin-right:10.5%;}
    .sm-margin-eleven-right {margin-right:11%;}
    .sm-margin-eleven-half-right {margin-right:11.5%;}
    .sm-margin-twelve-right {margin-right:12%;}
    .sm-margin-twelve-half-right {margin-right:12.5%;}
    .sm-margin-thirteen-right {margin-right:13%;}
    .sm-margin-thirteen-half-right {margin-right:13.5%;}
    .sm-margin-fourteen-right {margin-right:14%;}
    .sm-margin-fourteen-half-right {margin-right:14.5%;}
    .sm-margin-fifteen-right {margin-right:15%;}
    .sm-margin-fifteen-half-right {margin-right:15.5%;}
    .sm-margin-sixteen-right {margin-right:16%;}
    .sm-margin-sixteen-half-right {margin-right:16.5%;}
    .sm-margin-seventeen-right {margin-right:17%;}
    .sm-margin-seventeen-half-right {margin-right:17.5%;}
    .sm-margin-eighteen-right {margin-right:18%;}
    .sm-margin-eighteen-half-right {margin-right:18.5%;}
    .sm-margin-nineteen-right {margin-right:19%;}
    .sm-margin-nineteen-half-right {margin-right:19.5%;}
    .sm-margin-twenty-right {margin-right:20%;}
    .sm-margin-10px-right {margin-right:10px !important;}
    .sm-margin-15px-right {margin-right:15px !important;}
    .sm-margin-20px-right {margin-right:20px !important;}
    .sm-margin-25px-right {margin-right:25px !important;}
    .sm-margin-30px-right {margin-right:30px !important;}
    .sm-margin-35px-right {margin-right:35px !important;}
    .sm-margin-40px-right {margin-right:40px !important;}
    .sm-margin-45px-right {margin-right:45px !important;}
    .sm-margin-50px-right {margin-right:50px !important;}
    .sm-margin-55px-right {margin-right:55px !important;}
    .sm-margin-60px-right {margin-right:60px !important;}
    .sm-margin-65px-right {margin-right:65px !important;}
    .sm-margin-70px-right {margin-right:70px !important;}
    .sm-margin-75px-right {margin-right:75px !important;}
    .sm-margin-80px-right {margin-right:80px !important;}

    /* margin left */
    .sm-margin-one-left {margin-left:1%;}
    .sm-margin-one-half-left {margin-left:1.5%;}
    .sm-margin-two-left {margin-left:2%;}
    .sm-margin-two-half-left {margin-left:2.5%;}
    .sm-margin-three-left {margin-left:3%;}
    .sm-margin-three-half-left {margin-left:3.5%;}
    .sm-margin-four-left {margin-left:4%;}
    .sm-margin-four-half-left {margin-left:4.5%;}
    .sm-margin-five-left {margin-left:5%;}
    .sm-margin-five-half-left {margin-left:5.5%;}
    .sm-margin-six-left {margin-left:6%;}
    .sm-margin-six-half-left {margin-left:6.5%;}
    .sm-margin-seven-left {margin-left:7%;}
    .sm-margin-seven-half-left {margin-left:7.5%;}
    .sm-margin-eight-left {margin-left:8%;}
    .sm-margin-eight-half-left {margin-left:8.5%;}
    .sm-margin-nine-left {margin-left:9%;}
    .sm-margin-nine-half-left {margin-left:9.5%;}
    .sm-margin-ten-left {margin-left:10%;}
    .sm-margin-ten-half-left {margin-left:10.5%;}
    .sm-margin-eleven-left {margin-left:11%;}
    .sm-margin-eleven-half-left {margin-left:11.5%;}
    .sm-margin-twelve-left {margin-left:12%;}
    .sm-margin-twelve-half-left {margin-left:12.5%;}
    .sm-margin-thirteen-left {margin-left:13%;}
    .sm-margin-thirteen-half-left {margin-left:13.5%;}
    .sm-margin-fourteen-left {margin-left:14%;}
    .sm-margin-fourteen-half-left {margin-left:14.5%;}
    .sm-margin-fifteen-left {margin-left:15%;}
    .sm-margin-fifteen-half-left {margin-left:15.5%;}
    .sm-margin-sixteen-left {margin-left:16%;}
    .sm-margin-sixteen-half-left {margin-left:16.5%;}
    .sm-margin-seventeen-left {margin-left:17%;}
    .sm-margin-seventeen-half-left {margin-left:17.5%;}
    .sm-margin-eighteen-left {margin-left:18%;}
    .sm-margin-eighteen-half-left {margin-left:18.5%;}
    .sm-margin-nineteen-left {margin-left:19%;}
    .sm-margin-nineteen-half-left {margin-left:19.5%;}
    .sm-margin-twenty-left {margin-left:20%;}
    .sm-margin-5px-left {margin-left:5px !important;}
    .sm-margin-10px-left {margin-left:10px !important;}
    .sm-margin-15px-left {margin-left:15px !important;}
    .sm-margin-20px-left {margin-left:20px !important;}
    .sm-margin-25px-left {margin-left:25px !important;}
    .sm-margin-30px-left {margin-left:30px !important;}
    .sm-margin-35px-left {margin-left:35px !important;}
    .sm-margin-40px-left {margin-left:40px !important;}
    .sm-margin-45px-left {margin-left:45px !important;}
    .sm-margin-50px-left {margin-left:50px !important;}
    .sm-margin-55px-left {margin-left:55px !important;}
    .sm-margin-60px-left {margin-left:60px !important;}
    .sm-margin-65px-left {margin-left:65px !important;}
    .sm-margin-70px-left {margin-left:70px !important;}
    .sm-margin-75px-left {margin-left:75px !important;}
    .sm-margin-80px-left {margin-left:80px !important;}

    /* margin left right */
    .sm-margin-one-lr {margin-left:1%; margin-right:1%;}
    .sm-margin-one-lr {margin-left:1.5%; margin-right:1.5%;}
    .sm-margin-two-lr {margin-left:2%; margin-right:2%;}
    .sm-margin-two-lr {margin-left:2.5%; margin-right:2.5%;}
    .sm-margin-three-lr {margin-left:3%; margin-right:3%;}
    .sm-margin-three-lr {margin-left:3.5%; margin-right:3.5%;}
    .sm-margin-four-lr {margin-left:4%; margin-right:4%;}
    .sm-margin-four-lr {margin-left:4.5%; margin-right:4.5%;}
    .sm-margin-five-lr {margin-left:5%; margin-right:5%;}
    .sm-margin-five-lr {margin-left:5.5%; margin-right:5.5%;}
    .sm-margin-six-lr {margin-left:6%; margin-right:6%;}
    .sm-margin-six-lr {margin-left:6.5%; margin-right:6.5%;}
    .sm-margin-seven-lr {margin-left:7%; margin-right:7%;}
    .sm-margin-seven-lr {margin-left:7.5%; margin-right:7.5%;}
    .sm-margin-eight-lr {margin-left:8%; margin-right:8%;}
    .sm-margin-eight-lr {margin-left:8.5%; margin-right:8.5%;}
    .sm-margin-nine-lr {margin-left:9%; margin-right:9%;}
    .sm-margin-nine-lr {margin-left:9.5%; margin-right:9.5%;}
    .sm-margin-ten-lr {margin-left:10%; margin-right:10%;}
    .sm-margin-ten-lr {margin-left:10.5%; margin-right:10.5%;}
    .sm-margin-eleven-lr {margin-left:11%; margin-right:11%;}
    .sm-margin-eleven-lr {margin-left:11.5%; margin-right:11.5%;}
    .sm-margin-twelve-lr {margin-left:12%; margin-right:12%;}
    .sm-margin-twelve-lr {margin-left:12.5%; margin-right:12.5%;}
    .sm-margin-thirteen-lr {margin-left:13%; margin-right:13%;}
    .sm-margin-thirteen-half-lr {margin-left:13.5%; margin-right:13.5%;}
    .sm-margin-fourteen-lr {margin-left:14%; margin-right:14%;}
    .sm-margin-fourteen-half-lr {margin-left:14.5%; margin-right:14.5%;}
    .sm-margin-fifteen-lr {margin-left:15%; margin-right:15%;}
    .sm-margin-fifteen-half-lr {margin-left:15.5%; margin-right:15.5%;}
    .sm-margin-sixteen-lr {margin-left:16%; margin-right:16%;}
    .sm-margin-sixteen-half-lr {margin-left:16.5%; margin-right:16.5%;}
    .sm-margin-seventeen-lr {margin-left:17%; margin-right:17%;}
    .sm-margin-seventeen-half-lr {margin-left:17.5%; margin-right:17.5%;}
    .sm-margin-eighteen-lr {margin-left:18%; margin-right:18%;}
    .sm-margin-eighteen-half-lr {margin-left:18.5%; margin-right:18.5%;}
    .sm-margin-nineteen-lr {margin-left:19%; margin-right:19%;}
    .sm-margin-nineteen-half-lr {margin-left:19.5%; margin-right:19.5%;}
    .sm-margin-twenty-lr {margin-left:20%; margin-right:20%;}
    .sm-margin-twenty-half-lr {margin-left:20.5%; margin-right:20.5%;} 
    .sm-margin-twenty-one-lr {margin-left:21%; margin-right:21%;}
    .sm-margin-twenty-one-half-lr {margin-left:21.5%; margin-right:21.5%;}
    .sm-margin-twenty-two-lr {margin-left:22%; margin-right:22%;}
    .sm-margin-twenty-two-half-lr {margin-left:22.5%; margin-right:22.5%;}
    .sm-margin-twenty-three-lr {margin-left:23%; margin-right:23%;}
    .sm-margin-twenty-three-half-lr {margin-left:23.5%; margin-right:23.5%;}
    .sm-margin-twenty-four-lr {margin-left:24%; margin-right:24%;}
    .sm-margin-twenty-four-half-lr {margin-left:24.5%; margin-right:24.5%;}
    .sm-margin-twenty-five-lr {margin-left:25%; margin-right:25%;}
    .sm-margin-thirty-lr {margin-left:30%; margin-right:30%;}
    .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;}

    /* margin top bottom */
    .sm-margin-one-tb {margin-top:1%; margin-bottom:1%;}
    .sm-margin-one-tb {margin-top:1.5%; margin-bottom:1.5%;}
    .sm-margin-two-tb {margin-top:2%; margin-bottom:2%;}
    .sm-margin-two-tb {margin-top:2.5%; margin-bottom:2.5%;}
    .sm-margin-three-tb {margin-top:3%; margin-bottom:3%;}
    .sm-margin-three-tb {margin-top:3.5%; margin-bottom:3.5%;}
    .sm-margin-four-tb {margin-top:4%; margin-bottom:4%;}
    .sm-margin-four-tb {margin-top:4.5%; margin-bottom:4.5%;}
    .sm-margin-five-tb {margin-top:5%; margin-bottom:5%;}
    .sm-margin-five-tb {margin-top:5.5%; margin-bottom:5.5%;}
    .sm-margin-six-tb {margin-top:6%; margin-bottom:6%;}
    .sm-margin-six-tb {margin-top:6.5%; margin-bottom:6.5%;}
    .sm-margin-seven-tb {margin-top:7%; margin-bottom:7%;}
    .sm-margin-seven-tb {margin-top:7.5%; margin-bottom:7.5%;}
    .sm-margin-eight-tb {margin-top:8%; margin-bottom:8%;}
    .sm-margin-eight-tb {margin-top:8.5%; margin-bottom:8.5%;}
    .sm-margin-nine-tb {margin-top:9%; margin-bottom:9%;}
    .sm-margin-nine-tb {margin-top:9.5%; margin-bottom:9.5%;}
    .sm-margin-ten-tb {margin-top:10%; margin-bottom:10%;}
    .sm-margin-ten-tb {margin-top:10.5%; margin-bottom:10.5%;}
    .sm-margin-eleven-tb {margin-top:11%; margin-bottom:11%;}
    .sm-margin-eleven-tb {margin-top:11.5%; margin-bottom:11.5%;}
    .sm-margin-twelve-tb {margin-top:12%; margin-bottom:12%;}
    .sm-margin-twelve-tb {margin-top:12.5%; margin-bottom:12.5%;}
    .sm-margin-thirteen-tb {margin-top:13%; margin-bottom:13%;}
    .sm-margin-thirteen-half-tb {margin-top:13.5%; margin-bottom:13.5%;}
    .sm-margin-fourteen-tb {margin-top:14%; margin-bottom:14%;}
    .sm-margin-fourteen-half-tb {margin-top:14.5%; margin-bottom:14.5%;}
    .sm-margin-fifteen-tb {margin-top:15%; margin-bottom:15%;}
    .sm-margin-fifteen-half-tb {margin-top:15.5%; margin-bottom:15.5%;}
    .sm-margin-sixteen-tb {margin-top:16%; margin-bottom:16%;}
    .sm-margin-sixteen-half-tb {margin-top:16.5%; margin-bottom:16.5%;}
    .sm-margin-seventeen-tb {margin-top:17%; margin-bottom:17%;}
    .sm-margin-seventeen-half-tb {margin-top:17.5%; margin-bottom:17.5%;}
    .sm-margin-eighteen-tb {margin-top:18%; margin-bottom:18%;}
    .sm-margin-eighteen-half-tb {margin-top:18.5%; margin-bottom:18.5%;}
    .sm-margin-nineteen-tb {margin-top:19%; margin-bottom:19%;}
    .sm-margin-nineteen-half-tb {margin-top:19.5%; margin-bottom:19.5%;}
    .sm-margin-twenty-tb {margin-top:20%; margin-bottom:20%;}
    .sm-margin-5px-tb {margin-top:5px !important; margin-bottom:5px !important;}
    .sm-margin-10px-tb {margin-top:10px !important; margin-bottom:10px !important;}
    .sm-margin-15px-tb {margin-top:15px !important; margin-bottom:15px !important;}
    .sm-margin-20px-tb {margin-top:20px !important; margin-bottom:20px !important;}
    .sm-margin-25px-tb {margin-top:25px !important; margin-bottom:25px !important;}
    .sm-margin-30px-tb {margin-top:30px !important; margin-bottom:30px !important;}
    .sm-margin-35px-tb {margin-top:35px !important; margin-bottom:35px !important;}
    .sm-margin-40px-tb {margin-top:40px !important; margin-bottom:40px !important;}
    .sm-margin-45px-tb {margin-top:45px !important; margin-bottom:45px !important;}
    .sm-margin-50px-tb {margin-top:50px !important; margin-bottom:50px !important;}
    .sm-margin-55px-tb {margin-top:55px !important; margin-bottom:55px !important;}
    .sm-margin-60px-tb {margin-top:60px !important; margin-bottom:60px !important;}
    .sm-margin-65px-tb {margin-top:65px !important; margin-bottom:65px !important;}
    .sm-margin-70px-tb {margin-top:70px !important; margin-bottom:70px !important;}
    .sm-margin-75px-tb {margin-top:75px !important; margin-bottom:75px !important;}
    .sm-margin-80px-tb {margin-top:80px !important; margin-bottom:80px !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}
    .sm-padding-one-all {padding:1%;}
    .sm-padding-one-half-all {padding:1.5%;}
    .sm-padding-two-all {padding:2%;}
    .sm-padding-two-half-all {padding:2.5%;}
    .sm-padding-three-all {padding:3%;}
    .sm-padding-three-half-all {padding:3.5%;}
    .sm-padding-four-all {padding:4%;}
    .sm-padding-four-half-all {padding:4.5%;}
    .sm-padding-five-all {padding:5%;}
    .sm-padding-five-half-all {padding:5.5%;}
    .sm-padding-six-all {padding:6%;}
    .sm-padding-six-half-all {padding:6.5%;}
    .sm-padding-seven-all {padding:7%;}
    .sm-padding-seven-half-all {padding:7.5%;}
    .sm-padding-eight-all {padding:8%;}
    .sm-padding-eight-half-all {padding:8.5%;}
    .sm-padding-nine-all {padding:9%;}
    .sm-padding-nine-half-all {padding:9.5%;}
    .sm-padding-ten-all {padding:10%;}
    .sm-padding-ten-half-all {padding:10.5%;}
    .sm-padding-eleven-all {padding:11%;}
    .sm-padding-eleven-half-all {padding:11.5%;}
    .sm-padding-twelve-all {padding:12%;}
    .sm-padding-twelve-half-all {padding:12.5%;}
    .sm-padding-thirteen-all {padding:13%;}
    .sm-padding-thirteen-half-all {padding:13.5%;}
    .sm-padding-fourteen-all {padding:14%;}
    .sm-padding-fourteen-half-all {padding:14.5%;}
    .sm-padding-fifteen-all {padding:15%;}
    .sm-padding-fifteen-half-all {padding:15.5%;}
    .sm-padding-sixteen-all {padding:16%;}
    .sm-padding-sixteen-half-all {padding:16.5%;}
    .sm-padding-seventeen-all {padding:17%;}
    .sm-padding-seventeen-half-all {padding:17.5%;}
    .sm-padding-eighteen-all {padding:18%;}
    .sm-padding-eighteen-half-all {padding:18.5%;}
    .sm-padding-nineteen-all {padding:19%;}
    .sm-padding-nineteen-half-all {padding:19.5%;}
    .sm-padding-twenty-all {padding:20%;}
    .sm-padding-5px-all {padding:5px !important;}
    .sm-padding-10px-all {padding:10px !important;}
    .sm-padding-15px-all {padding:15px !important;}
    .sm-padding-20px-all {padding:20px !important;}
    .sm-padding-25px-all {padding:25px !important;}
    .sm-padding-30px-all {padding:30px !important;}
    .sm-padding-35px-all {padding:35px !important;}
    .sm-padding-40px-all {padding:40px !important;}
    .sm-padding-45px-all {padding:45px !important;}
    .sm-padding-50px-all {padding:50px !important;}
    .sm-padding-55px-all {padding:55px !important;}
    .sm-padding-60px-all {padding:60px !important;}
    .sm-padding-65px-all {padding:65px !important;}
    .sm-padding-70px-all {padding:70px !important;}
    .sm-padding-75px-all {padding:75px !important;}
    .sm-padding-80px-all {padding:80px !important;}
    .sm-padding-85px-all {padding:85px !important;}
    .sm-padding-90px-all {padding:90px !important;}
    .sm-padding-95px-all {padding:95px !important;}
    .sm-padding-100px-all {padding:100px !important;}

    /* padding top */
    .sm-padding-one-top {padding-top:1%;}
    .sm-padding-one-half-top {padding-top:1.5%;}
    .sm-padding-two-top {padding-top:2%;}
    .sm-padding-two-half-top {padding-top:2.5%;}
    .sm-padding-three-top {padding-top:3%;}
    .sm-padding-three-half-top {padding-top:3.5%;}
    .sm-padding-four-top {padding-top:4%;}
    .sm-padding-four-half-top {padding-top:4.5%;}
    .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-seven-top {padding-top:7%;}
    .sm-padding-seven-half-top {padding-top:7.5%;}
    .sm-padding-eight-top {padding-top:8%;}
    .sm-padding-eight-half-top {padding-top:8.5%;}
    .sm-padding-nine-top {padding-top:9%;}
    .sm-padding-nine-half-top {padding-top:9.5%;}
    .sm-padding-ten-top {padding-top:10%;}
    .sm-padding-ten-half-top {padding-top:10.5%;}
    .sm-padding-eleven-top {padding-top:11%;}
    .sm-padding-eleven-half-top {padding-top:11.5%;}
    .sm-padding-twelve-top {padding-top:12%;}
    .sm-padding-twelve-half-top {padding-top:12.5%;}
    .sm-padding-thirteen-top {padding-top:13%;}
    .sm-padding-thirteen-half-top {padding-top:13.5%;}
    .sm-padding-fourteen-top {padding-top:14%;}
    .sm-padding-fourteen-half-top {padding-top:14.5%;}
    .sm-padding-fifteen-top {padding-top:15%;}
    .sm-padding-fifteen-half-top {padding-top:15.5%;}
    .sm-padding-sixteen-top {padding-top:16%;}
    .sm-padding-sixteen-half-top {padding-top:16.5%;}
    .sm-padding-seventeen-top {padding-top:17%;}
    .sm-padding-seventeen-half-top {padding-top:17.5%;}
    .sm-padding-eighteen-top {padding-top:18%;}
    .sm-padding-eighteen-half-top {padding-top:18.5%;}
    .sm-padding-nineteen-top {padding-top:19%;}
    .sm-padding-nineteen-half-top {padding-top:19.5%;}
    .sm-padding-twenty-top {padding-top:20%;}
    .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-one-bottom {padding-bottom:1%;}
    .sm-padding-one-half-bottom {padding-bottom:1.5%;}
    .sm-padding-two-bottom {padding-bottom:2%;}
    .sm-padding-two-half-bottom {padding-bottom:2.5%;}
    .sm-padding-three-bottom {padding-bottom:3%;}
    .sm-padding-three-half-bottom {padding-bottom:3.5%;}
    .sm-padding-four-bottom {padding-bottom:4%;}
    .sm-padding-four-half-bottom {padding-bottom:4.5%;}
    .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-seven-bottom {padding-bottom:7%;}
    .sm-padding-seven-half-bottom {padding-bottom:7.5%;}
    .sm-padding-eight-bottom {padding-bottom:8%;}
    .sm-padding-eight-half-bottom {padding-bottom:8.5%;}
    .sm-padding-nine-bottom {padding-bottom:9%;}
    .sm-padding-nine-half-bottom {padding-bottom:9.5%;}
    .sm-padding-ten-bottom {padding-bottom:10%;}
    .sm-padding-ten-half-bottom {padding-bottom:10.5%;}
    .sm-padding-eleven-bottom {padding-bottom:11%;}
    .sm-padding-eleven-half-bottom {padding-bottom:11.5%;}
    .sm-padding-twelve-bottom {padding-bottom:12%;}
    .sm-padding-twelve-half-bottom {padding-bottom:12.5%;}
    .sm-padding-thirteen-bottom {padding-bottom:13%;}
    .sm-padding-thirteen-half-bottom {padding-bottom:13.5%;}
    .sm-padding-fourteen-bottom {padding-bottom:14%;}
    .sm-padding-fourteen-half-bottom {padding-bottom:14.5%;}
    .sm-padding-fifteen-bottom {padding-bottom:15%;}
    .sm-padding-fifteen-half-bottom {padding-bottom:15.5%;}
    .sm-padding-sixteen-bottom {padding-bottom:16%;}
    .sm-padding-sixteen-half-bottom {padding-bottom:16.5%;}
    .sm-padding-seventeen-bottom {padding-bottom:17%;}
    .sm-padding-seventeen-half-bottom {padding-bottom:17.5%;}
    .sm-padding-eighteen-bottom {padding-bottom:18%;}
    .sm-padding-eighteen-half-bottom {padding-bottom:18.5%;}
    .sm-padding-nineteen-bottom {padding-bottom:19%;}
    .sm-padding-nineteen-half-bottom {padding-bottom:19.5%;}
    .sm-padding-twenty-bottom {padding-bottom:20%;}
    .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-one-right {padding-right:1%;}
    .sm-padding-one-half-right {padding-right:1.5%;}
    .sm-padding-two-right {padding-right:2%;}
    .sm-padding-two-half-right {padding-right:2.5%;}
    .sm-padding-three-right {padding-right:3%;}
    .sm-padding-three-half-right {padding-right:3.5%;}
    .sm-padding-four-right {padding-right:4%;}
    .sm-padding-four-half-right {padding-right:4.5%;}
    .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-seven-right {padding-right:7%;}
    .sm-padding-seven-half-right {padding-right:7.5%;}
    .sm-padding-eight-right {padding-right:8%;}
    .sm-padding-eight-half-right {padding-right:8.5%;}
    .sm-padding-nine-right {padding-right:9%;}
    .sm-padding-nine-half-right {padding-right:9.5%;}
    .sm-padding-ten-right {padding-right:10%;}
    .sm-padding-ten-half-right {padding-right:10.5%;}
    .sm-padding-eleven-right {padding-right:11%;}
    .sm-padding-eleven-half-right {padding-right:11.5%;}
    .sm-padding-twelve-right {padding-right:12%;}
    .sm-padding-twelve-half-right {padding-right:12.5%;}
    .sm-padding-thirteen-right {padding-right:13%;}
    .sm-padding-thirteen-half-right {padding-right:13.5%;}
    .sm-padding-fourteen-right {padding-right:14%;}
    .sm-padding-fourteen-half-right {padding-right:14.5%;}
    .sm-padding-fifteen-right {padding-right:15%;}
    .sm-padding-fifteen-half-right {padding-right:15.5%;}
    .sm-padding-sixteen-right {padding-right:16%;}
    .sm-padding-sixteen-half-right {padding-right:16.5%;}
    .sm-padding-seventeen-right {padding-right:17%;}
    .sm-padding-seventeen-half-right {padding-right:17.5%;}
    .sm-padding-eighteen-right {padding-right:18%;}
    .sm-padding-eighteen-half-right {padding-right:18.5%;}
    .sm-padding-nineteen-right {padding-right:19%;}
    .sm-padding-nineteen-half-right {padding-right:19.5%;}
    .sm-padding-twenty-right {padding-right:20%;}
    .sm-padding-5px-right {padding-right:5px !important;}
    .sm-padding-10px-right {padding-right:10px !important;}
    .sm-padding-15px-right {padding-right:15px !important;}
    .sm-padding-20px-right {padding-right:20px !important;}
    .sm-padding-25px-right {padding-right:25px !important;}
    .sm-padding-30px-right {padding-right:30px !important;}
    .sm-padding-35px-right {padding-right:35px !important;}
    .sm-padding-40px-right {padding-right:40px !important;}
    .sm-padding-45px-right {padding-right:45px !important;}
    .sm-padding-50px-right {padding-right:50px !important;}
    .sm-padding-55px-right {padding-right:55px !important;}
    .sm-padding-60px-right {padding-right:60px !important;}
    .sm-padding-65px-right {padding-right:65px !important;}
    .sm-padding-70px-right {padding-right:70px !important;}
    .sm-padding-75px-right {padding-right:75px !important;}
    .sm-padding-80px-right {padding-right:80px !important;}
    .sm-padding-85px-right {padding-right:85px !important;}
    .sm-padding-90px-right {padding-right:90px !important;}
    .sm-padding-95px-right {padding-right:95px !important;}
    .sm-padding-100px-right {padding-right:100px !important;}

    /* padding left */
    .sm-padding-one-left {padding-left:1%;}
    .sm-padding-one-half-left {padding-left:1.5%;}
    .sm-padding-two-left {padding-left:2%;}
    .sm-padding-two-half-left {padding-left:2.5%;}
    .sm-padding-three-left {padding-left:3%;}
    .sm-padding-three-half-left {padding-left:3.5%;}
    .sm-padding-four-left {padding-left:4%;}
    .sm-padding-four-half-left {padding-left:4.5%;}
    .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-seven-left {padding-left:7%;}
    .sm-padding-seven-half-left {padding-left:7.5%;}
    .sm-padding-eight-left {padding-left:8%;}
    .sm-padding-eight-half-left {padding-left:8.5%;}
    .sm-padding-nine-left {padding-left:9%;}
    .sm-padding-nine-half-left {padding-left:9.5%;}
    .sm-padding-ten-left {padding-left:10%;}
    .sm-padding-ten-half-left {padding-left:10.5%;}
    .sm-padding-eleven-left {padding-left:11%;}
    .sm-padding-eleven-half-left {padding-left:11.5%;}
    .sm-padding-twelve-left {padding-left:12%;}
    .sm-padding-twelve-half-left {padding-left:12.5%;}
    .sm-padding-thirteen-left {padding-left:13%;}
    .sm-padding-thirteen-half-left {padding-left:13.5%;}
    .sm-padding-fourteen-left {padding-left:14%;}
    .sm-padding-fourteen-half-left {padding-left:14.5%;}
    .sm-padding-fifteen-left {padding-left:15%;}
    .sm-padding-fifteen-half-left {padding-left:15.5%;}
    .sm-padding-sixteen-left {padding-left:16%;}
    .sm-padding-sixteen-half-left {padding-left:16.5%;}
    .sm-padding-seventeen-left {padding-left:17%;}
    .sm-padding-seventeen-half-left {padding-left:17.5%;}
    .sm-padding-eighteen-left {padding-left:18%;}
    .sm-padding-eighteen-half-left {padding-left:18.5%;}
    .sm-padding-nineteen-left {padding-left:19%;}
    .sm-padding-nineteen-half-left {padding-left:19.5%;}
    .sm-padding-twenty-left {padding-left:20%;}
    .sm-padding-5px-left {padding-left:5px !important;}
    .sm-padding-10px-left {padding-left:10px !important;}
    .sm-padding-15px-left {padding-left:15px !important;}
    .sm-padding-20px-left {padding-left:20px !important;}
    .sm-padding-25px-left {padding-left:25px !important;}
    .sm-padding-30px-left {padding-left:30px !important;}
    .sm-padding-35px-left {padding-left:35px !important;}
    .sm-padding-40px-left {padding-left:40px !important;}
    .sm-padding-45px-left {padding-left:45px !important;}
    .sm-padding-50px-left {padding-left:50px !important;}
    .sm-padding-55px-left {padding-left:55px !important;}
    .sm-padding-60px-left {padding-left:60px !important;}
    .sm-padding-65px-left {padding-left:65px !important;}
    .sm-padding-70px-left {padding-left:70px !important;}
    .sm-padding-75px-left {padding-left:75px !important;}
    .sm-padding-80px-left {padding-left:80px !important;}
    .sm-padding-85px-left {padding-left:85px !important;}
    .sm-padding-90px-left {padding-left:90px !important;}
    .sm-padding-95px-left {padding-left:95px !important;}
    .sm-padding-100px-left {padding-left:100px !important;}

    /* padding top bottom */
    .sm-padding-one-tb {padding-top:1%; padding-bottom:1%;}
    .sm-padding-one-half-tb {padding-top:1.5%; padding-bottom:1.5%;}
    .sm-padding-two-tb {padding-top:2%; padding-bottom:2%;}
    .sm-padding-two-half-tb {padding-top:2.5%; padding-bottom:2.5%;}
    .sm-padding-three-tb {padding-top:3%; padding-bottom:3%;}
    .sm-padding-three-half-tb {padding-top:3.5%; padding-bottom:3.5%;}
    .sm-padding-four-tb {padding-top:4%; padding-bottom:4%;}
    .sm-padding-four-half-tb {padding-top:4.5%; padding-bottom:4.5%;}
    .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-seven-tb {padding-top:7%; padding-bottom:7%;}
    .sm-padding-seven-half-tb {padding-top:7.5%; padding-bottom:7.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-nine-tb {padding-top:9%; padding-bottom:9%;}
    .sm-padding-nine-half-tb {padding-top:9.5%; padding-bottom:9.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-eleven-tb {padding-top:11%; padding-bottom:11%;}
    .sm-padding-eleven-half-tb {padding-top:11.5%; padding-bottom:11.5%;}
    .sm-padding-twelve-tb {padding-top:12%; padding-bottom:12%;}
    .sm-padding-twelve-half-tb {padding-top:12.5%; padding-bottom:12.5%;}
    .sm-padding-thirteen-tb {padding-top:13%; padding-bottom:13%;}
    .sm-padding-thirteen-half-tb {padding-top:13.5%; padding-bottom:13.5%;}
    .sm-padding-fourteen-tb {padding-top:14%; padding-bottom:14%;}
    .sm-padding-fourteen-half-tb {padding-top:14.5%; padding-bottom:14.5%;}
    .sm-padding-fifteen-tb {padding-top:15%; padding-bottom:15%;}
    .sm-padding-fifteen-half-tb {padding-top:15.5%; padding-bottom:15.5%;}
    .sm-padding-sixteen-tb {padding-top:16%; padding-bottom:16%;}
    .sm-padding-sixteen-half-tb {padding-top:16.5%; padding-bottom:16.5%;}
    .sm-padding-seventeen-tb {padding-top:17%; padding-bottom:17%;}
    .sm-padding-seventeen-half-tb {padding-top:17.5%; padding-bottom:17.5%;}
    .sm-padding-eighteen-tb {padding-top:18%; padding-bottom:18%;}
    .sm-padding-eighteen-half-tb {padding-top:18.5%; padding-bottom:18.5%;}
    .sm-padding-nineteen-tb {padding-top:19%; padding-bottom:19%;}
    .sm-padding-nineteen-half-tb {padding-top:19.5%; padding-bottom:19.5%;}
    .sm-padding-twenty-tb {padding-top:20%; padding-bottom:20%;}
    .sm-padding-thirty-tb {padding-top:30%; padding-bottom:30%;}
    .sm-padding-5px-tb {padding-top:5px !important; padding-bottom:5px !important;}
    .sm-padding-10px-tb {padding-top:10px !important; padding-bottom:10px !important;}
    .sm-padding-15px-tb {padding-top:15px !important; padding-bottom:15px !important;}
    .sm-padding-20px-tb {padding-top:20px !important; padding-bottom:20px !important;}
    .sm-padding-25px-tb {padding-top:25px !important; padding-bottom:25px !important;}
    .sm-padding-30px-tb {padding-top:30px !important; padding-bottom:30px !important;}
    .sm-padding-35px-tb {padding-top:35px !important; padding-bottom:35px !important;}
    .sm-padding-40px-tb {padding-top:40px !important; padding-bottom:40px !important;}
    .sm-padding-45px-tb {padding-top:45px !important; padding-bottom:45px !important;}
    .sm-padding-50px-tb {padding-top:50px !important; padding-bottom:50px !important;}
    .sm-padding-55px-tb {padding-top:55px !important; padding-bottom:55px !important;}
    .sm-padding-60px-tb {padding-top:60px !important; padding-bottom:60px !important;}
    .sm-padding-65px-tb {padding-top:65px !important; padding-bottom:65px !important;}
    .sm-padding-70px-tb {padding-top:70px !important; padding-bottom:70px !important;}
    .sm-padding-75px-tb {padding-top:75px !important; padding-bottom:75px !important;}
    .sm-padding-80px-tb {padding-top:80px !important; padding-bottom:80px !important;}
    .sm-padding-85px-tb {padding-top:85px !important; padding-bottom:85px !important;}
    .sm-padding-90px-tb {padding-top:90px !important; padding-bottom:90px !important;}
    .sm-padding-95px-tb {padding-top:95px !important; padding-bottom:95px !important;}
    .sm-padding-100px-tb {padding-top:100px !important; padding-bottom:100px !important;}

    /* padding left right */
    .sm-padding-one-lr {padding-left:1%; padding-right:1%;}
    .sm-padding-one-half-lr {padding-left:1.5%; padding-right:1.5%;}
    .sm-padding-two-lr {padding-left:2%; padding-right:2%;}
    .sm-padding-two-half-lr {padding-left:2.5%; padding-right:2.5%;}
    .sm-padding-three-lr {padding-left:3%; padding-right:3%;}
    .sm-padding-three-half-lr {padding-left:3.5%; padding-right:3.5%;}
    .sm-padding-four-lr {padding-left:4%; padding-right:4%;}
    .sm-padding-four-half-lr {padding-left:4.5%; padding-right:4.5%;}
    .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-seven-lr {padding-left:7%; padding-right:7%;}
    .sm-padding-seven-half-lr {padding-left:7.5%; padding-right:7.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-nine-lr {padding-left:9%; padding-right:9%;}
    .sm-padding-nine-half-lr {padding-left:9.5%; padding-right:9.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-eleven-lr {padding-left:11%; padding-right:11%;}
    .sm-padding-eleven-half-lr {padding-left:11.5%; padding-right:11.5%;}
    .sm-padding-twelve-lr {padding-left:12%; padding-right:12%;}
    .sm-padding-twelve-half-lr {padding-left:12.5%; padding-right:12.5%;}
    .sm-padding-thirteen-lr {padding-left:13%; padding-right:13%;}
    .sm-padding-thirteen-half-lr {padding-left:13.5%; padding-right:13.5%;}
    .sm-padding-fourteen-lr {padding-left:14%; padding-right:14%;}
    .sm-padding-fourteen-half-lr {padding-left:14.5%; padding-right:14.5%;}
    .sm-padding-fifteen-lr {padding-left:15%; padding-right:15%;}
    .sm-padding-fifteen-half-lr {padding-left:15.5%; padding-right:15.5%;}
    .sm-padding-sixteen-lr {padding-left:16%; padding-right:16%;}
    .sm-padding-sixteen-half-lr {padding-left:16.5%; padding-right:16.5%;}
    .sm-padding-seventeen-lr {padding-left:17%; padding-right:17%;}
    .sm-padding-seventeen-half-lr {padding-left:17.5%; padding-right:17.5%;}
    .sm-padding-eighteen-lr {padding-left:18%; padding-right:18%;}
    .sm-padding-eighteen-half-lr {padding-left:18.5%; padding-right:18.5%;}
    .sm-padding-nineteen-lr {padding-left:19%; padding-right:19%;}
    .sm-padding-nineteen-half-lr {padding-left:19.5%; padding-right:19.5%;}
    .sm-padding-twenty-lr {padding-left:20%; padding-right:20%;}
    .sm-padding-twenty-half-lr {padding-left:20.5%; padding-right:20.5%;}
    .sm-padding-twenty-one-lr {padding-left:21%; padding-right:21%;}
    .sm-padding-twenty-one-half-lr {padding-left:21.5%; padding-right:21.5%;}
    .sm-padding-twenty-two-lr {padding-left:22%; padding-right:22%;}
    .sm-padding-twenty-two-half-lr {padding-left:22.5%; padding-right:22.5%;}
    .sm-padding-twenty-three-lr {padding-left:23%; padding-right:23%;}
    .sm-padding-twenty-three-half-lr {padding-left:23.5%; padding-right:23.5%;}
    .sm-padding-twenty-four-lr {padding-left:24%; padding-right:24%;}
    .sm-padding-twenty-four-half-lr {padding-left:24.5%; padding-right:24.5%;}
    .sm-padding-twenty-five-lr {padding-left:25%; padding-right:25%;}
    .sm-padding-thirty-lr {padding-left:30%; padding-right:30%;}
    .sm-padding-5px-lr {padding-right:5px !important; padding-left:5px !important;}
    .sm-padding-10px-lr {padding-right:10px !important; padding-left:10px !important;}
    .sm-padding-15px-lr {padding-right:15px !important; padding-left:15px !important;}
    .sm-padding-20px-lr {padding-right:20px !important; padding-left:20px !important;}
    .sm-padding-25px-lr {padding-right:25px !important; padding-left:25px !important;}
    .sm-padding-30px-lr {padding-right:30px !important; padding-left:30px !important;}
    .sm-padding-35px-lr {padding-right:35px !important; padding-left:35px !important;}
    .sm-padding-40px-lr {padding-right:40px !important; padding-left:40px !important;}
    .sm-padding-45px-lr {padding-right:45px !important; padding-left:45px !important;}
    .sm-padding-50px-lr {padding-right:50px !important; padding-left:50px !important;}
    .sm-padding-55px-lr {padding-right:55px !important; padding-left:55px !important;}
    .sm-padding-60px-lr {padding-right:60px !important; padding-left:60px !important;}
    .sm-padding-65px-lr {padding-right:65px !important; padding-left:65px !important;}
    .sm-padding-70px-lr {padding-right:70px !important; padding-left:70px !important;}
    .sm-padding-75px-lr {padding-right:75px !important; padding-left:75px !important;}
    .sm-padding-80px-lr {padding-right:80px !important; padding-left: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;}

    /* background position */
    .sm-bg-position-left-top, .vc_row-has-fill.sm-bg-position-left-top {background-position: left top !important}
    .sm-bg-position-left-center, .vc_row-has-fill.sm-bg-position-left-center {background-position: left center !important}
    .sm-bg-position-left-bottom, .vc_row-has-fill.sm-bg-position-left-bottom {background-position: left bottom !important}
    .sm-bg-position-center-top, .vc_row-has-fill.sm-bg-position-center-top {background-position: center top !important}
    .sm-bg-position-center-center, .vc_row-has-fill.sm-bg-position-center-center {background-position: center center !important}
    .sm-bg-position-center-bottom, .vc_row-has-fill.sm-bg-position-center-bottom {background-position: center bottom !important}
    .sm-bg-position-right-top, .vc_row-has-fill.sm-bg-position-right-top {background-position: right top !important}
    .sm-bg-position-right-center, .vc_row-has-fill.sm-bg-position-right-center {background-position: right center !important}
    .sm-bg-position-right-bottom, .vc_row-has-fill.sm-bg-position-right-bottom {background-position: right bottom !important}

    /* top */
    .sm-top-auto {top:auto}
    .sm-top-0 {top:0 !important}
    .sm-top-inherit {top: inherit !important;}
    .sm-top-1 {top:1px}
    .sm-top-2 {top:2px}
    .sm-top-3 {top:3px}
    .sm-top-4 {top:4px}
    .sm-top-5 {top:5px}
    .sm-top-6 {top:6px}
    .sm-top-7 {top:7px}
    .sm-top-8 {top:8px}
    .sm-top-9 {top:9px}
    .sm-top-10 {top:10px}
    .sm-top-12 {top:12px}
    .sm-top-15 {top:15px}
    .sm-top-17 {top:17px}
    .sm-top-20 {top:20px}
    .sm-top-25 {top:25px}
    .sm-top-30 {top:30px}
    .sm-top-35 {top:35px}
    .sm-top-40 {top:40px}
    .sm-top-45 {top:45px}
    .sm-top-50 {top:50px}

    .sm-top-minus1 {top:-1px}
    .sm-top-minus2 {top:-2px}
    .sm-top-minus3 {top:-3px}
    .sm-top-minus4 {top:-4px}
    .sm-top-minus5 {top:-5px}
    .sm-top-minus6 {top:-6px}
    .sm-top-minus7 {top:-7px}
    .sm-top-minus8 {top:-8px}
    .sm-top-minus9 {top:-9px}
    .sm-top-minus10 {top:-10px}
    .sm-top-minus30 {top:-30px}

    /* bottom */
    .sm-bottom-auto {bottom:auto}
    .sm-bottom-0 {bottom:0}
    .sm-bottom-1 {bottom:1px}
    .sm-bottom-2 {bottom:2px}
    .sm-bottom-3 {bottom:3px}
    .sm-bottom-4 {bottom:4px}
    .sm-bottom-5 {bottom:5px}
    .sm-bottom-6 {bottom:6px}
    .sm-bottom-7 {bottom:7px}
    .sm-bottom-8 {bottom:8px}
    .sm-bottom-9 {bottom:9px}
    .sm-bottom-10 {bottom:10px}
    .sm-bottom-20 {bottom:20px}
    .sm-bottom-25 {bottom:25px}
    .sm-bottom-30 {bottom:30px}

    /* left */
    .sm-left-auto {left:auto}
    .sm-left-0 {left:0}
    .sm-left-1 {left:1px}
    .sm-left-2 {left:2px}
    .sm-left-3 {left:3px}
    .sm-left-4 {left:4px}
    .sm-left-5 {left:5px}
    .sm-left-6 {left:6px}
    .sm-left-7 {left:7px}
    .sm-left-8 {left:8px}
    .sm-left-9 {left:9px}
    .sm-left-10 {left:10px}

    /* right */
    .sm-right-auto {right:auto}
    .sm-right-0 {right:0}
    .sm-right-1 {right:1px}
    .sm-right-2 {right:2px}
    .sm-right-3 {right:3px}
    .sm-right-4 {right:4px}
    .sm-right-5 {right:5px}
    .sm-right-6 {right:6px}
    .sm-right-7 {right:7px}
    .sm-right-8 {right:8px}
    .sm-right-9 {right:9px}
    .sm-right-10 {right:10px}

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

    .sm-width-50px {width:50px;}
    .sm-width-70px {width:70px;}
    .sm-width-75px {width:75px;}
    .sm-width-80px {width:80px;}
    .sm-width-85px {width:85px;}
    .sm-width-90px {width:90px;}
    .sm-width-95px {width:95px;}
    .sm-width-100px {width:100px;}
    .sm-width-120px {width:120px;}
    .sm-width-130px {width:130px;}
    .sm-width-150px {width:150px;}
    .sm-width-180px {width:180px;}
    .sm-width-200px {width:200px;}
    .sm-width-250px {width:250px;}
    .sm-width-300px {width:300px;}
    .sm-width-350px {width:350px;}
    .sm-width-400px {width:400px;}
    .sm-width-450px {width:450px;}
    .sm-width-500px {width:500px;}
    .sm-width-550px {width:550px;}
    .sm-width-600px {width:600px;}
    .sm-width-650px {width:650px;}
    .sm-width-700px {width:700px;}
    .sm-width-750px {width:750px;}
    .sm-width-800px {width:800px;}
    .sm-width-850px {width:850px;}
    .sm-width-900px {width:900px;}
    .sm-width-950px {width:950px;}
    .sm-width-1000px {width:1000px;}

    /* height */
    .sm-height-50 {height: 50% !important}
    .sm-height-100 {height: 100% !important}
    .sm-height-auto {height:auto !important}
    .sm-height-50px {height: 50px !important}
    .sm-height-60px {height: 60px !important}
    .sm-height-70px {height: 70px !important}
    .sm-height-80px {height: 80px !important}
    .sm-height-90px {height: 90px !important}
    .sm-height-100px {height: 100px !important}
    .sm-height-150px {height: 150px !important}
    .sm-height-200px {height: 200px !important}
    .sm-height-250px {height: 250px !important}
    .sm-height-300px {height: 300px !important}
    .sm-height-350px {height: 350px !important}
    .sm-height-400px {height: 400px !important}
    .sm-height-450px {height: 450px !important}
    .sm-height-500px {height: 500px !important}
    .sm-height-550px {height: 550px !important}
    .sm-height-600px {height: 600px !important}
    .sm-height-650px {height: 650px !important}
    .sm-height-700px {height: 700px !important}
    .sm-height-750px {height: 750px !important}
    .sm-height-800px {height: 800px !important}
    .sm-height-850px {height: 850px !important}
    .sm-height-900px {height: 900px !important}

    /* display */
    .sm-display-block {display:block !important}
    .sm-overflow-hidden {overflow:hidden !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}
    .sm-display-flex-inherit {-ms-box-orient: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; -webkit-flex-flow: inherit; flex-flow: inherit;}

    /* min height */
    .sm-min-height-0 {min-height: 0}

    /* clear */
    .sm-clear-none {clear: none}
    .sm-clear-both {clear: both}

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

    /* line height */
    .sm-line-height-10 {line-height:10px;}
    .sm-line-height-18 {line-height:18px;}
    .sm-line-height-20 {line-height:20px}
    .sm-line-height-24 {line-height:24px}
    .sm-line-height-22 {line-height:22px}
    .sm-line-height-26 {line-height:26px}
    .sm-line-height-28 {line-height:28px}
    .sm-line-height-30 {line-height:30px}
    .sm-line-height-35 {line-height:35px}
    .sm-line-height-40 {line-height:40px}
    .sm-line-height-45 {line-height:45px}
    .sm-line-height-50 {line-height:50px}
    .sm-line-height-55 {line-height:55px}
    .sm-line-height-60 {line-height:60px}
    .sm-line-height-65 {line-height:65px}
    .sm-line-height-70 {line-height:70px}
    .sm-line-height-75 {line-height:75px}
    .sm-line-height-80 {line-height:80px}
    .sm-line-height-85 {line-height:85px}
    .sm-line-height-90 {line-height:90px}
    .sm-line-height-95 {line-height:95px}
    .sm-line-height-100 {line-height:100px}

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

    .portfolio-filter-tab-1.nav > 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%;}

    /* equalize auto */
    .sm-equalize-auto > [class*='col-'] {height: auto !important;}

    /* feature box 4 */
    .feature-box-4 figure figcaption {width: 100%; display: table-cell; margin: 0 ; padding: 15px ; top: 0; height: 100%;}
    .grid-item.feature-box-4 figure figcaption .btn {opacity: 1;}
    .feature-box-4 figure:hover figcaption {transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px);}

    /* homepage  */
    .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 );}
    .sm-swap-block {display: flex !important; flex-flow: column;}
    .sm-swap-block > div:first-child {order: 2;}
    .sm-swap-block .arrow-bottom::after{top: -29px; border: solid transparent; border-bottom-color: #f5f5f5; border-width: 15px; margin-left: -15px;}

    /* blog post style 3 */
    .sm-no-background-img, .vc_row-has-fill.sm-no-background-img {background-image: none !important}
    .blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon i {font-size: 36px;}

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

    /* home - creative small business */
    .gridblock-main {padding: 60px 30px}

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

    /* home - classic innovation agency */
    .right-image {position: relative; width: 100%; bottom:0; padding: 0 15px 0; right: 0; clear: both;}
    .box-separator-line {left: -45px; top: 66px;}
    .content-right-slider .swiper-button-next, .content-right-slider .swiper-button-prev, .swiper-container-rtl .swiper-button-next.slider-long-arrow-white, .swiper-container-rtl .swiper-button-prev.slider-long-arrow-white {background-size: 25px auto; width: 30px;}

    /* full width menu nav */
    .full-width-pull-menu .link-style-2 ul.hamburger-menu-style1 > li > a {font-size: 36px; line-height: 70px}
    .full-width-pull-menu .dropdown .dropdown-toggle {top: 35px}

    /* feature box 10 */
    .feature-box-10 .number-center::before {width: 100%;}
    .feature-box-10 .number-center::after {width: 100%}

    /* feature box 4 */
    .grid-item.feature-box-4 figure:hover figcaption {transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px);}

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

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

    /* feature box 11 */
    .vc_column_container:nth-child(2) .feature-box-11 .progress-line:after {visibility: hidden;}
    .no-progress-line .progress-line:after {visibility: hidden;}

    /* feature box style 12 */
    .feature-box-12 .hover-content-box {top: 0;}

    /* skillbar bar style 1 */
    .skillbar-bar-style1 .skillbar {width: 86%}

    /* feature box style 14 */
    .feature-box-14:nth-child(even) {border-right: 0}
    .feature-box-14 {border-bottom-width: 1px}
    .featurebox14-sm-border-none .featurebox14 {border: 0;}

    /* home - creative business */
    .icon-box .icon-box-holder {height: 90px;}
    .icon-box .icon-box-holder i { padding-top: 5px;}

    /* swiper pagination */
    .swiper-vertical-pagination > .swiper-pagination-bullets {right: 30px;}
    .right-image img {max-width: 100%;}
    .banner-style2 figcaption {width: 80%;}

    /* text middle line */
    .sm-text-middle-line::before {display: none}

    /* banner style 01 */
    .banner-style1 figure:hover figcaption p {height: 100px;}
    .counter-box-5 .counter-box .number {font-size: 50px !important; line-height: 50px;}
    .left-sidebar, .right-sidebar {padding:15px;}

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

    /* home - creative small business */
    .gridblock-list li {margin-bottom: 6%;}

    /* 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}
    .banner-style2 figcaption {width: 50%;}
    .list-style-6 li {padding: 0 0 8px 0;}

    /* next previous button style 2 */
    .swiper-next-style2 {right: 15px;}
    .swiper-prev-style2 {left: 15px;}
    .swiper-auto-width .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 */
    .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}

    /* vc modify */
    .compose-mode .vc_vc_row section.vc_row {padding: 80px 0;}
    .compose-mode .vc_vc_row section.vc_row.big-section {padding:120px 0;}
    .compose-mode .vc_vc_row section.vc_row.half-section {padding:40px 0;}

    /* blog details */
    .pofo-single-post-meta-style {padding-left: 0; padding-right: 0;}

    /* highlight box */
    .highlight.pricing-box {transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);}
    .blog-header-style1 li.blog-column-active {width: 100%;}
    .blog-header-style1 li {width: 100%;}

    /* default menu */
    .navbar-nav > li.page_item ul.children, .navbar-nav > li.page_item > ul li > ul.children {display: block; min-width: 100%; padding: 0 0 15px; position: inherit;}
    .navbar-nav > li.page_item > ul li > ul.children > li:last-child, .navbar-nav > li.page_item ul.children > li:last-child {border-bottom: 0;}
    .navbar-nav > li.page_item > ul li > ul.children {left: 0; top: 0;}
    .navbar-nav > li.page_item ul.children > li {padding-left: 15px;}
    nav.mobile-menu ul.nav > li > a, nav.mobile-menu ul.nav > li i.dropdown-toggle {color: #ffffff !important}
    nav.mobile-menu ul > li > ul > li > a, nav.mobile-menu ul > li.simple-dropdown > ul > li > ul > li > a {color: rgba(255, 255, 255, 0.6) !important}
    nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul li a.dropdown-header, nav.navbar.bootsnav.mobile-menu ul.nav li.dropdown.simple-dropdown > ul > li > a  {color: #ffffff !important}
    header nav.navbar.bootsnav.mobile-menu ul.nav > li.current-menu-ancestor > a, nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li.current-menu-item > a {color: rgba(255, 255, 255, 0.6) !important}
    nav.navbar.bootsnav.mobile-menu li.dropdown .mega-menu-full > ul li.current-menu-item > a, nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul li.current-menu-ancestor a.dropdown-header, nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul li.current-menu-ancestor a.dropdown-header, nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul li.active a.dropdown-header, header nav.navbar.mobile-menu .navbar-nav > li > a.active, nav.navbar.bootsnav.mobile-menu ul.nav > li > a.active {color: #fff !important}
    nav.navbar.bootsnav.mobile-menu ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li.current-menu-ancestor > a, nav.navbar.bootsnav.mobile-menu ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li.current-menu-item > a, nav.navbar.bootsnav.mobile-menu ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li.active > a {color: #fff !important;}
    nav.mobile-menu.navbar.bootsnav .navbar-nav li, nav.mobile-menu.navbar.bootsnav.menu-logo-center .navbar-nav.navbar-left > li:last-child {border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important}    
    nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul, nav.mobile-menu.navbar.bootsnav ul.nav .simple-dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {border-top: 1px solid rgba(255, 255, 255, 0.06) !important}
    nav.mobile-menu.navbar.bootsnav .navbar-nav {background-color: rgba(23, 23, 23, 0.95) !important;}
    nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full, nav.navbar.bootsnav.mobile-menu ul.nav li.dropdown.simple-dropdown > .dropdown-menu {background: #232323 !important;}
    nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child {border: 0 none !important;}
    nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child, nav.mobile-menu.navbar.bootsnav .navbar-nav li:last-child {border-bottom: 0 none !important;}
    nav.mobile-menu.navbar.bootsnav .navbar-nav li ul > li.menu-item-has-children {border-bottom: 0 none !important;}
    .sidebar-nav .navbar-form .input-group {width: 100%;}
    .feature-box.feature-box-17 .box .content {top: 30px;}
    .swiper-pagination-square-bottom.swiper-pagination-2 {bottom: -20px}
    .popup-youtube-img.popup-youtube .icon-image {width: auto;}
    .popup-youtube .icon-image {width: 100px;} 
    .blog-post-style4 figure figcaption {padding: 25px;}
    .search-form .search-input {font-size: 24px; padding-top: 15px; padding-bottom: 15px;}
    .demo-logo img {width: auto;}
    .demo-portfolio-grid.portfolio-grid.gutter-extra-large li {padding: 20px;}
    .counter-box-4 .timer:after {right: -6%}
    .team-style-2 {padding-bottom: 30px;}
    .sm-no-after:after {display: none}
    .sm-no-before:before {display: none}
    .sm-timer-after .timer:after {display: none}
    nav.navbar.bootsnav .pofo-normal-menu li ul, nav.navbar.bootsnav .pofo-normal-menu li .sub-menu li ul, .navbar-nav.pofo-normal-menu > li.page_item ul.children, .navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children {display: block}
    .pofo-normal-menu .sub-menu, nav.navbar.bootsnav .pofo-normal-menu li .sub-menu li ul, .navbar-nav.pofo-normal-menu > li.page_item ul.children, .navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children { position: inherit; left: 0; background: rgba(35,35,35,1); width: 100%; padding: 0; box-shadow: none; margin: 0; top: 0;}
    nav.navbar.bootsnav .pofo-normal-menu li > ul > li, .navbar-nav.pofo-normal-menu > li.page_item ul.children li {padding-left: 0; padding-right: 0;}
    nav.navbar.bootsnav .pofo-normal-menu .sub-menu li a, .navbar-nav.pofo-normal-menu > li.page_item ul.children li a {padding: 9px 15px 8px;}
    nav.navbar.bootsnav .pofo-normal-menu li .sub-menu li ul, .navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children {border-top: 1px solid rgba(255, 255, 255, 0.06)}
    nav.navbar.bootsnav .pofo-normal-menu li .sub-menu li ul li a, .navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children li a{font-weight: 400; padding: 9px 25px 8px}
    .pofo-normal-menu .sub-menu li.menu-item-has-children > a:before {display: none}
    .elements-list > li {width: 50%; margin-bottom: 50px;}
    .elements-list > li:nth-child(3n+0) {clear: both}

    /* woocommerce style */
    .woocommerce-MyAccount-navigation {margin: 0 0 30px 0;}
    .woocommerce-MyAccount-content {padding-left: 0; width: 100%;}
    .woocommerce-MyAccount-navigation {width: 100%;}
    .both-content-center .woocommerce-MyAccount-content {padding-left: 0;}
    .pofo-my-account-full .woocommerce-MyAccount-navigation {width: 32%; float: left}
    .pofo-my-account-full .woocommerce-MyAccount-content {width: 68%; float: right; padding-left: 30px;}
    .woocommerce ul.products li.product.pofo-product-3col, .woocommerce-page ul.products li.product.pofo-product-3col {width: 47%;}
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {margin: 0 0 40px 0;}
    .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n), .woocommerce-page[class*=columns-] ul.products li.product:nth-child(2n), .woocommerce[class*=columns-] ul.products li.product:nth-child(2n) {float: right; clear: none!important;}
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {float: left; clear: both;}
    .woocommerce div.product .woocommerce-tabs .panel {padding: 30px;}
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {float: right; width: 48%;}
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {float: left; width: 48%;}
    .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {margin-top: 30px;}
    .woocommerce .up-sells {padding-bottom: 0;}
    .woocommerce div.product form.cart .group_table td .stock {margin: 5px 0 0 0; display: table-caption; clear: both; white-space: nowrap;}
    .woocommerce div.product form.cart .group_table td {padding: 10px;}
    .woocommerce div.product form.cart .group_table td.label label a {font-size: 13px;}
    .woocommerce div.product form.cart .group_table .button {padding-left: 10px; padding-right: 10px; font-size: 10px;}
    .woocommerce-thankyou-order-received {font-size: 16px; padding: 15px;}
    .woocommerce-MyAccount-navigation ul li {padding-bottom: 10px; margin-bottom: 8px;}
    .woocommerce-MyAccount-content table.shop_table.account-orders-table {margin-bottom: 0;}
    .woocommerce-Addresses.addresses > .woocommerce-Address:last-child {margin-bottom: 0;}
    .woocommerce-Addresses.addresses > .woocommerce-Address:last-child address {margin-bottom: 0;}
    .pofo-my-account-full .woocommerce-form-login, .pofo-my-account-full .register {min-height: 1px;}
    
    /*tab style 5*/
    .tab-style5 .tab-box { width: 270px; }
    .tab-style5 .nav-tabs li a { font-size: 19px; line-height: 40px; }
    .tab-style5 .nav-tabs li.active a { padding-left: 25px; }

    /* Counter style 04 */
    .vc_column_container.vc_col-sm-6:nth-child(2) .counter-box-4 .timer:after, .vc_column_container.vc_col-sm-4:nth-child(3) .counter-box-4 .timer:after { display: none; }
    
    /* play icon */
    .popup-icon-round { margin-right: 0;}

}

@media (max-width: 850px) {
    .banner-title {top: 48%}
}

@media (max-width: 768px) {
    .woocommerce table.cart td.actions, .woocommerce-page table.cart td.actions {display: inline-block; width: 100%;}
    .woocommerce table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {float: left; padding-bottom: 0;}
    .woocommerce table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {float: right; width: auto;}
    .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .input-text+.button {float: left}
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {background-color: transparent;}
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {font-weight: 500; color: #232323;}
    .woocommerce-cart .wc-proceed-to-checkout {padding: 15px 0 0;}
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {width: 49%;}
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {margin-bottom: 40px;}
    .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {float: right; margin-bottom: 0; width: auto;}
    .woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {margin-bottom: 30px;}
    .woocommerce-column--shipping-address {margin-bottom: 0 !important}
    .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 {margin-bottom: 40px;}
    .woocommerce-page.woocommerce-checkout form.login .form-row, .woocommerce.woocommerce-checkout form.login .form-row {clear: both;}
    .woocommerce-page form.login p.form-row {margin-right: 0;}
    .cookie-container .btn {margin-left: 0;}
    .cookie-container .pofo-cookie-policy-text {margin-bottom: 15px;}
    .woocommerce table.cart.woocommerce-cart-form__contents td.actions { width: auto; display: table-cell; padding-left: 0; padding-right: 0; }
}

@media (max-width: 767px) {

    /* general */
    body {font-size: 12px; line-height: 20px}
    .admin-bar header.sticky nav {margin-top: 0}

    .wp-block-embed-youtube iframe { height: 70vh; }
    .mfp-wrap .html5-video-1 { width: 100%; }

    /* heading */
    h1, h2, h3, h4, h5, h6 {margin:0 0 17px; padding:0; letter-spacing: 0; font-weight: 400;}
    h1 {font-size:37px; line-height: 42px;}
    h2 {font-size:30px; line-height:36px}
    h3 {font-size:28px; line-height:34px}
    h4 {font-size:24px; line-height:30px}
    h5 {font-size:20px; line-height:28px}
    h6 {font-size:18px; line-height:23px}
    .title-medium {font-size: 32px;line-height: 36px;}
    .text-extra-medium {font-size: 18px; line-height:24px}

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

    /* text alignment */
    .xs-text-center {text-align: center !important;}
    .xs-text-left {text-align: left !important;}
    .xs-text-right {text-align: right !important;}

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

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

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

    /* contact form message */
    span.wpcf7-list-item input[type=checkbox] { margin-top: 3px}
    span.wpcf7-list-item input[type=radio] { margin-top: 3px}

    /* margin */
    .xs-margin-one-all {margin:1%;}
    .xs-margin-one-half-all {margin:1.5%;}
    .xs-margin-two-all {margin:2%;}
    .xs-margin-two-half-all {margin:2.5%;}
    .xs-margin-three-all {margin:3%;}
    .xs-margin-three-half-all {margin:3.5%;}
    .xs-margin-four-all {margin:4%;}
    .xs-margin-four-half-all {margin:4.5%;}
    .xs-margin-five-all {margin:5%;}
    .xs-margin-five-half-all {margin:5.5%;}
    .xs-margin-six-all {margin:6%;}
    .xs-margin-six-half-all {margin:6.5%;}
    .xs-margin-seven-all {margin:7%;}
    .xs-margin-seven-half-all {margin:7.5%;}
    .xs-margin-eight-all {margin:8%;}
    .xs-margin-eight-half-all {margin:8.5%;}
    .xs-margin-nine-all {margin:9%;}
    .xs-margin-nine-half-all {margin:9.5%;}
    .xs-margin-ten-all {margin:10%;}
    .xs-margin-ten-half-all {margin:10.5%;}
    .xs-margin-eleven-all {margin:11%;}
    .xs-margin-eleven-half-all {margin:11.5%;}
    .xs-margin-twelve-all {margin:12%;}
    .xs-margin-twelve-half-all {margin:12.5%;}
    .xs-margin-thirteen-all {margin:13%;}
    .xs-margin-thirteen-half-all {margin:13.5%;}
    .xs-margin-fourteen-all {margin:14%;}
    .xs-margin-fourteen-half-all {margin:14.5%;}
    .xs-margin-fifteen-all {margin:15%;}
    .xs-margin-fifteen-half-all {margin:15.5%;}
    .xs-margin-sixteen-all {margin:16%;}
    .xs-margin-sixteen-half-all {margin:16.5%;}
    .xs-margin-seventeen-all {margin:17%;}
    .xs-margin-seventeen-half-all {margin:17.5%;}
    .xs-margin-eighteen-all {margin:18%;}
    .xs-margin-eighteen-half-all {margin:18.5%;}
    .xs-margin-nineteen-all {margin:19%;}
    .xs-margin-nineteen-half-all {margin:19.5%;}
    .xs-margin-twenty-all {margin:20%;}

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

    /* margin top */
    .xs-margin-one-top {margin-top:1%;}
    .xs-margin-one-half-top {margin-top:1.5%;}
    .xs-margin-two-top {margin-top:2%;}
    .xs-margin-two-half-top {margin-top:2.5%;}
    .xs-margin-three-top {margin-top:3%;}
    .xs-margin-three-half-top {margin-top:3.5%;}
    .xs-margin-four-top {margin-top:4%;}
    .xs-margin-four-half-top {margin-top:4.5%;}
    .xs-margin-five-top {margin-top:5%;}
    .xs-margin-five-half-top {margin-top:5.5%;}
    .xs-margin-six-top {margin-top:6%;}
    .xs-margin-six-half-top {margin-top:6.5%;}
    .xs-margin-seven-top {margin-top:7%;}
    .xs-margin-seven-half-top {margin-top:7.5%;}
    .xs-margin-eight-top {margin-top:8%;}
    .xs-margin-eight-half-top {margin-top:8.5%;}
    .xs-margin-nine-top {margin-top:9%;}
    .xs-margin-nine-half-top {margin-top:9.5%;}
    .xs-margin-ten-top {margin-top:10%;}
    .xs-margin-ten-half-top {margin-top:10.5%;}
    .xs-margin-eleven-top {margin-top:11%;}
    .xs-margin-eleven-half-top {margin-top:11.5%;}
    .xs-margin-twelve-top {margin-top:12%;}
    .xs-margin-twelve-half-top {margin-top:12.5%;}
    .xs-margin-thirteen-top {margin-top:13%;}
    .xs-margin-thirteen-half-top {margin-top:13.5%;}
    .xs-margin-fourteen-top {margin-top:14%;}
    .xs-margin-fourteen-half-top {margin-top:14.5%;}
    .xs-margin-fifteen-top {margin-top:15%;}
    .xs-margin-fifteen-half-top {margin-top:15.5%;}
    .xs-margin-sixteen-top {margin-top:16%;}
    .xs-margin-sixteen-half-top {margin-top:16.5%;}
    .xs-margin-seventeen-top {margin-top:17%;}
    .xs-margin-seventeen-half-top {margin-top:17.5%;}
    .xs-margin-eighteen-top {margin-top:18%;}
    .xs-margin-eighteen-half-top {margin-top:18.5%;}
    .xs-margin-nineteen-top {margin-top:19%;}
    .xs-margin-nineteen-half-top {margin-top:19.5%;}
    .xs-margin-twenty-top {margin-top:20%;}
    .xs-margin-5px-top {margin-top:5px !important;}
    .xs-margin-10px-top {margin-top:10px !important;}
    .xs-margin-15px-top {margin-top:15px !important;}
    .xs-margin-20px-top {margin-top:20px !important;}
    .xs-margin-25px-top {margin-top:25px !important;}
    .xs-margin-30px-top {margin-top:30px !important;}
    .xs-margin-35px-top {margin-top:35px !important;}
    .xs-margin-40px-top {margin-top:40px !important;}
    .xs-margin-45px-top {margin-top:45px !important;}
    .xs-margin-50px-top {margin-top:50px !important;}
    .xs-margin-55px-top {margin-top:55px !important;}
    .xs-margin-60px-top {margin-top:60px !important;}
    .xs-margin-65px-top {margin-top:65px !important;}
    .xs-margin-70px-top {margin-top:70px !important;}
    .xs-margin-75px-top {margin-top:75px !important;}
    .xs-margin-80px-top {margin-top:80px !important;}

    /* margin bottom */
    .xs-margin-one-bottom {margin-bottom:1%;}
    .xs-margin-one-half-bottom {margin-bottom:1.5%;}
    .xs-margin-two-bottom {margin-bottom:2%;}
    .xs-margin-two-half-bottom {margin-bottom:2.5%;}
    .xs-margin-three-bottom {margin-bottom:3%;}
    .xs-margin-three-half-bottom {margin-bottom:3.5%;}
    .xs-margin-four-bottom {margin-bottom:4%;}
    .xs-margin-four-half-bottom {margin-bottom:4.5%;}
    .xs-margin-five-bottom {margin-bottom:5%;}
    .xs-margin-five-half-bottom {margin-bottom:5.5%;}
    .xs-margin-six-bottom {margin-bottom:6%;}
    .xs-margin-six-half-bottom {margin-bottom:6.5%;}
    .xs-margin-seven-bottom {margin-bottom:7%;}
    .xs-margin-seven-half-bottom {margin-bottom:7.5%;}
    .xs-margin-eight-bottom {margin-bottom:8%;}
    .xs-margin-eight-half-bottom {margin-bottom:8.5%;}
    .xs-margin-nine-bottom {margin-bottom:9%;}
    .xs-margin-nine-half-bottom {margin-bottom:9.5%;}
    .xs-margin-ten-bottom {margin-bottom:10%;}
    .xs-margin-ten-half-bottom {margin-bottom:10.5%;}
    .xs-margin-eleven-bottom {margin-bottom:11%;}
    .xs-margin-eleven-half-bottom {margin-bottom:11.5%;}
    .xs-margin-twelve-bottom {margin-bottom:12%;}
    .xs-margin-twelve-half-bottom {margin-bottom:12.5%;}
    .xs-margin-thirteen-bottom {margin-bottom:13%;}
    .xs-margin-thirteen-half-bottom {margin-bottom:13.5%;}
    .xs-margin-fourteen-bottom {margin-bottom:14%;}
    .xs-margin-fourteen-half-bottom {margin-bottom:14.5%;}
    .xs-margin-fifteen-bottom {margin-bottom:15%;}
    .xs-margin-fifteen-half-bottom {margin-bottom:15.5%;}
    .xs-margin-sixteen-bottom {margin-bottom:16%;}
    .xs-margin-sixteen-half-bottom {margin-bottom:16.5%;}
    .xs-margin-seventeen-bottom {margin-bottom:17%;}
    .xs-margin-seventeen-half-bottom {margin-bottom:17.5%;}
    .xs-margin-eighteen-bottom {margin-bottom:18%;}
    .xs-margin-eighteen-half-bottom {margin-bottom:18.5%;}
    .xs-margin-nineteen-bottom {margin-bottom:19%;}
    .xs-margin-nineteen-half-bottom {margin-bottom:19.5%;}
    .xs-margin-twenty-bottom {margin-bottom:20%;}
    .xs-margin-5px-bottom {margin-bottom:5px !important;}
    .xs-margin-10px-bottom {margin-bottom:10px !important;}
    .xs-margin-15px-bottom {margin-bottom:15px !important;}
    .xs-margin-20px-bottom {margin-bottom:20px !important;}
    .xs-margin-25px-bottom {margin-bottom:25px !important;}
    .xs-margin-30px-bottom {margin-bottom:30px !important;}
    .xs-margin-35px-bottom {margin-bottom:35px !important;}
    .xs-margin-40px-bottom {margin-bottom:40px !important;}
    .xs-margin-45px-bottom {margin-bottom:45px !important;}
    .xs-margin-50px-bottom {margin-bottom:50px !important;}
    .xs-margin-55px-bottom {margin-bottom:55px !important;}
    .xs-margin-60px-bottom {margin-bottom:60px !important;}
    .xs-margin-65px-bottom {margin-bottom:65px !important;}
    .xs-margin-70px-bottom {margin-bottom:70px !important;}
    .xs-margin-75px-bottom {margin-bottom:75px !important;}
    .xs-margin-80px-bottom {margin-bottom:80px !important;}
    .xs-margin-85px-bottom {margin-bottom:85px !important;}
    .xs-margin-90px-bottom {margin-bottom:90px !important;}
    .xs-margin-95px-bottom {margin-bottom:95px !important;}
    .xs-margin-100px-bottom {margin-bottom:100px !important;}

    /* margin right */
    .xs-margin-one-right {margin-right:1%;}
    .xs-margin-one-half-right {margin-right:1.5%;}
    .xs-margin-two-right {margin-right:2%;}
    .xs-margin-two-half-right {margin-right:2.5%;}
    .xs-margin-three-right {margin-right:3%;}
    .xs-margin-three-half-right {margin-right:3.5%;}
    .xs-margin-four-right {margin-right:4%;}
    .xs-margin-four-half-right {margin-right:4.5%;}
    .xs-margin-five-right {margin-right:5%;}
    .xs-margin-five-half-right {margin-right:5.5%;}
    .xs-margin-six-right {margin-right:6%;}
    .xs-margin-six-half-right {margin-right:6.5%;}
    .xs-margin-seven-right {margin-right:7%;}
    .xs-margin-seven-half-right {margin-right:7.5%;}
    .xs-margin-eight-right {margin-right:8%;}
    .xs-margin-eight-half-right {margin-right:8.5%;}
    .xs-margin-nine-right {margin-right:9%;}
    .xs-margin-nine-half-right {margin-right:9.5%;}
    .xs-margin-ten-right {margin-right:10%;}
    .xs-margin-ten-half-right {margin-right:10.5%;}
    .xs-margin-eleven-right {margin-right:11%;}
    .xs-margin-eleven-half-right {margin-right:11.5%;}
    .xs-margin-twelve-right {margin-right:12%;}
    .xs-margin-twelve-half-right {margin-right:12.5%;}
    .xs-margin-thirteen-right {margin-right:13%;}
    .xs-margin-thirteen-half-right {margin-right:13.5%;}
    .xs-margin-fourteen-right {margin-right:14%;}
    .xs-margin-fourteen-half-right {margin-right:14.5%;}
    .xs-margin-fifteen-right {margin-right:15%;}
    .xs-margin-fifteen-half-right {margin-right:15.5%;}
    .xs-margin-sixteen-right {margin-right:16%;}
    .xs-margin-sixteen-half-right {margin-right:16.5%;}
    .xs-margin-seventeen-right {margin-right:17%;}
    .xs-margin-seventeen-half-right {margin-right:17.5%;}
    .xs-margin-eighteen-right {margin-right:18%;}
    .xs-margin-eighteen-half-right {margin-right:18.5%;}
    .xs-margin-nineteen-right {margin-right:19%;}
    .xs-margin-nineteen-half-right {margin-right:19.5%;}
    .xs-margin-twenty-right {margin-right:20%;}
    .xs-margin-10px-right {margin-right:10px !important;}
    .xs-margin-15px-right {margin-right:15px !important;}
    .xs-margin-20px-right {margin-right:20px !important;}
    .xs-margin-25px-right {margin-right:25px !important;}
    .xs-margin-30px-right {margin-right:30px !important;}
    .xs-margin-35px-right {margin-right:35px !important;}
    .xs-margin-40px-right {margin-right:40px !important;}
    .xs-margin-45px-right {margin-right:45px !important;}
    .xs-margin-50px-right {margin-right:50px !important;}
    .xs-margin-55px-right {margin-right:55px !important;}
    .xs-margin-60px-right {margin-right:60px !important;}
    .xs-margin-65px-right {margin-right:65px !important;}
    .xs-margin-70px-right {margin-right:70px !important;}
    .xs-margin-75px-right {margin-right:75px !important;}
    .xs-margin-80px-right {margin-right:80px !important;}

    /* margin left */
    .xs-margin-one-left {margin-left:1%;}
    .xs-margin-one-half-left {margin-left:1.5%;}
    .xs-margin-two-left {margin-left:2%;}
    .xs-margin-two-half-left {margin-left:2.5%;}
    .xs-margin-three-left {margin-left:3%;}
    .xs-margin-three-half-left {margin-left:3.5%;}
    .xs-margin-four-left {margin-left:4%;}
    .xs-margin-four-half-left {margin-left:4.5%;}
    .xs-margin-five-left {margin-left:5%;}
    .xs-margin-five-half-left {margin-left:5.5%;}
    .xs-margin-six-left {margin-left:6%;}
    .xs-margin-six-half-left {margin-left:6.5%;}
    .xs-margin-seven-left {margin-left:7%;}
    .xs-margin-seven-half-left {margin-left:7.5%;}
    .xs-margin-eight-left {margin-left:8%;}
    .xs-margin-eight-half-left {margin-left:8.5%;}
    .xs-margin-nine-left {margin-left:9%;}
    .xs-margin-nine-half-left {margin-left:9.5%;}
    .xs-margin-ten-left {margin-left:10%;}
    .xs-margin-ten-half-left {margin-left:10.5%;}
    .xs-margin-eleven-left {margin-left:11%;}
    .xs-margin-eleven-half-left {margin-left:11.5%;}
    .xs-margin-twelve-left {margin-left:12%;}
    .xs-margin-twelve-half-left {margin-left:12.5%;}
    .xs-margin-thirteen-left {margin-left:13%;}
    .xs-margin-thirteen-half-left {margin-left:13.5%;}
    .xs-margin-fourteen-left {margin-left:14%;}
    .xs-margin-fourteen-half-left {margin-left:14.5%;}
    .xs-margin-fifteen-left {margin-left:15%;}
    .xs-margin-fifteen-half-left {margin-left:15.5%;}
    .xs-margin-sixteen-left {margin-left:16%;}
    .xs-margin-sixteen-half-left {margin-left:16.5%;}
    .xs-margin-seventeen-left {margin-left:17%;}
    .xs-margin-seventeen-half-left {margin-left:17.5%;}
    .xs-margin-eighteen-left {margin-left:18%;}
    .xs-margin-eighteen-half-left {margin-left:18.5%;}
    .xs-margin-nineteen-left {margin-left:19%;}
    .xs-margin-nineteen-half-left {margin-left:19.5%;}
    .xs-margin-twenty-left {margin-left:20%;}
    .xs-margin-5px-left {margin-left:5px !important;}
    .xs-margin-10px-left {margin-left:10px !important;}
    .xs-margin-15px-left {margin-left:15px !important;}
    .xs-margin-20px-left {margin-left:20px !important;}
    .xs-margin-25px-left {margin-left:25px !important;}
    .xs-margin-30px-left {margin-left:30px !important;}
    .xs-margin-35px-left {margin-left:35px !important;}
    .xs-margin-40px-left {margin-left:40px !important;}
    .xs-margin-45px-left {margin-left:45px !important;}
    .xs-margin-50px-left {margin-left:50px !important;}
    .xs-margin-55px-left {margin-left:55px !important;}
    .xs-margin-60px-left {margin-left:60px !important;}
    .xs-margin-65px-left {margin-left:65px !important;}
    .xs-margin-70px-left {margin-left:70px !important;}
    .xs-margin-75px-left {margin-left:75px !important;}
    .xs-margin-80px-left {margin-left:80px !important;}

    /* margin left right */
    .xs-margin-one-lr {margin-left:1%; margin-right:1%;}
    .xs-margin-one-lr {margin-left:1.5%; margin-right:1.5%;}
    .xs-margin-two-lr {margin-left:2%; margin-right:2%;}
    .xs-margin-two-lr {margin-left:2.5%; margin-right:2.5%;}
    .xs-margin-three-lr {margin-left:3%; margin-right:3%;}
    .xs-margin-three-lr {margin-left:3.5%; margin-right:3.5%;}
    .xs-margin-four-lr {margin-left:4%; margin-right:4%;}
    .xs-margin-four-lr {margin-left:4.5%; margin-right:4.5%;}
    .xs-margin-five-lr {margin-left:5%; margin-right:5%;}
    .xs-margin-five-lr {margin-left:5.5%; margin-right:5.5%;}
    .xs-margin-six-lr {margin-left:6%; margin-right:6%;}
    .xs-margin-six-lr {margin-left:6.5%; margin-right:6.5%;}
    .xs-margin-seven-lr {margin-left:7%; margin-right:7%;}
    .xs-margin-seven-lr {margin-left:7.5%; margin-right:7.5%;}
    .xs-margin-eight-lr {margin-left:8%; margin-right:8%;}
    .xs-margin-eight-lr {margin-left:8.5%; margin-right:8.5%;}
    .xs-margin-nine-lr {margin-left:9%; margin-right:9%;}
    .xs-margin-nine-lr {margin-left:9.5%; margin-right:9.5%;}
    .xs-margin-ten-lr {margin-left:10%; margin-right:10%;}
    .xs-margin-ten-lr {margin-left:10.5%; margin-right:10.5%;}
    .xs-margin-eleven-lr {margin-left:11%; margin-right:11%;}
    .xs-margin-eleven-lr {margin-left:11.5%; margin-right:11.5%;}
    .xs-margin-twelve-lr {margin-left:12%; margin-right:12%;}
    .xs-margin-twelve-lr {margin-left:12.5%; margin-right:12.5%;}
    .xs-margin-thirteen-lr {margin-left:13%; margin-right:13%;}
    .xs-margin-thirteen-half-lr {margin-left:13.5%; margin-right:13.5%;}
    .xs-margin-fourteen-lr {margin-left:14%; margin-right:14%;}
    .xs-margin-fourteen-half-lr {margin-left:14.5%; margin-right:14.5%;}
    .xs-margin-fifteen-lr {margin-left:15%; margin-right:15%;}
    .xs-margin-fifteen-half-lr {margin-left:15.5%; margin-right:15.5%;}
    .xs-margin-sixteen-lr {margin-left:16%; margin-right:16%;}
    .xs-margin-sixteen-half-lr {margin-left:16.5%; margin-right:16.5%;}
    .xs-margin-seventeen-lr {margin-left:17%; margin-right:17%;}
    .xs-margin-seventeen-half-lr {margin-left:17.5%; margin-right:17.5%;}
    .xs-margin-eighteen-lr {margin-left:18%; margin-right:18%;}
    .xs-margin-eighteen-half-lr {margin-left:18.5%; margin-right:18.5%;}
    .xs-margin-nineteen-lr {margin-left:19%; margin-right:19%;}
    .xs-margin-nineteen-half-lr {margin-left:19.5%; margin-right:19.5%;}
    .xs-margin-twenty-lr {margin-left:20%; margin-right:20%;}
    .xs-margin-twenty-half-lr {margin-left:20.5%; margin-right:20.5%;} 
    .xs-margin-twenty-one-lr {margin-left:21%; margin-right:21%;}
    .xs-margin-twenty-one-half-lr {margin-left:21.5%; margin-right:21.5%;}
    .xs-margin-twenty-two-lr {margin-left:22%; margin-right:22%;}
    .xs-margin-twenty-two-half-lr {margin-left:22.5%; margin-right:22.5%;}
    .xs-margin-twenty-three-lr {margin-left:23%; margin-right:23%;}
    .xs-margin-twenty-three-half-lr {margin-left:23.5%; margin-right:23.5%;}
    .xs-margin-twenty-four-lr {margin-left:24%; margin-right:24%;}
    .xs-margin-twenty-four-half-lr {margin-left:24.5%; margin-right:24.5%;}
    .xs-margin-twenty-five-lr {margin-left:25%; margin-right:25%;}
    .xs-margin-thirty-lr {margin-left:30%; margin-right:30%;}
    .xs-margin-5px-lr {margin-left:5px !important; margin-right:5px !important;}
    .xs-margin-10px-lr {margin-left:10px !important; margin-right:10px !important;}
    .xs-margin-15px-lr {margin-left:15px !important; margin-right:15px !important;}
    .xs-margin-20px-lr {margin-left:20px !important; margin-right:20px !important;}
    .xs-margin-25px-lr {margin-left:25px !important; margin-right:25px !important;}
    .xs-margin-30px-lr {margin-left:30px !important; margin-right:30px !important;}
    .xs-margin-35px-lr {margin-left:35px !important; margin-right:35px !important;}
    .xs-margin-40px-lr {margin-left:40px !important; margin-right:40px !important;}
    .xs-margin-45px-lr {margin-left:45px !important; margin-right:45px !important;}
    .xs-margin-50px-lr {margin-left:50px !important; margin-right:50px !important;}
    .xs-margin-55px-lr {margin-left:55px !important; margin-right:55px !important;}
    .xs-margin-60px-lr {margin-left:60px !important; margin-right:60px !important;}
    .xs-margin-65px-lr {margin-left:65px !important; margin-right:65px !important;}
    .xs-margin-70px-lr {margin-left:70px !important; margin-right:70px !important;}
    .xs-margin-75px-lr {margin-left:75px !important; margin-right:75px !important;}
    .xs-margin-80px-lr {margin-left:80px !important; margin-right:80px !important;}
    .xs-margin-85px-lr {margin-left:85px !important; margin-right:85px !important;}
    .xs-margin-90px-lr {margin-left:90px !important; margin-right:90px !important;}
    .xs-margin-95px-lr {margin-left:95px !important; margin-right:95px !important;}
    .xs-margin-100px-lr {margin-left:100px !important; margin-right:100px !important;}

    /* margin top bottom */
    .xs-margin-one-tb {margin-top:1%; margin-bottom:1%;}
    .xs-margin-one-tb {margin-top:1.5%; margin-bottom:1.5%;}
    .xs-margin-two-tb {margin-top:2%; margin-bottom:2%;}
    .xs-margin-two-tb {margin-top:2.5%; margin-bottom:2.5%;}
    .xs-margin-three-tb {margin-top:3%; margin-bottom:3%;}
    .xs-margin-three-tb {margin-top:3.5%; margin-bottom:3.5%;}
    .xs-margin-four-tb {margin-top:4%; margin-bottom:4%;}
    .xs-margin-four-tb {margin-top:4.5%; margin-bottom:4.5%;}
    .xs-margin-five-tb {margin-top:5%; margin-bottom:5%;}
    .xs-margin-five-tb {margin-top:5.5%; margin-bottom:5.5%;}
    .xs-margin-six-tb {margin-top:6%; margin-bottom:6%;}
    .xs-margin-six-tb {margin-top:6.5%; margin-bottom:6.5%;}
    .xs-margin-seven-tb {margin-top:7%; margin-bottom:7%;}
    .xs-margin-seven-tb {margin-top:7.5%; margin-bottom:7.5%;}
    .xs-margin-eight-tb {margin-top:8%; margin-bottom:8%;}
    .xs-margin-eight-tb {margin-top:8.5%; margin-bottom:8.5%;}
    .xs-margin-nine-tb {margin-top:9%; margin-bottom:9%;}
    .xs-margin-nine-tb {margin-top:9.5%; margin-bottom:9.5%;}
    .xs-margin-ten-tb {margin-top:10%; margin-bottom:10%;}
    .xs-margin-ten-tb {margin-top:10.5%; margin-bottom:10.5%;}
    .xs-margin-eleven-tb {margin-top:11%; margin-bottom:11%;}
    .xs-margin-eleven-tb {margin-top:11.5%; margin-bottom:11.5%;}
    .xs-margin-twelve-tb {margin-top:12%; margin-bottom:12%;}
    .xs-margin-twelve-tb {margin-top:12.5%; margin-bottom:12.5%;}
    .xs-margin-thirteen-tb {margin-top:13%; margin-bottom:13%;}
    .xs-margin-thirteen-half-tb {margin-top:13.5%; margin-bottom:13.5%;}
    .xs-margin-fourteen-tb {margin-top:14%; margin-bottom:14%;}
    .xs-margin-fourteen-half-tb {margin-top:14.5%; margin-bottom:14.5%;}
    .xs-margin-fifteen-tb {margin-top:15%; margin-bottom:15%;}
    .xs-margin-fifteen-half-tb {margin-top:15.5%; margin-bottom:15.5%;}
    .xs-margin-sixteen-tb {margin-top:16%; margin-bottom:16%;}
    .xs-margin-sixteen-half-tb {margin-top:16.5%; margin-bottom:16.5%;}
    .xs-margin-seventeen-tb {margin-top:17%; margin-bottom:17%;}
    .xs-margin-seventeen-half-tb {margin-top:17.5%; margin-bottom:17.5%;}
    .xs-margin-eighteen-tb {margin-top:18%; margin-bottom:18%;}
    .xs-margin-eighteen-half-tb {margin-top:18.5%; margin-bottom:18.5%;}
    .xs-margin-nineteen-tb {margin-top:19%; margin-bottom:19%;}
    .xs-margin-nineteen-half-tb {margin-top:19.5%; margin-bottom:19.5%;}
    .xs-margin-twenty-tb {margin-top:20%; margin-bottom:20%;}
    .xs-margin-5px-tb {margin-top:5px !important; margin-bottom:5px !important;}
    .xs-margin-10px-tb {margin-top:10px !important; margin-bottom:10px !important;}
    .xs-margin-15px-tb {margin-top:15px !important; margin-bottom:15px !important;}
    .xs-margin-20px-tb {margin-top:20px !important; margin-bottom:20px !important;}
    .xs-margin-25px-tb {margin-top:25px !important; margin-bottom:25px !important;}
    .xs-margin-30px-tb {margin-top:30px !important; margin-bottom:30px !important;}
    .xs-margin-35px-tb {margin-top:35px !important; margin-bottom:35px !important;}
    .xs-margin-40px-tb {margin-top:40px !important; margin-bottom:40px !important;}
    .xs-margin-45px-tb {margin-top:45px !important; margin-bottom:45px !important;}
    .xs-margin-50px-tb {margin-top:50px !important; margin-bottom:50px !important;}
    .xs-margin-55px-tb {margin-top:55px !important; margin-bottom:55px !important;}
    .xs-margin-60px-tb {margin-top:60px !important; margin-bottom:60px !important;}
    .xs-margin-65px-tb {margin-top:65px !important; margin-bottom:65px !important;}
    .xs-margin-70px-tb {margin-top:70px !important; margin-bottom:70px !important;}
    .xs-margin-75px-tb {margin-top:75px !important; margin-bottom:75px !important;}
    .xs-margin-80px-tb {margin-top:80px !important; margin-bottom:80px !important;}

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

    /* padding */
    .xs-no-padding {padding:0 !important}
    .xs-no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
    .xs-no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
    .xs-no-padding-top {padding-top:0 !important}
    .xs-no-padding-bottom {padding-bottom:0 !important}
    .xs-no-padding-left {padding-left:0 !important}
    .xs-no-padding-right {padding-right:0 !important}
    .xs-padding-one-all {padding:1%;}
    .xs-padding-one-half-all {padding:1.5%;}
    .xs-padding-two-all {padding:2%;}
    .xs-padding-two-half-all {padding:2.5%;}
    .xs-padding-three-all {padding:3%;}
    .xs-padding-three-half-all {padding:3.5%;}
    .xs-padding-four-all {padding:4%;}
    .xs-padding-four-half-all {padding:4.5%;}
    .xs-padding-five-all {padding:5%;}
    .xs-padding-five-half-all {padding:5.5%;}
    .xs-padding-six-all {padding:6%;}
    .xs-padding-six-half-all {padding:6.5%;}
    .xs-padding-seven-all {padding:7%;}
    .xs-padding-seven-half-all {padding:7.5%;}
    .xs-padding-eight-all {padding:8%;}
    .xs-padding-eight-half-all {padding:8.5%;}
    .xs-padding-nine-all {padding:9%;}
    .xs-padding-nine-half-all {padding:9.5%;}
    .xs-padding-ten-all {padding:10%;}
    .xs-padding-ten-half-all {padding:10.5%;}
    .xs-padding-eleven-all {padding:11%;}
    .xs-padding-eleven-half-all {padding:11.5%;}
    .xs-padding-twelve-all {padding:12%;}
    .xs-padding-twelve-half-all {padding:12.5%;}
    .xs-padding-thirteen-all {padding:13%;}
    .xs-padding-thirteen-half-all {padding:13.5%;}
    .xs-padding-fourteen-all {padding:14%;}
    .xs-padding-fourteen-half-all {padding:14.5%;}
    .xs-padding-fifteen-all {padding:15%;}
    .xs-padding-fifteen-half-all {padding:15.5%;}
    .xs-padding-sixteen-all {padding:16%;}
    .xs-padding-sixteen-half-all {padding:16.5%;}
    .xs-padding-seventeen-all {padding:17%;}
    .xs-padding-seventeen-half-all {padding:17.5%;}
    .xs-padding-eighteen-all {padding:18%;}
    .xs-padding-eighteen-half-all {padding:18.5%;}
    .xs-padding-nineteen-all {padding:19%;}
    .xs-padding-nineteen-half-all {padding:19.5%;}
    .xs-padding-twenty-all {padding:20%;}
    .xs-padding-5px-all {padding:5px !important;}
    .xs-padding-10px-all {padding:10px !important;}
    .xs-padding-15px-all {padding:15px !important;}
    .xs-padding-20px-all {padding:20px !important;}
    .xs-padding-25px-all {padding:25px !important;}
    .xs-padding-30px-all {padding:30px !important;}
    .xs-padding-35px-all {padding:35px !important;}
    .xs-padding-40px-all {padding:40px !important;}
    .xs-padding-45px-all {padding:45px !important;}
    .xs-padding-50px-all {padding:50px !important;}
    .xs-padding-55px-all {padding:55px !important;}
    .xs-padding-60px-all {padding:60px !important;}
    .xs-padding-65px-all {padding:65px !important;}
    .xs-padding-70px-all {padding:70px !important;}
    .xs-padding-75px-all {padding:75px !important;}
    .xs-padding-80px-all {padding:80px !important;}
    .xs-padding-85px-all {padding:85px !important;}
    .xs-padding-90px-all {padding:90px !important;}
    .xs-padding-95px-all {padding:95px !important;}
    .xs-padding-100px-all {padding:100px !important;}

    /* padding top */
    .xs-padding-one-top {padding-top:1%;}
    .xs-padding-one-half-top {padding-top:1.5%;}
    .xs-padding-two-top {padding-top:2%;}
    .xs-padding-two-half-top {padding-top:2.5%;}
    .xs-padding-three-top {padding-top:3%;}
    .xs-padding-three-half-top {padding-top:3.5%;}
    .xs-padding-four-top {padding-top:4%;}
    .xs-padding-four-half-top {padding-top:4.5%;}
    .xs-padding-five-top {padding-top:5%;}
    .xs-padding-five-half-top {padding-top:5.5%;}
    .xs-padding-six-top {padding-top:6%;}
    .xs-padding-six-half-top {padding-top:6.5%;}
    .xs-padding-seven-top {padding-top:7%;}
    .xs-padding-seven-half-top {padding-top:7.5%;}
    .xs-padding-eight-top {padding-top:8%;}
    .xs-padding-eight-half-top {padding-top:8.5%;}
    .xs-padding-nine-top {padding-top:9%;}
    .xs-padding-nine-half-top {padding-top:9.5%;}
    .xs-padding-ten-top {padding-top:10%;}
    .xs-padding-ten-half-top {padding-top:10.5%;}
    .xs-padding-eleven-top {padding-top:11%;}
    .xs-padding-eleven-half-top {padding-top:11.5%;}
    .xs-padding-twelve-top {padding-top:12%;}
    .xs-padding-twelve-half-top {padding-top:12.5%;}
    .xs-padding-thirteen-top {padding-top:13%;}
    .xs-padding-thirteen-half-top {padding-top:13.5%;}
    .xs-padding-fourteen-top {padding-top:14%;}
    .xs-padding-fourteen-half-top {padding-top:14.5%;}
    .xs-padding-fifteen-top {padding-top:15%;}
    .xs-padding-fifteen-half-top {padding-top:15.5%;}
    .xs-padding-sixteen-top {padding-top:16%;}
    .xs-padding-sixteen-half-top {padding-top:16.5%;}
    .xs-padding-seventeen-top {padding-top:17%;}
    .xs-padding-seventeen-half-top {padding-top:17.5%;}
    .xs-padding-eighteen-top {padding-top:18%;}
    .xs-padding-eighteen-half-top {padding-top:18.5%;}
    .xs-padding-nineteen-top {padding-top:19%;}
    .xs-padding-nineteen-half-top {padding-top:19.5%;}
    .xs-padding-twenty-top {padding-top:20%;}
    .xs-padding-5px-top {padding-top:5px !important;}
    .xs-padding-10px-top {padding-top:10px !important;}
    .xs-padding-15px-top {padding-top:15px !important;}
    .xs-padding-20px-top {padding-top:20px !important;}
    .xs-padding-25px-top {padding-top:25px !important;}
    .xs-padding-30px-top {padding-top:30px !important;}
    .xs-padding-35px-top {padding-top:35px !important;}
    .xs-padding-40px-top {padding-top:40px !important;}
    .xs-padding-45px-top {padding-top:45px !important;}
    .xs-padding-50px-top {padding-top:50px !important;}
    .xs-padding-55px-top {padding-top:55px !important;}
    .xs-padding-60px-top {padding-top:60px !important;}
    .xs-padding-65px-top {padding-top:65px !important;}
    .xs-padding-70px-top {padding-top:70px !important;}
    .xs-padding-75px-top {padding-top:75px !important;}
    .xs-padding-80px-top {padding-top:80px !important;}
    .xs-padding-85px-top {padding-top:85px !important;}
    .xs-padding-90px-top {padding-top:90px !important;}
    .xs-padding-95px-top {padding-top:95px !important;}
    .xs-padding-100px-top {padding-top:100px !important;}

    /* padding bottom */
    .xs-padding-one-bottom {padding-bottom:1%;}
    .xs-padding-one-half-bottom {padding-bottom:1.5%;}
    .xs-padding-two-bottom {padding-bottom:2%;}
    .xs-padding-two-half-bottom {padding-bottom:2.5%;}
    .xs-padding-three-bottom {padding-bottom:3%;}
    .xs-padding-three-half-bottom {padding-bottom:3.5%;}
    .xs-padding-four-bottom {padding-bottom:4%;}
    .xs-padding-four-half-bottom {padding-bottom:4.5%;}
    .xs-padding-five-bottom {padding-bottom:5%;}
    .xs-padding-five-half-bottom {padding-bottom:5.5%;}
    .xs-padding-six-bottom {padding-bottom:6%;}
    .xs-padding-six-half-bottom {padding-bottom:6.5%;}
    .xs-padding-seven-bottom {padding-bottom:7%;}
    .xs-padding-seven-half-bottom {padding-bottom:7.5%;}
    .xs-padding-eight-bottom {padding-bottom:8%;}
    .xs-padding-eight-half-bottom {padding-bottom:8.5%;}
    .xs-padding-nine-bottom {padding-bottom:9%;}
    .xs-padding-nine-half-bottom {padding-bottom:9.5%;}
    .xs-padding-ten-bottom {padding-bottom:10%;}
    .xs-padding-ten-half-bottom {padding-bottom:10.5%;}
    .xs-padding-eleven-bottom {padding-bottom:11%;}
    .xs-padding-eleven-half-bottom {padding-bottom:11.5%;}
    .xs-padding-twelve-bottom {padding-bottom:12%;}
    .xs-padding-twelve-half-bottom {padding-bottom:12.5%;}
    .xs-padding-thirteen-bottom {padding-bottom:13%;}
    .xs-padding-thirteen-half-bottom {padding-bottom:13.5%;}
    .xs-padding-fourteen-bottom {padding-bottom:14%;}
    .xs-padding-fourteen-half-bottom {padding-bottom:14.5%;}
    .xs-padding-fifteen-bottom {padding-bottom:15%;}
    .xs-padding-fifteen-half-bottom {padding-bottom:15.5%;}
    .xs-padding-sixteen-bottom {padding-bottom:16%;}
    .xs-padding-sixteen-half-bottom {padding-bottom:16.5%;}
    .xs-padding-seventeen-bottom {padding-bottom:17%;}
    .xs-padding-seventeen-half-bottom {padding-bottom:17.5%;}
    .xs-padding-eighteen-bottom {padding-bottom:18%;}
    .xs-padding-eighteen-half-bottom {padding-bottom:18.5%;}
    .xs-padding-nineteen-bottom {padding-bottom:19%;}
    .xs-padding-nineteen-half-bottom {padding-bottom:19.5%;}
    .xs-padding-twenty-bottom {padding-bottom:20%;}
    .xs-padding-5px-bottom {padding-bottom:5px !important;}
    .xs-padding-10px-bottom {padding-bottom:10px !important;}
    .xs-padding-15px-bottom {padding-bottom:15px !important;}
    .xs-padding-20px-bottom {padding-bottom:20px !important;}
    .xs-padding-25px-bottom {padding-bottom:25px !important;}
    .xs-padding-30px-bottom {padding-bottom:30px !important;}
    .xs-padding-35px-bottom {padding-bottom:35px !important;}
    .xs-padding-40px-bottom {padding-bottom:40px !important;}
    .xs-padding-45px-bottom {padding-bottom:45px !important;}
    .xs-padding-50px-bottom {padding-bottom:50px !important;}
    .xs-padding-55px-bottom {padding-bottom:55px !important;}
    .xs-padding-60px-bottom {padding-bottom:60px !important;}
    .xs-padding-65px-bottom {padding-bottom:65px !important;}
    .xs-padding-70px-bottom {padding-bottom:70px !important;}
    .xs-padding-75px-bottom {padding-bottom:75px !important;}
    .xs-padding-80px-bottom {padding-bottom:80px !important;}
    .xs-padding-85px-bottom {padding-bottom:85px !important;}
    .xs-padding-90px-bottom {padding-bottom:90px !important;}
    .xs-padding-95px-bottom {padding-bottom:95px !important;}
    .xs-padding-100px-bottom {padding-bottom:100px !important;}

    /* padding right */
    .xs-padding-one-right {padding-right:1%;}
    .xs-padding-one-half-right {padding-right:1.5%;}
    .xs-padding-two-right {padding-right:2%;}
    .xs-padding-two-half-right {padding-right:2.5%;}
    .xs-padding-three-right {padding-right:3%;}
    .xs-padding-three-half-right {padding-right:3.5%;}
    .xs-padding-four-right {padding-right:4%;}
    .xs-padding-four-half-right {padding-right:4.5%;}
    .xs-padding-five-right {padding-right:5%;}
    .xs-padding-five-half-right {padding-right:5.5%;}
    .xs-padding-six-right {padding-right:6%;}
    .xs-padding-six-half-right {padding-right:6.5%;}
    .xs-padding-seven-right {padding-right:7%;}
    .xs-padding-seven-half-right {padding-right:7.5%;}
    .xs-padding-eight-right {padding-right:8%;}
    .xs-padding-eight-half-right {padding-right:8.5%;}
    .xs-padding-nine-right {padding-right:9%;}
    .xs-padding-nine-half-right {padding-right:9.5%;}
    .xs-padding-ten-right {padding-right:10%;}
    .xs-padding-ten-half-right {padding-right:10.5%;}
    .xs-padding-eleven-right {padding-right:11%;}
    .xs-padding-eleven-half-right {padding-right:11.5%;}
    .xs-padding-twelve-right {padding-right:12%;}
    .xs-padding-twelve-half-right {padding-right:12.5%;}
    .xs-padding-thirteen-right {padding-right:13%;}
    .xs-padding-thirteen-half-right {padding-right:13.5%;}
    .xs-padding-fourteen-right {padding-right:14%;}
    .xs-padding-fourteen-half-right {padding-right:14.5%;}
    .xs-padding-fifteen-right {padding-right:15%;}
    .xs-padding-fifteen-half-right {padding-right:15.5%;}
    .xs-padding-sixteen-right {padding-right:16%;}
    .xs-padding-sixteen-half-right {padding-right:16.5%;}
    .xs-padding-seventeen-right {padding-right:17%;}
    .xs-padding-seventeen-half-right {padding-right:17.5%;}
    .xs-padding-eighteen-right {padding-right:18%;}
    .xs-padding-eighteen-half-right {padding-right:18.5%;}
    .xs-padding-nineteen-right {padding-right:19%;}
    .xs-padding-nineteen-half-right {padding-right:19.5%;}
    .xs-padding-twenty-right {padding-right:20%;}
    .xs-padding-5px-right {padding-right:5px !important;}
    .xs-padding-10px-right {padding-right:10px !important;}
    .xs-padding-15px-right {padding-right:15px !important;}
    .xs-padding-20px-right {padding-right:20px !important;}
    .xs-padding-25px-right {padding-right:25px !important;}
    .xs-padding-30px-right {padding-right:30px !important;}
    .xs-padding-35px-right {padding-right:35px !important;}
    .xs-padding-40px-right {padding-right:40px !important;}
    .xs-padding-45px-right {padding-right:45px !important;}
    .xs-padding-50px-right {padding-right:50px !important;}
    .xs-padding-55px-right {padding-right:55px !important;}
    .xs-padding-60px-right {padding-right:60px !important;}
    .xs-padding-65px-right {padding-right:65px !important;}
    .xs-padding-70px-right {padding-right:70px !important;}
    .xs-padding-75px-right {padding-right:75px !important;}
    .xs-padding-80px-right {padding-right:80px !important;}

    /* padding left */
    .xs-padding-one-left {padding-left:1%;}
    .xs-padding-one-half-left {padding-left:1.5%;}
    .xs-padding-two-left {padding-left:2%;}
    .xs-padding-two-half-left {padding-left:2.5%;}
    .xs-padding-three-left {padding-left:3%;}
    .xs-padding-three-half-left {padding-left:3.5%;}
    .xs-padding-four-left {padding-left:4%;}
    .xs-padding-four-half-left {padding-left:4.5%;}
    .xs-padding-five-left {padding-left:5%;}
    .xs-padding-five-half-left {padding-left:5.5%;}
    .xs-padding-six-left {padding-left:6%;}
    .xs-padding-six-half-left {padding-left:6.5%;}
    .xs-padding-seven-left {padding-left:7%;}
    .xs-padding-seven-half-left {padding-left:7.5%;}
    .xs-padding-eight-left {padding-left:8%;}
    .xs-padding-eight-half-left {padding-left:8.5%;}
    .xs-padding-nine-left {padding-left:9%;}
    .xs-padding-nine-half-left {padding-left:9.5%;}
    .xs-padding-ten-left {padding-left:10%;}
    .xs-padding-ten-half-left {padding-left:10.5%;}
    .xs-padding-eleven-left {padding-left:11%;}
    .xs-padding-eleven-half-left {padding-left:11.5%;}
    .xs-padding-twelve-left {padding-left:12%;}
    .xs-padding-twelve-half-left {padding-left:12.5%;}
    .xs-padding-thirteen-left {padding-left:13%;}
    .xs-padding-thirteen-half-left {padding-left:13.5%;}
    .xs-padding-fourteen-left {padding-left:14%;}
    .xs-padding-fourteen-half-left {padding-left:14.5%;}
    .xs-padding-fifteen-left {padding-left:15%;}
    .xs-padding-fifteen-half-left {padding-left:15.5%;}
    .xs-padding-sixteen-left {padding-left:16%;}
    .xs-padding-sixteen-half-left {padding-left:16.5%;}
    .xs-padding-seventeen-left {padding-left:17%;}
    .xs-padding-seventeen-half-left {padding-left:17.5%;}
    .xs-padding-eighteen-left {padding-left:18%;}
    .xs-padding-eighteen-half-left {padding-left:18.5%;}
    .xs-padding-nineteen-left {padding-left:19%;}
    .xs-padding-nineteen-half-left {padding-left:19.5%;}
    .xs-padding-twenty-left {padding-left:20%;}
    .xs-padding-5px-left {padding-left:5px !important;}
    .xs-padding-10px-left {padding-left:10px !important;}
    .xs-padding-15px-left {padding-left:15px !important;}
    .xs-padding-20px-left {padding-left:20px !important;}
    .xs-padding-25px-left {padding-left:25px !important;}
    .xs-padding-30px-left {padding-left:30px !important;}
    .xs-padding-35px-left {padding-left:35px !important;}
    .xs-padding-40px-left {padding-left:40px !important;}
    .xs-padding-45px-left {padding-left:45px !important;}
    .xs-padding-50px-left {padding-left:50px !important;}
    .xs-padding-55px-left {padding-left:55px !important;}
    .xs-padding-60px-left {padding-left:60px !important;}
    .xs-padding-65px-left {padding-left:65px !important;}
    .xs-padding-70px-left {padding-left:70px !important;}
    .xs-padding-75px-left {padding-left:75px !important;}
    .xs-padding-80px-left {padding-left:80px !important;}

    /* padding top bottom */
    .xs-padding-one-tb {padding-top:1%; padding-bottom:1%;}
    .xs-padding-one-half-tb {padding-top:1.5%; padding-bottom:1.5%;}
    .xs-padding-two-tb {padding-top:2%; padding-bottom:2%;}
    .xs-padding-two-half-tb {padding-top:2.5%; padding-bottom:2.5%;}
    .xs-padding-three-tb {padding-top:3%; padding-bottom:3%;}
    .xs-padding-three-half-tb {padding-top:3.5%; padding-bottom:3.5%;}
    .xs-padding-four-tb {padding-top:4%; padding-bottom:4%;}
    .xs-padding-four-half-tb {padding-top:4.5%; padding-bottom:4.5%;}
    .xs-padding-five-tb {padding-top:5%; padding-bottom:5%;}
    .xs-padding-five-half-tb {padding-top:5.5%; padding-bottom:5.5%;}
    .xs-padding-six-tb {padding-top:6%; padding-bottom:6%;}
    .xs-padding-six-half-tb {padding-top:6.5%; padding-bottom:6.5%;}
    .xs-padding-seven-tb {padding-top:7%; padding-bottom:7%;}
    .xs-padding-seven-half-tb {padding-top:7.5%; padding-bottom:7.5%;}
    .xs-padding-eight-tb {padding-top:8%; padding-bottom:8%;}
    .xs-padding-eight-half-tb {padding-top:8.5%; padding-bottom:8.5%;}
    .xs-padding-nine-tb {padding-top:9%; padding-bottom:9%;}
    .xs-padding-nine-half-tb {padding-top:9.5%; padding-bottom:9.5%;}
    .xs-padding-ten-tb {padding-top:10%; padding-bottom:10%;}
    .xs-padding-ten-half-tb {padding-top:10.5%; padding-bottom:10.5%;}
    .xs-padding-eleven-tb {padding-top:11%; padding-bottom:11%;}
    .xs-padding-eleven-half-tb {padding-top:11.5%; padding-bottom:11.5%;}
    .xs-padding-twelve-tb {padding-top:12%; padding-bottom:12%;}
    .xs-padding-twelve-half-tb {padding-top:12.5%; padding-bottom:12.5%;}
    .xs-padding-thirteen-tb {padding-top:13%; padding-bottom:13%;}
    .xs-padding-thirteen-half-tb {padding-top:13.5%; padding-bottom:13.5%;}
    .xs-padding-fourteen-tb {padding-top:14%; padding-bottom:14%;}
    .xs-padding-fourteen-half-tb {padding-top:14.5%; padding-bottom:14.5%;}
    .xs-padding-fifteen-tb {padding-top:15%; padding-bottom:15%;}
    .xs-padding-fifteen-half-tb {padding-top:15.5%; padding-bottom:15.5%;}
    .xs-padding-sixteen-tb {padding-top:16%; padding-bottom:16%;}
    .xs-padding-sixteen-half-tb {padding-top:16.5%; padding-bottom:16.5%;}
    .xs-padding-seventeen-tb {padding-top:17%; padding-bottom:17%;}
    .xs-padding-seventeen-half-tb {padding-top:17.5%; padding-bottom:17.5%;}
    .xs-padding-eighteen-tb {padding-top:18%; padding-bottom:18%;}
    .xs-padding-eighteen-half-tb {padding-top:18.5%; padding-bottom:18.5%;}
    .xs-padding-nineteen-tb {padding-top:19%; padding-bottom:19%;}
    .xs-padding-nineteen-half-tb {padding-top:19.5%; padding-bottom:19.5%;}
    .xs-padding-twenty-tb {padding-top:20%; padding-bottom:20%;}
    .xs-padding-thirty-tb {padding-top:30%; padding-bottom:30%;}
    .xs-padding-5px-tb {padding-top:5px !important; padding-bottom:5px !important;}
    .xs-padding-10px-tb {padding-top:10px !important; padding-bottom:10px !important;}
    .xs-padding-15px-tb {padding-top:15px !important; padding-bottom:15px !important;}
    .xs-padding-20px-tb {padding-top:20px !important; padding-bottom:20px !important;}
    .xs-padding-25px-tb {padding-top:25px !important; padding-bottom:25px !important;}
    .xs-padding-30px-tb {padding-top:30px !important; padding-bottom:30px !important;}
    .xs-padding-35px-tb {padding-top:35px !important; padding-bottom:35px !important;}
    .xs-padding-40px-tb {padding-top:40px !important; padding-bottom:40px !important;}
    .xs-padding-45px-tb {padding-top:45px !important; padding-bottom:45px !important;}
    .xs-padding-50px-tb {padding-top:50px !important; padding-bottom:50px !important;}
    .xs-padding-55px-tb {padding-top:55px !important; padding-bottom:55px !important;}
    .xs-padding-60px-tb {padding-top:60px !important; padding-bottom:60px !important;}
    .xs-padding-65px-tb {padding-top:65px !important; padding-bottom:65px !important;}
    .xs-padding-70px-tb {padding-top:70px !important; padding-bottom:70px !important;}
    .xs-padding-75px-tb {padding-top:75px !important; padding-bottom:75px !important;}
    .xs-padding-80px-tb {padding-top:80px !important; padding-bottom:80px !important;}
    .xs-padding-85px-tb {padding-top:85px !important; padding-bottom:85px !important;}
    .xs-padding-90px-tb {padding-top:90px !important; padding-bottom:90px !important;}
    .xs-padding-95px-tb {padding-top:95px !important; padding-bottom:95px !important;}
    .xs-padding-100px-tb {padding-top:100px !important; padding-bottom:100px !important;}

    /* padding left right */
    .xs-padding-one-lr {padding-left:1%; padding-right:1%;}
    .xs-padding-one-half-lr {padding-left:1.5%; padding-right:1.5%;}
    .xs-padding-two-lr {padding-left:2%; padding-right:2%;}
    .xs-padding-two-half-lr {padding-left:2.5%; padding-right:2.5%;}
    .xs-padding-three-lr {padding-left:3%; padding-right:3%;}
    .xs-padding-three-half-lr {padding-left:3.5%; padding-right:3.5%;}
    .xs-padding-four-lr {padding-left:4%; padding-right:4%;}
    .xs-padding-four-half-lr {padding-left:4.5%; padding-right:4.5%;}
    .xs-padding-five-lr {padding-left:5%; padding-right:5%;}
    .xs-padding-five-half-lr {padding-left:5.5%; padding-right:5.5%;}
    .xs-padding-six-lr {padding-left:6%; padding-right:6%;}
    .xs-padding-six-half-lr {padding-left:6.5%; padding-right:6.5%;}
    .xs-padding-seven-lr {padding-left:7%; padding-right:7%;}
    .xs-padding-seven-half-lr {padding-left:7.5%; padding-right:7.5%;}
    .xs-padding-eight-lr {padding-left:8%; padding-right:8%;}
    .xs-padding-eight-half-lr {padding-left:8.5%; padding-right:8.5%;}
    .xs-padding-nine-lr {padding-left:9%; padding-right:9%;}
    .xs-padding-nine-half-lr {padding-left:9.5%; padding-right:9.5%;}
    .xs-padding-ten-lr {padding-left:10%; padding-right:10%;}
    .xs-padding-ten-half-lr {padding-left:10.5%; padding-right:10.5%;}
    .xs-padding-eleven-lr {padding-left:11%; padding-right:11%;}
    .xs-padding-eleven-half-lr {padding-left:11.5%; padding-right:11.5%;}
    .xs-padding-twelve-lr {padding-left:12%; padding-right:12%;}
    .xs-padding-twelve-half-lr {padding-left:12.5%; padding-right:12.5%;}
    .xs-padding-thirteen-lr {padding-left:13%; padding-right:13%;}
    .xs-padding-thirteen-half-lr {padding-left:13.5%; padding-right:13.5%;}
    .xs-padding-fourteen-lr {padding-left:14%; padding-right:14%;}
    .xs-padding-fourteen-half-lr {padding-left:14.5%; padding-right:14.5%;}
    .xs-padding-fifteen-lr {padding-left:15%; padding-right:15%;}
    .xs-padding-fifteen-half-lr {padding-left:15.5%; padding-right:15.5%;}
    .xs-padding-sixteen-lr {padding-left:16%; padding-right:16%;}
    .xs-padding-sixteen-half-lr {padding-left:16.5%; padding-right:16.5%;}
    .xs-padding-seventeen-lr {padding-left:17%; padding-right:17%;}
    .xs-padding-seventeen-half-lr {padding-left:17.5%; padding-right:17.5%;}
    .xs-padding-eighteen-lr {padding-left:18%; padding-right:18%;}
    .xs-padding-eighteen-half-lr {padding-left:18.5%; padding-right:18.5%;}
    .xs-padding-nineteen-lr {padding-left:19%; padding-right:19%;}
    .xs-padding-nineteen-half-lr {padding-left:19.5%; padding-right:19.5%;}
    .xs-padding-twenty-lr {padding-left:20%; padding-right:20%;}
    .xs-padding-twenty-half-lr {padding-left:20.5%; padding-right:20.5%;}
    .xs-padding-twenty-one-lr {padding-left:21%; padding-right:21%;}
    .xs-padding-twenty-one-half-lr {padding-left:21.5%; padding-right:21.5%;}
    .xs-padding-twenty-two-lr {padding-left:22%; padding-right:22%;}
    .xs-padding-twenty-two-half-lr {padding-left:22.5%; padding-right:22.5%;}
    .xs-padding-twenty-three-lr {padding-left:23%; padding-right:23%;}
    .xs-padding-twenty-three-half-lr {padding-left:23.5%; padding-right:23.5%;}
    .xs-padding-twenty-four-lr {padding-left:24%; padding-right:24%;}
    .xs-padding-twenty-four-half-lr {padding-left:24.5%; padding-right:24.5%;}
    .xs-padding-twenty-five-lr {padding-left:25%; padding-right:25%;}
    .xs-padding-thirty-lr {padding-left:30%; padding-right:30%;}
    .xs-padding-5px-lr {padding-left:5px !important; padding-right:5px ;}
    .xs-padding-10px-lr {padding-left:10px !important; padding-right:10px !important;}
    .xs-padding-15px-lr {padding-left:15px !important; padding-right:15px !important;}
    .xs-padding-20px-lr {padding-left:20px !important; padding-right:20px !important;}
    .xs-padding-25px-lr {padding-left:25px !important; padding-right:25px !important;}
    .xs-padding-30px-lr {padding-left:30px !important; padding-right:30px !important;}
    .xs-padding-35px-lr {padding-left:35px !important; padding-right:35px !important;}
    .xs-padding-40px-lr {padding-left:40px !important; padding-right:40px !important;}
    .xs-padding-45px-lr {padding-left:45px !important; padding-right:45px !important;}
    .xs-padding-50px-lr {padding-left:50px !important; padding-right:50px !important;}
    .xs-padding-55px-lr {padding-left:55px !important; padding-right:55px !important;}
    .xs-padding-60px-lr {padding-left:60px !important; padding-right:60px !important;}
    .xs-padding-65px-lr {padding-left:65px !important; padding-right:65px !important;}
    .xs-padding-70px-lr {padding-left:70px !important; padding-right:70px !important;}
    .xs-padding-75px-lr {padding-left:75px !important; padding-right:75px !important;}
    .xs-padding-80px-lr {padding-left:80px !important; padding-right:80px !important;}
    .xs-padding-85px-lr {padding-left:85px !important; padding-right:85px !important;}
    .xs-padding-90px-lr {padding-left:90px !important; padding-right:90px !important;}
    .xs-padding-95px-lr {padding-left:95px !important; padding-right:95px !important;}
    .xs-padding-100px-lr {padding-left:100px !important; padding-right:100px !important;}

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

    /* background position */
    .xs-bg-position-left-top, .vc_row-has-fill.xs-bg-position-left-top {background-position: left top !important}
    .xs-bg-position-left-center, .vc_row-has-fill.xs-bg-position-left-center {background-position: left center !important}
    .xs-bg-position-left-bottom, .vc_row-has-fill.xs-bg-position-left-bottom {background-position: left bottom !important}
    .xs-bg-position-center-top, .vc_row-has-fill.xs-bg-position-center-top {background-position: center top !important}
    .xs-bg-position-center-center, .vc_row-has-fill.xs-bg-position-center-center {background-position: center center !important}
    .xs-bg-position-center-bottom, .vc_row-has-fill.xs-bg-position-center-bottom {background-position: center bottom !important}
    .xs-bg-position-right-top, .vc_row-has-fill.xs-bg-position-right-top {background-position: right top !important}
    .xs-bg-position-right-center, .vc_row-has-fill.xs-bg-position-right-center {background-position: right center !important}
    .xs-bg-position-right-bottom, .vc_row-has-fill.xs-bg-position-right-bottom {background-position: right bottom !important}

    /* top */
    .xs-top-auto {top:auto}
    .xs-top-inherit {top: inherit !important;}
    .xs-top-0 {top:0 !important}
    .xs-top-1 {top:1px}
    .xs-top-2 {top:2px}
    .xs-top-3 {top:3px}
    .xs-top-4 {top:4px}
    .xs-top-5 {top:5px}
    .xs-top-6 {top:6px}
    .xs-top-7 {top:7px}
    .xs-top-8 {top:8px}
    .xs-top-9 {top:9px}
    .xs-top-10 {top:10px}
    .xs-top-12 {top:12px}
    .xs-top-15 {top:15px}
    .xs-top-17 {top:17px}
    .xs-top-20 {top:20px}
    .xs-top-25 {top:25px}
    .xs-top-30 {top:30px}
    .xs-top-35 {top:35px}
    .xs-top-40 {top:40px}
    .xs-top-45 {top:45px}
    .xs-top-50 {top:50px}
    .xs-top-17 {top:17px}

    .xs-top-minus1 {top:-1px}
    .xs-top-minus2 {top:-2px}
    .xs-top-minus3 {top:-3px}
    .xs-top-minus4 {top:-4px}
    .xs-top-minus5 {top:-5px}
    .xs-top-minus6 {top:-6px}
    .xs-top-minus7 {top:-7px}
    .xs-top-minus8 {top:-8px}
    .xs-top-minus9 {top:-9px}
    .xs-top-minus10 {top:-10px}
    .xs-top-minus30 {top:-30px}

    /* bottom */
    .xs-bottom-auto {bottom:auto}
    .xs-bottom-0 {bottom:0}
    .xs-bottom-1 {bottom:1px}
    .xs-bottom-2 {bottom:2px}
    .xs-bottom-3 {bottom:3px}
    .xs-bottom-4 {bottom:4px}
    .xs-bottom-5 {bottom:5px}
    .xs-bottom-6 {bottom:6px}
    .xs-bottom-7 {bottom:7px}
    .xs-bottom-8 {bottom:8px}
    .xs-bottom-9 {bottom:9px}
    .xs-bottom-10 {bottom:10px}
    .xs-bottom-20 {bottom:20px}
    .xs-bottom-25 {bottom:25px}
    .xs-bottom-30 {bottom:30px}

    .xs-bottom--minus30 {bottom:-30px} 
    .xs-bottom--minus50 {bottom:-50px}
    .xs-bottom--minus55 {bottom: -55px;}

    /* left */
    .xs-left-auto {left:auto}
    .xs-left-0 {left:0}
    .xs-left-1 {left:1px}
    .xs-left-2 {left:2px}
    .xs-left-3 {left:3px}
    .xs-left-4 {left:4px}
    .xs-left-5 {left:5px}
    .xs-left-6 {left:6px}
    .xs-left-7 {left:7px}
    .xs-left-8 {left:8px}
    .xs-left-9 {left:9px}
    .xs-left-10 {left:10px}

    /* right */
    .xs-right-auto {right:auto}
    .xs-right-0 {right:0}
    .xs-right-1 {right:1px}
    .xs-right-2 {right:2px}
    .xs-right-3 {right:3px}
    .xs-right-4 {right:4px}
    .xs-right-5 {right:5px}
    .xs-right-6 {right:6px}
    .xs-right-7 {right:7px}
    .xs-right-8 {right:8px}
    .xs-right-9 {right:9px}
    .xs-right-10 {right:10px}

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

    .xs-width-50px {width:50px;}
    .xs-width-70px {width:70px;}
    .xs-width-75px {width:75px;}
    .xs-width-80px {width:80px;}
    .xs-width-85px {width:85px;}
    .xs-width-90px {width:90px;}
    .xs-width-95px {width:95px;}
    .xs-width-100px {width:100px;}
    .xs-width-120px {width:120px;}
    .xs-width-130px {width:130px;}
    .xs-width-150px {width:150px;}
    .xs-width-180px {width:180px;}
    .xs-width-200px {width:200px;}
    .xs-width-250px {width:250px;}
    .xs-width-300px {width:300px;}
    .xs-width-350px {width:350px;}
    .xs-width-400px {width:400px;}
    .xs-width-450px {width:450px;}
    .xs-width-500px {width:500px;}
    .xs-width-550px {width:550px;}
    .xs-width-600px {width:600px;}
    .xs-width-650px {width:650px;}
    .xs-width-700px {width:700px;}
    .xs-width-750px {width:750px;}
    .xs-width-800px {width:800px;}
    .xs-width-850px {width:850px;}
    .xs-width-900px {width:900px;}
    .xs-width-950px {width:950px;}
    .xs-width-1000px {width:1000px;}

    /* height */
    .xs-height-50 {height: 50% !important}
    .xs-height-100 {height: 100% !important}
    .xs-height-auto {height:auto !important}
    .xs-height-50px {height: 50px !important}
    .xs-height-60px {height: 60px !important}
    .xs-height-70px {height: 70px !important}
    .xs-height-80px {height: 80px !important}
    .xs-height-90px {height: 90px !important}
    .xs-height-100px {height: 100px !important}
    .xs-height-150px {height: 150px !important}
    .xs-height-200px {height: 200px !important}
    .xs-height-250px {height: 250px !important}
    .xs-height-300px {height: 300px !important}
    .xs-height-350px {height: 350px !important}
    .xs-height-400px {height: 400px !important}
    .xs-height-450px {height: 450px !important}
    .xs-height-500px {height: 500px !important}
    .xs-height-550px {height: 550px !important}
    .xs-height-600px {height: 600px !important}
    .xs-height-650px {height: 650px !important}
    .xs-height-700px {height: 700px !important}
    .xs-height-750px {height: 750px !important}
    .xs-height-800px {height: 800px !important}
    .xs-height-850px {height: 850px}
    .xs-height-900px {height: 900px}

    /* line height */
    .xs-line-height-10 {line-height:10px;}
    .xs-line-height-18 {line-height:18px;}
    .xs-line-height-20 {line-height:20px}
    .xs-line-height-24 {line-height:24px}
    .xs-line-height-22 {line-height:22px}
    .xs-line-height-26 {line-height:26px}
    .xs-line-height-28 {line-height:28px}
    .xs-line-height-30 {line-height:30px}
    .xs-line-height-35 {line-height:35px}
    .xs-line-height-40 {line-height:40px}
    .xs-line-height-45 {line-height:45px}
    .xs-line-height-50 {line-height:50px}
    .xs-line-height-55 {line-height:55px}
    .xs-line-height-60 {line-height:60px}
    .xs-line-height-65 {line-height:65px}
    .xs-line-height-70 {line-height:70px}
    .xs-line-height-75 {line-height:75px}
    .xs-line-height-80 {line-height:80px}
    .xs-line-height-85 {line-height:85px}
    .xs-line-height-90 {line-height:90px}
    .xs-line-height-95 {line-height:95px}
    .xs-line-height-100 {line-height:100px}

    /* feature box style 14 */
    .feature-box-14:nth-child(even) {border-right: 0; border-top: 0}
    .feature-box-14:nth-child(odd) {border-right: 0; border-top: 0}

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

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

    /* letter spacing */
    .xs-letter-spacing-0 {letter-spacing: 0;}

    /* border */
    .xs-no-border-top {border-top:0 !important}
    .xs-no-border-bottom {border-bottom:0 !important}
    .xs-no-border-right {border-right:0 !important}
    .xs-no-border-left {border-left:0 !important}
    .xs-no-border {border: 0 !important}
    .xs-column-no-border-right-bottom .vc_column-inner {border-right:0 !important;border-bottom:0 !important}

    /* custom */
    section, .default-page-space {padding: 50px 0;}
    section.big-section {padding:80px 0;}
    section.extra-big-section {padding:100px 0;}
    section.half-section {padding:25px 0;}
    .pofo-page-content-area {padding-top: 50px; padding-bottom: 0;}
    .pofo-page-widget-area {padding-top: 0; padding-bottom: 20px;}
    .xs-col-2-nth .col-sm-6:nth-child(2n+1) {clear: left;}
    .xs-col-3-nth .col-sm-4:nth-child(3n+1) {clear: left;}
    .xs-col-4-nth .col-sm-3:nth-child(4n+1) {clear: left;}
    .xs-center-col {float: none; margin: 0 auto;}
    .mobile-height, .swiper-full-screen {height: auto !important;}
    .mobile-height .full-screen, .swiper-full-screen .full-screen, .mobile-height .opacity-very-light, .swiper-full-screen .opacity-very-light, .mobile-height .opacity-light, .swiper-full-screen .opacity-light,
    .mobile-height .opacity-extra-medium, .swiper-full-screen .opacity-extra-medium, .mobile-height .opacity-medium, .swiper-full-screen .opacity-medium, .mobile-height .opacity-full, .swiper-full-screen .opacity-full,
    .mobile-height .opacity-full-dark, .swiper-full-screen .opacity-full-dark, .mobile-height .opacity-full, .swiper-full-screen .opacity-full, .mobile-height .vc_row-o-full-height, .mobile-height.vc_row-o-full-height {height: 480px !important; min-height: 480px !important}
    .blog-post-sticky {padding: 20px 20px 0;}

    .overlap-section {margin-top: 0}
    .gridblock-main {padding: 15px;}
    .gridblock-list li {width: 100%; margin-bottom: 0}
    .popup-youtube .icon-image {width: 112px;}
    .popup-vimeo .icon-image {width: 112px;}
    .popup-youtube-img.popup-youtube .icon-image {width: 50px;}

    /* skillbar bar style 1 */
    .skillbar-bar-main.skillbar-bar-style1 .skillbar, .skillbar-bar-main.skillbar-bar-style2 .skillbar {display: block}

    /* blockquote */
    .blog-image blockquote {padding: 20px;}
    blockquote {margin: 30px 0; padding: 15px 25px;}
    blockquote p {font-size: 14px; line-height: 24px;}
    .blog-post .blog-image blockquote {padding: 20px;}

    /* slider */
    .slider-half-small-screen {min-height: 330px;}
    .slider-half-screen {min-height: 420px;}
    .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 20px}

    /* 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;}
    .hover-option8 .grid-item .portfolio-icon {right: 39px; top: 34px;}
    .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, .blog-grid.blog-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%;}

    /* clear  */
    .xs-clear-none {clear: none}
    .xs-clear-both {clear: both}

    /* feature box style 4 */
    .grid-item.feature-box-4 figure figcaption {padding-bottom:30px}

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

    /* counter box style 3 */
    .counter-box-3 .counter-box {width: 25%;}
    .counter-box-3 .counter-box .number {font-size: 16px; line-height: 16px;}
    .counter-box-3 .counter-box span {font-size: 12px; line-height: 24px;}
    .counter-box-3 .counter-box:after {top: 0px;}

    /* background position */
    .xs-bg-position-left-top, .vc_row-has-fill.xs-bg-position-left-top, .vc_col-has-fill .xs-bg-position-left-top {background-position: left top !important}
    .xs-bg-position-left-center, .vc_row-has-fill.xs-bg-position-left-center, .vc_col-has-fill .xs-bg-position-left-center {background-position: left center !important}
    .xs-bg-position-left-bottom, .vc_row-has-fill.xs-bg-position-left-bottom, .vc_col-has-fill .xs-bg-position-left-bottom {background-position: left bottom !important}
    .xs-bg-position-center-top, .vc_row-has-fill.xs-bg-position-center-top, .vc_col-has-fill .xs-bg-position-center-top {background-position: center top !important}
    .xs-bg-position-center-center, .vc_row-has-fill.xs-bg-position-center-center, .vc_col-has-fill .xs-bg-position-center-center {background-position: center center !important}
    .xs-bg-position-center-bottom, .vc_row-has-fill.xs-bg-position-center-bottom, .vc_col-has-fill .xs-bg-position-center-bottom {background-position: center bottom !important}
    .xs-bg-position-right-top, .vc_row-has-fill.xs-bg-position-right-top, .vc_col-has-fill .xs-bg-position-right-top {background-position: right top !important}
    .xs-bg-position-right-center, .vc_row-has-fill.xs-bg-position-right-center, .vc_col-has-fill .xs-bg-position-right-center {background-position: right center !important}
    .xs-bg-position-right-bottom, .vc_row-has-fill.xs-bg-position-right-bottom, .vc_col-has-fill .xs-bg-position-right-bottom {background-position: right bottom !important}

    /* counter box style 4 */
    .counter-box-4 .timer::after {display: none;}
    .icon-box .icon-box-holder i { padding-top: 0;}

    /* equalize auto */
    .xs-equalize-auto > [class*='col-'], .xs-equalize-auto .inner-match-height {height: auto !important;}

    /* feature box 4 */
    .feature-box-4 .grid-item figcaption {padding:0 20px;}
    .feature-box-4 figure figcaption {padding: 10% 5%; text-align: center}

    /* feature box 5 */
    .feature-box-5 {padding-left: 0; text-align: center}
    .feature-box-5 i {display: block; width: 100%; position: inherit; margin-bottom: 15px}

    /* feature box 9 */
    .feature-box-9:nth-child(3) {clear: left;}

    /* feature box 10 */
    .feature-box-10 .number-center::before, .feature-box-10 .number-center::after {height:0}

    /* feature box 6 */
    .feature-box-6 i, .feature-box-6 img {transform:translateY(-15px)}

    /* feature box style 12 */
    .feature-box-12 .hover-content-box {width:100%; margin-left:0; margin-right:0;  top: -35px;}

    .xs-text-center .separator-line-horrizontal-medium-light3 {margin: 0 auto}
    .xs-text-right .separator-line-horrizontal-medium-light3 {float: right}

    /* 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: 15px;}
    .header-searchbar a i {margin-right: 0;}
    .header-right {margin-left: 0; padding-left: 0; margin-top: 1px;}
    header .header-social-icon ul li a i {margin-left: 6px;}
    .header-social-icon li:first-child a i {margin-left: 11px;}
    .header-social-icon {padding-left: 5px; margin-left: 15px;}

    /* home - creative simple portfolio */
    .head-text {font-size: 30px; line-height: 36px;}
    .sidebar-wrapper .portfolio-grid.work-4col li, .blog-grid.blog-4col li,.blog-grid.blog-3col li {width: 100%}
    .special-char-extra-large {font-size:130px; line-height: 110px;}

    /* blog post style 3 */
    .xs-no-background-img, .vc_row-has-fill.xs-no-background-img {background-image: none !important}

    /* swiper pagination */
    .swiper-pagination-square-bottom.swiper-pagination-bullets {bottom: -35px; right: 0;}
    .swiper-number-pagination .swiper-pagination-bullets, .swiper-number-pagination .swiper-number {bottom: auto; top: 25% !important;}
    .swiper-vertical-pagination > .swiper-pagination-bullets {right: 15px;}
    .swiper-pagination-square-bottom.swiper-pagination-bullets {bottom: -35px;}

    /* swiper bottom scrollbar */
     .swiper-bottom-scrollbar-full.swiper-container {height: 100%; padding-top: 80px; }
    .swiper-bottom-scrollbar-full.swiper-container .swiper-wrapper { float: left; width: 100%; display: block !important; height: 100% !important;}    
    .swiper-bottom-scrollbar-full.swiper-container .swiper-wrapper .swiper-slide { float: left; width: 100%;}

    /* home - portfolio personal */
    .swiper-container-autoheight .swiper-slide {height: auto}
    .swiper-container-autoheight .swiper-slide:last-child {margin-bottom: 0;}
    .swiper-auto-width.swiper-container {height: calc(100% - 93px); top: 78px;}
    .swiper-bottom-scrollbar-full .swiper-slide img {opacity: 1; width: 100%; max-height: 100%; vertical-align: top;}
    .swiper-bottom-scrollbar-full .swiper-slide img.signature {width: 100% !important;}
    .hover-title-box .separator {position: relative; left: 0; top: 70px}
    .swiper-bottom-scrollbar-full .bottom-text {opacity: 1;}
    .swiper-bottom-scrollbar-full .bottom-text {bottom: 25px; position: absolute;}
    .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); left: 50%; margin: 0;}
    .swiper-button-prev.swiper-prev-style3 {left: 50%; margin: 0 0 0 -85px;}

    /* testimonial style 2 */
    .testimonial-style2 .profile-box {margin-top: -25px;}

    /* link style 2 */
    .full-width-pull-menu .link-style-2 ul.hamburger-menu-style1 li a {font-size: 26px; line-height: 60px}
    .full-width-pull-menu .link-style-2 ul.hamburger-menu-style1 li a {line-height:42px; font-size: 22px;}
    .full-width-pull-menu .link-style-2 .icon-social-medium a:first-child i {margin-left: 0;}
    .full-width-pull-menu .link-style-2 .dropdown ul li a, .full-width-pull-menu .link-style-2 .dropdown.open ul li 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:10px; right:10px}

    /* 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}
    .hamburger-wp-menu .menu-wrap .widget ul {margin: 0; padding: 0}
    .full-width-pull-menu .menu-wrap ul li ul li { width: 94%; }

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

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

    /* mini header */
    .header-with-topbar.sticky-mini-header.sticky.header-appear .navbar {top: 30px;}
    .admin-bar .header-with-topbar.sticky-mini-header.sticky .top-header-area {top: 0;}
    .admin-bar .header-with-topbar.sticky-mini-header.sticky.header-appear .navbar {top: 30px;}
    .header-with-topbar.sticky-mini-header.sticky nav.navbar-fixed-top {top: 30px;}
    .header-with-topbar.sticky-mini-header.sticky nav.navbar.sidebar-nav.sidebar-nav-style-1 .sidenav-header {top: 30px;}
    .header-with-topbar.sticky-mini-header.sticky .left-nav, .header-with-topbar.sticky-mini-header.sticky .sidebar-part1 {top: 30px;}
    .admin-bar .header-with-topbar.sticky-mini-header.sticky .left-nav, .admin-bar .header-with-topbar.sticky-mini-header.sticky .sidebar-part1 {top: 30px;}
    .admin-bar .sticky.header-with-topbar.sticky-mini-header nav.navbar.sidebar-nav.sidebar-nav-style-1 .sidenav-header, .admin-bar .sticky-mini-header nav.navbar.sidebar-nav.sidebar-nav-style-1 .sidenav-header {top: 30px;}

    /* navigation */
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > .widget_media_image {width: 100%; margin-bottom: 15px;}
    nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > .widget_media_image:last-child {margin-bottom: 0;}
    .header-with-topbar nav, .header-with-topbar nav.navbar.sidebar-nav.sidebar-nav-style-1 .sidenav-header {top: 30px}
    .header-with-topbar.sticky nav, .sticky .navbar-top {top: -160px;}
    .header-appear.header-with-topbar.sticky nav, .header-appear.sticky .navbar-top {top: 0;}
    .header-searchbar, .header-social-icon {top: 0;}
    .header-menu-button {padding-left: 15px;}
    header nav.navbar {margin-bottom: 0; border-bottom: 0;}
    .header-with-topbar .left-nav, .header-with-topbar .sidebar-part1 {top: 30px;}
    .sticky.header-with-topbar .left-nav, .sticky.header-with-topbar .sidebar-part1 {top: 0;}
    .header-with-topbar.sticky.header-appear nav {top: 0;}
    .admin-bar .header-with-topbar nav.navbar.sidebar-nav.sidebar-nav-style-1 .sidenav-header, .admin-bar .header-with-topbar .left-nav, .admin-bar .header-with-topbar .sidebar-part1, .admin-bar .header-with-topbar nav.navbar.sidebar-nav {top: 76px;}
    .admin-bar .sticky.header-with-topbar .left-nav, .admin-bar .sticky.header-with-topbar .sidebar-part1, .admin-bar .sticky.header-with-topbar nav.navbar.sidebar-nav, .admin-bar .sticky .left-nav, .admin-bar .sticky .sidebar-part1 {top: 0;}
    .admin-bar .header-with-topbar.sticky nav.navbar-fixed-top {top: 0;}
    .admin-bar .header-with-topbar.sticky-mini-header.no-sticky.min-header-appear .top-header-area {top: 0;}
    .admin-bar .header-with-topbar.sticky.sticky-mini-header nav.navbar-fixed-top {top: 30px;}

    /* 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;}
    .latest-post li div {float: left; width: 70%;}
    .latest-post li {width: 100%;}
    .footer-widget-area .list-unstyled {margin-bottom: 0;}
    .instagram-follow-api li {padding: 0 5px 10px}
    .list-style-7 li {padding-bottom: 8px; margin-bottom: 5px;}
    .footer-style-one .widget:last-child {margin-bottom: 0 !important}
    footer .pofo-footer-wrapper .footer-wrapper-text-align-col-two:first-child {text-align: center;}
    footer .pofo-footer-wrapper .footer-wrapper-text-align-col-one {text-align: center}
    .footer-wrapper-style-4 { padding-bottom: 0 !important}

    /* feature box style 11 */
    .feature-box-11 .progress-line:after {visibility: hidden;}

    /* sidebar nav style 2 */
    .left-nav-sidebar .container {width: 100%;}

    /* home - classic innovation agency */
    .content-right-slider .swiper-button-next, .swiper-button-next.slider-long-arrow-white, .swiper-container-rtl .swiper-button-prev.slider-long-arrow-white {right: 5px; background-size: 20px auto;}
    .content-right-slider .swiper-button-prev, .swiper-button-prev.slider-long-arrow-white, .swiper-container-rtl .swiper-button-next.slider-long-arrow-white  {left: 5px; background-size: 20px auto;}
    .content-right-slider .swiper-button-next, .content-right-slider .swiper-button-prev, .swiper-container-rtl .swiper-button-next.slider-long-arrow-white, .swiper-container-rtl .swiper-button-prev.slider-long-arrow-white {background-size: 20px auto; width: 25px;}
    .testimonial-slider-2 .swiper-button-prev.slider-long-arrow-white {left: -7px;}
    .testimonial-slider-2 .swiper-button-next.slider-long-arrow-white {right: -7px;}
    
    .pofo-image-style5 .swiper-button-next.swiper-next-2 { background-position: right 3px center; }
    .pofo-image-style5 .swiper-button-prev.swiper-prev-2 { background-position: left 3px center; }

    /* homepage 19 */
    .swiper-vertical-pagination .box-arrow {height: 50px; position: absolute; right: -35px; bottom: 0; width: 50px;}
    .down-section {bottom:40px;}
    .after-before-separator:before, .after-before-separator:after {margin: 0 10px; width: 25px;}
    
     /* scroll down */
    .down-section-style-3 { bottom: -35px; }
    .down-section-style-3 .separator-line-verticle-large { height: 70px;}

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

    /* tab */
    .nav-tabs {text-align: center;}
    .portfolio-filter-tab-1.nav > li {margin: 5px 0; width: 100%;}
    .tab-style3 .nav-tabs li {display: block; text-align: left; margin: 0; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,.1);}
    .tab-style3 .nav-tabs li.active {border-bottom: 1px solid #232323;}

    /* tab style 2 */
    .tab-style2 .nav-tabs > li.active > a {top: 0}

    /* tab style 1 */
    .tab-style1 .nav-tabs li {width: 100%; margin-bottom: 30px;}
    .tab-style1 .nav-tabs li a {padding: 0;}

    /* team style 2 */
    .team-style-2 figure:hover figcaption .overlay-content {top: 20px;}
    .team-style-2 figure figcaption .overlay-content {padding-bottom: 0;}

    /* tab style 2 */
    .tab-style2 .tab-content {padding: 30px 0 0}
    .tab-style2 .nav-tabs li {display: block; margin-right: 0;}

    /* tab style 4 */
    .tab-style4 .tab-content {padding-left: 0; border-left: 0;}
    .tab-style4 .nav-tabs {display: block !important; padding-right: 15px; margin-bottom: 30px;}
    .tab-style4 .nav-tabs li {border-right: 1px solid #e5e5e5; border-bottom: 0; top: 0;}
    .tab-style4 .nav-tabs > li > a {top: 0;}
    .tab-style4 .nav-tabs li:last-child { border-bottom: 1px solid #e5e5e5;}
    
     /* tab style 5 */
    .tab-style5 { margin-left: 0; }
    .tab-style5 .tab-content { padding-left: 0; }
    .tab-style5 .tab-box { position: inherit; -webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); left: 0; top: 0; width: 100%; margin-bottom: 25px;}
    .tab-style5 .nav-tabs li a { border-bottom: 1px solid rgba(255,255,255,.3); width: 100%; font-size: 17px; line-height: normal; padding: 10px 0 10px; }
    .tab-style5 .nav-tabs li.active a { padding-left: 0; width: 100%; border-bottom-width: 1px; }

    /* skillbar bar style 3  */
    .skillbar-bar-style3 .skillbar {width: 100%;}
    .team-image img {width: 100%;}
    .banner-style2 figure:hover figcaption {right: 10%;}
    .banner-style2 figcaption {width: 80%;}
    .text-decoration-line-through-black::before, .text-decoration-line-through-deep-pink:before {display: none}
    .counter-box-5 .counter-box .number {font-size: 30px !important; line-height: 30px;}
    .counter-box-5 .counter-box {width: 20%}
    .counter-box-5 .counter-box span {letter-spacing: 0px; font-size: 11px !important;}
    .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); -webkit-transform: scale(0.8); -o-transform: scale(0.8); top: 5px; right: -5px;}
    .swiper-button-next.swiper-next-style4 {top: 14px;}
    .blog-nav-link {padding: 10px 0; font-size: 12px;}
    .blog-nav-link-next {padding-right: 30px;}
    .blog-nav-link-prev {padding-left: 30px;}
    .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}
    .input-border-bottom {margin-bottom: 10px;}
    .blog-text .name:nth-child(2) {padding-top: 0; padding-bottom: 0;}
    .blog-text .name:last-child {padding-bottom: 15px;}

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

    /* hover option 6 */
    .hover-option6 .grid-item .portfolio-icon i.fa-search { top: 12px;}

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

    /* top logo */
    .navbar.navbar-brand-top.bootsnav .navbar-toggle {top: 4px;}
    .navbar-brand-top .brand-top-menu-right {padding-left: 15px;}
    .navbar-brand-top .header-searchbar, .navbar-brand-top .header-social-icon {top: 1px;}
    .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}
    #search-header {width: 95%; margin: 0 auto}

    /* footer menu */
    footer .menu {margin: 0 0 7px;}

    /* vc modify */
    .compose-mode .vc_vc_row section.vc_row {padding: 50px 0;}
    .compose-mode .vc_vc_row section.vc_row.big-section {padding:80px 0;}
    .compose-mode .vc_vc_row section.vc_row.extra-big-section {padding:100px 0;}
    .compose-mode .vc_vc_row section.vc_row.half-section {padding:25px 0;}

    /* full width menu nav */
    .full-width-pull-menu .link-style-2 .dropdown.open ul li ul {margin-top: 0;}
    .full-width-pull-menu .link-style-2 .dropdown ul li {padding: 5px 0;}

    /* instagram feed */
    footer .instagram-follow-api ul {padding-top: 5px;}

    /* latest post */
    footer .latest-post li:last-child {padding-bottom: 0;}

    /* blog comment */
    .children {padding-left: 20px;}
    .blog-comment li ul.children {margin-left: 0}
    .blog-comment {list-style: none; margin: 0; padding: 0;}
    .blog-comment li {padding: 30px 0;}
    .blog-comment > li:first-child {padding-top: 0}
    .blog-comment li:last-child {border-bottom: none; padding-bottom: 0}
    .blog-comment li ul.children li {padding-bottom: 0;  margin-top: 30px}
    .blog-comment li > div:first-child .comment-awaiting-moderation { position: relative; top: 8px; }

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

    /* blog caption */
    .wp-caption {max-width: 100%;}
    .wp-caption.alignleft, .wp-caption.alignright {float: none; margin: 5px 0 20px;}
    img.alignleft, img.alignright {float: none; margin: 0 auto 15px; width: 100%}
    .input-group-btn .btn.btn-large {height: 58px;}
    .newsletter-form-style2 .input-group-btn > .btn {height: 45px;}
    .input-group-404 input {height: 58px;}
    .swiper-pagination-bottom.swiper-container-horizontal .swiper-wrapper {margin-bottom: 50px;}

    /* icon type */
    .icon-medium {font-size: 30px}
    .icon-extra-medium {font-size: 30px}
    .icon-large {font-size: 40px}
    .after-before-separator::before, .after-before-separator::after {display: none}

    /* portfolio filter tab style 2 */
    .portfolio-filter-tab-2.nav > li {margin-bottom: 5px; width: 100%;}
    .feature-box.feature-box-17 .box .content {top: 25px;}
    .blog-post-style4 figure figcaption {padding: 35px;}
    .pofo-post-detail-icon > ul  {margin-left: 0; margin-right: 0;} 
    .pofo_insta_style_1 ul li figure {display: inline-block; width: 100%;}
    .search-form .search-input {font-size: 16px; padding-top: 10px; padding-bottom: 10px; line-height: 34px;}
    .search-form .search-button {font-size: 12px; top: 20px;}
    .banner-style1 figure:hover figcaption p {height: 80px;}
    .demo-logo img {width: 70%;}
    .team-style-2 {padding-bottom: 0;}
    .demo-portfolio-grid.portfolio-grid.gutter-extra-large li {padding: 15px 0;}
    .xs-no-after:after {display: none}
    .xs-no-before:before {display: none}
    .xs-timer-after .timer:after {display: none}
    .home .heading-style2 br {display: none}
    .banner-title {display: none}
    .elements-list > li {width: 100%; margin-bottom: 30px;}
    .elements-list > li:nth-child(3n+0) {clear: none}

    /* woocommerce style */
    .woocommerce-page .sidebar .widget {padding: 0 0 20px 0; margin-bottom: 20px;}
    .woocommerce-MyAccount-content {margin-bottom: 40px;}
    .woocommerce-MyAccount-navigation ul li a {font-size: 14px;}
    .woocommerce-page .sidebar .widget:last-child {margin-bottom: 0;}
    .pofo-my-account-full .woocommerce-MyAccount-navigation {width: 100%; float: none; margin-bottom: 50px;}
    .pofo-my-account-full .woocommerce-MyAccount-content {width: 100%; float: none; padding-left: 0; margin-bottom: 0;}
    .pofo-my-account-full .woocommerce-MyAccount-content > section:last-child {margin-bottom: 0;}
    .woocommerce-page .widget_price_filter .price_slider_amount .price_label {width: auto; clear: none; text-align: right; margin-top: 0; float: right;}
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {float: right; width: 100%;}
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {float: left; width: 100%;}
    .woocommerce p.stars a {height: 16px; width: 16px;}
    .woocommerce div.product .product_title {font-size: 16px; line-height: 20px;}
    .woocommerce div.product p.price, .woocommerce div.product span.price {font-size: 14px; margin-bottom: 10px;}
    .woocommerce div.product p, .woocommerce div.product p {margin-bottom: 20px;}
    .woocommerce div.product .posted_in, .woocommerce div.product .sku_wrapper, .woocommerce div.product .tagged_as, .woocommerce div.product .products-social-icon {padding-bottom: 12px; margin-bottom: 10px; font-size: 12px;}
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {padding: 11px 10px 10px 10px;}
    .woocommerce div.product .woocommerce-tabs .panel {padding: 20px;}
    .woocommerce .related h2, .woocommerce .up-sells h2, .woocommerce-page .cart-collaterals .cart_totals h2 {font-size: 16px; line-height: 20px; margin: 0;}
    .woocommerce div.product .woocommerce-tabs .panel {margin:0 0 30px;}
    .woocommerce ul.products {margin-top: 20px;}
    .woocommerce div.product .woocommerce-tabs ul.tabs::before {display: none !important;}
    .woocommerce div.product .woocommerce-tabs ul.tabs li {border-top: 1px solid #ededed; width: 100%;}
    .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {margin-top: 0;}
    .woocommerce div.product div.summary {margin-bottom: 10px;}
    .woocommerce .related {padding: 20px 0 0 0;}
    .woocommerce div.product form.cart .variations select, .woocommerce .woocommerce-ordering select {font-size: 12px;}
    header .widget_shopping_cart {padding-left: 14px; margin-left: 14px;}
    .woocommerce .cart-collaterals .cart_totals .tax-rate td, .woocommerce .cart-collaterals .cart_totals .order-total td {font-size: 14px;}
    #add_payment_method .wc-proceed-to-checkout .checkout-button, .woocommerce-cart .wc-proceed-to-checkout .checkout-button, .woocommerce-checkout .wc-proceed-to-checkout .checkout-button {padding-top: 12px !important; padding-bottom: 12px !important; font-size: 13px !important;}
    .woocommerce table.shop_table td, .woocommerce table.shop_table th {padding: 10px 10px;}
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { padding: 20px; width: 100%; }
    .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width: 130px !important;}
    .woocommerce .cart-collaterals .cross-sells ul.products, .woocommerce-page .cart-collaterals .cross-sells ul.products {margin-top: 20px;}
    .woocommerce-page h2 {font-size: 16px;  line-height: 20px;}
    .woocommerce .quantity .qty {width: 60px; height: 33px; padding: 4px 10px 6px;}
    .woocommerce-thankyou-order-received {margin-bottom: 25px;}
    .woocommerce ul.order_details li, .woocommerce ul.order_details li:last-of-type {font-size: 12px; line-height: 20px;}
    .woocommerce ul.order_details li strong {font-size: 12px; line-height: 20px; padding-top: 0;}
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {margin-bottom: 30px; width: 100%; }
    .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 {margin-bottom: 30px;}
    .woocommerce table.shop_table {margin-bottom: 30px;}
    .woocommerce-table--order-downloads thead {display:none}
    .woocommerce-table--order-downloads tbody th,.woocommerce-table--order-downloads tbody th{display:none}
    .woocommerce-table--order-downloads tr,.woocommerce-table--order-downloads tr{display:block}
    .woocommerce-table--order-downloads tr td,woocommerce-table--order-downloads tr td{display:block;text-align:right!important}
    .woocommerce-table--order-downloads tr td.order-actions,.woocommerce-table--order-downloads tr td.order-actions{text-align:left!important}
    .woocommerce-table--order-downloads tr td::before,.woocommerce-table--order-downloads tr td::before{content:attr(data-title) ": ";font-weight:500;float:left; color: #232323;}
    .woocommerce-table--order-downloads tr td.actions::before,.woocommerce-table--order-downloads tr td.product-remove::before,.woocommerce-table--order-downloads tr td.actions::before,.woocommerce-table--order-downloads tr td.product-remove::before{display:none}
    .woocommerce-MyAccount-navigation ul li {padding-bottom: 8px; margin-bottom: 6px;}
    .woocommerce-MyAccount-navigation ul li a {font-size: 12px;}
    .woocommerce-MyAccount-navigation {padding: 15px;}
    .woocommerce-page legend {margin-bottom: 20px; padding-bottom: 15px; font-size: 16px; line-height: 20px;}
    header.site-header > .header-mini-cart .widget_shopping_cart_content {top: 51px;}
    header .widget_shopping_cart .widget-title:before {font-size: 12px;}
    header .widget_shopping_cart .pofo-mini-cart-counter { font-size: 12px;}
    header .navbar-brand-top .header-mini-cart {position: relative; top: 1px}
    .full-width-pull-menu .header-mini-cart {margin-top: 14px;}
    .full-width-pull-menu.hamburger-menu-logo-center .header-mini-cart {margin-top: 0; position: relative; top: -3px;}
    .left-nav-sidebar header.site-header > .header-mini-cart .widget_shopping_cart {top: -1px;}
    .left-nav-sidebar header.site-header > .header-mini-cart .widget_shopping_cart_content {top: 46px;}
    .woocommerce div.product form.cart .button {padding: 9px 15px 9px;}
    .woocommerce-page .sidebar .widget .widget-title {margin-bottom: 20px;}
    .woocommerce-page .sidebar .price_slider_wrapper {margin-top: 10px;}
    .woocommerce #reviews #comments ol.commentlist {margin-bottom: 0; margin-top: 10px;}
    .woocommerce div.product p.price ins, .woocommerce div.product span.price ins {font-size: 14px;}
    .woocommerce div.product .stock {top: -3px;}
    .woocommerce #reviews #comments ol.commentlist li .comment-text {margin: 0;  padding: 10px 0 0; clear: both;}
    .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {font-size: 12px; line-height: 16px;}
    .woocommerce #reviews #comments ol.commentlist li {padding-bottom: 5px;}
    .woocommerce #reviews #comments ol.commentlist li img.avatar {position: inherit;}
    .woocommerce div.product form.cart .group_table td.label label a {font-size: 12px;}
    .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .tax-rate th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total th {font-size: 14px;}
    .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .tax-rate td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total td {font-size: 14px;}
    .single-post-navigation .blog-nav-link.blog-nav-link-prev { padding-left: 20px;}
    .single-post-navigation .blog-nav-link.blog-nav-link-next { padding-right: 20px;}
    .woocommerce-cart .woocommerce .woocommerce-cart-form { overflow: hidden; overflow-x: auto;}
    .woocommerce-cart .woocommerce .woocommerce-cart-form table.cart { width: 480px; }
    
    /* blog navigation */
    .single-post-navigation .blog-nav-link { margin-bottom: 15px; }

    /* vc images carousel */
    .vc_images_carousel { width: 100% !important; text-align: center;}
    
    /* text property */
    .text-outside-line-left { padding-left: 90px; }
    .text-outside-line-left:before { left:0; width: 80px; }
    
    /* blog details */
    .blog-details-text .wpb_content_element { margin-bottom: 20px; }
    
    /* play icon */  
    .popup-icon-round { width: 90px; height: 90px;  }
    
    /* small arrow */
    .swiper-button-prev.swiper-button-angel-white-highlight { left: 0; }
    .swiper-button-next.swiper-button-angel-white-highlight { right: 0; }
    
    /* woocommerce login */
    .woocommerce-page form.checkout_coupon p, .woocommerce-page form.login p, .woocommerce-page form.register p {width: 100%; padding: 0; float: left; margin-bottom: 12px;}
    .woocommerce-page form.checkout_coupon p.form-row-first, .woocommerce-page form.checkout_coupon p.form-row-last { width: auto;}
    
}

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

    /* feature box 7 */ 
    .feature-box {padding: 0 15px;}

    /* accordion style 2 */
    .accordion-style2 .panel-body {padding: 20px 10px}
    .accordion-style2 .panel .panel-heading {padding: 15px 25px 16px 10px;}
    .accordion-style2 .panel .panel-heading i {position: absolute; right: 10px; top: 13px;}

    /* accordion style 3 */
    .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}

    /* social style */
    .social-style-1 ul li {margin: 0 0px;}
    .social-style-1 a {height: 45px; width: 45px; font-size: 20px;}
    .social-style-4 a i {line-height: 40px;}
    .social-style-4 a {font-size: 14px; height: 40px; line-height: 12px; width: 40px;}

    /* social media icon style 1 */
    .social-style-1 a i {line-height: 42px;}

    /* social media icon style 5 */
    .social-style-5 ul li {margin: 10px;}

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

}

@media (max-width: 600px) {
    .cbp-spmenu-vertical {width: 100%;}
    .cbp-spmenu-right {right: -100%;}
}

/* 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 (max-width: 549px) {
    .wp-block-embed-youtube iframe { height: 60vh; }
}

@media (max-width: 474px) { 
    .wp-block-embed-youtube iframe { height: 45vh; }
}

@media screen and (max-width: 479px){
    .woocommerce .woocommerce-result-count {margin: 0 0 10px 0; text-align: center; width: 100%;}
    .woocommerce .woocommerce-ordering {margin: 0; width: 100%;}
    .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {font-size: 14px; line-height: 18px; margin-bottom: 3px;}
    .woocommerce ul.products li.product a img {margin-bottom: 20px;}
    .woocommerce #review_form #respond .comment-form-author, .woocommerce #review_form #respond .comment-form-email {width: 100%;}
    .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .input-text+.button {width: 100%;}
    #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {margin: 0 0 .5em; width: 100% !important;}
    .woocommerce table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {padding-bottom: .5em; width: 100%;}
    .woocommerce table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {width: 100%;}
    .woocommerce ul.products li.product.pofo-product-2col, .woocommerce-page ul.products li.product.pofo-product-2col {width: 100%; margin: 0 0 30px 0;}
    .woocommerce ul.products li.product.pofo-product-3col, .woocommerce-page ul.products li.product.pofo-product-3col {width: 100%; margin: 0 0 30px 0;}
    .woocommerce ul.products li.product.pofo-product-4col, .woocommerce-page ul.products li.product.pofo-product-4col {width: 100%; margin: 0 0 30px 0;}
    .woocommerce ul.products li.product.pofo-product-5col, .woocommerce-page ul.products li.product.pofo-product-5col {width: 100%; margin: 0 0 30px 0;}
    .woocommerce ul.products li.product.pofo-product-6col, .woocommerce-page ul.products li.product.pofo-product-6col {width: 100%; margin: 0 0 30px 0;}
    .woocommerce .cart-collaterals .cross-sells h2, .woocommerce-page .cart-collaterals .cross-sells h2 {text-align: center;}
    .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price ins {margin-bottom: 18px;}
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {width: 100%;}
    .woocommerce table.shop_table.woocommerce-checkout-review-order-table {padding: 15px;}
    .woocommerce-page h3 {font-size: 16px; line-height: 20px;}
    .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label input[type=checkbox] {margin-top: 4px;}
    .woocommerce-page h3#order_review_heading {padding-bottom: 0;}
    #add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label {font-size: 12px;}
    .woocommerce-checkout #payment ul.payment_methods li.payment_method_paypal label {width: 85%;}
    .woocommerce-checkout #payment .payment_method_paypal .about_paypal {line-height: 22px; clear: both; display: block; width: 100%;}
    #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {margin-top: 6px;}
    .woocommerce form .form-row label, .woocommerce form input, .woocommerce form textarea, .woocommerce form select, .select2-container--default .select2-selection--single {font-size: 12px;}
    .woocommerce-page form.checkout_coupon p.form-row-first, .woocommerce-page form.login p.form-row-first, .woocommerce-page form.register p.form-row-first {margin-right: 0; width: 100%;}
    .woocommerce-thankyou-order-received {margin-bottom: 15px; font-size: 13px; padding: 10px;}
    .woocommerce table.shop_table.order_details {padding: 15px;}
    .woocommerce-order-downloads h2, .woocommerce-order-details h2, .woocommerce-customer-details h2, .woocommerce-columns--addresses h2 {padding: 0 0 10px 0; margin: 0 0 15px 0;}
    .woocommerce div.product form.cart .button {padding: 9px 15px 9px;}
    #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {padding: 15px;}
    .woocommerce-page legend {margin-bottom: 15px; padding-bottom: 10px;}
    
    /* cookie message */
    .pofo-cookie-policy-wrapper.left-content .cookie-container { width: 290px; padding: 20px; }
    .pofo-cookie-policy-wrapper.right-content .cookie-container { width: 290px; padding: 20px; }
}

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

/* custom toggle menu */
@media only screen and (min-width: 320px) {
    
    nav.navbar.bootsnav.pofo-standard-menu .responsive-navbar-toggle, nav.navbar.sidebar-nav.sidebar-nav-style-1 .responsive-navbar-toggle { display: none; }
    .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; }
    .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }
    .navbar-left { float: left!important; }
    .navbar-nav { float: left; margin: 0; }
    .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; }
    .navbar-nav > li { float: left; }
    nav.navbar.bootsnav .navbar-collapse.collapse { display: block !important; }
    nav.navbar.bootsnav .navbar-nav { padding-left: 0; padding-right: 0; margin: 0; }
    
    /* new css */
    .header-menu-button { display: inline-block !important; }
    .sidebar-part2 nav.navbar.bootsnav .navbar-nav > li > a { border: 0; }
}