
@media (min-width: 1199px) {
    .container, .container-lg { max-width: 1250px; }
}
@media (max-width: 1199px) {
    html { font-size: 13px; }
    section { padding: 90px 0 }
    section.big-section { padding:120px 0; }
    h1, h2, h4 { margin:0 0 15px; }
    .title-large { font-size: 90px; line-height: 90px; }
    .title-extra-large { font-size: 110px; line-height: 100px; }
}
@media (max-width: 1024px) {
    .scroll-top-arrow { display: none !important}
}
@media (max-width: 991px) {
    .navbar-expand-lg>.container-lg { padding-right: 15px; padding-left: 15px; }
    .navbar-nav { padding:15px 15px 25px }
    .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; overflow: hidden; box-shadow: 0 20px 15px 0 rgba(23,23,23,.05); max-height: calc(100vh - 65px);}
    .navbar.navbar-dark .navbar-nav .nav-link { color: #232323; padding: 9px 15px; margin: 0; }
    .navbar .navbar-nav .nav-link {font-size: 15px}
    .navbar-toggler { margin: 30px 0 28px 10px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
    .menu-order { order: 5; position: inherit !important }
    header .menu-logo-center .menu-logo { position: relative; left: auto; text-align: left; margin: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
    .menu-logo-center .navbar-brand { padding: 18px 0;}
    .navbar-left, .navbar-right { width: 100%; }
    .menu-logo-center .navbar-collapse > .navbar-nav:first-child { padding-bottom: 0;}
    .menu-logo-center .navbar-collapse > .navbar-nav:last-child { padding-top: 0;}
    header .navbar .navbar-brand .default-logo, header .navbar-brand .alt-logo { visibility: hidden; opacity: 0; width: 0; }
    header .navbar .navbar-brand .mobile-logo  { visibility: visible; opacity: 1; width: auto; }
    .navbar-dark.bg-transparent .navbar-toggler-line { overflow: hidden; background: #232323; }
    .navbar.bg-transparent { background-color: #9bd814!important; }
    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link { color: #232323 !important;}
    [data-mobile-nav-style=classic] .navbar-nav { display: block;}
}
@media (max-width: 991px) {
    html { font-size: 12px }
    section { padding: 75px 0; }
    section.big-section { padding:95px 0; }
    section.half-section { padding:40px 0; }
    p { margin: 0 0 20px; }
    .text-large { font-size:16px; line-height:22px; }
    .title-large { font-size: 70px; line-height: 65px; }
    .title-extra-large { font-size: 90px; line-height:85px }
    .md-line-height-normal { line-height: normal; }
    .md-margin-20px-bottom { margin-bottom:20px; }
    .md-margin-3-rem-bottom { margin-bottom: 3rem; }
    .md-padding-5-rem-all { padding: 5rem; }
    .md-padding-2-half-rem-lr { padding-left: 2.5rem; padding-right: 2.5rem; }
    .md-no-padding-bottom { padding-bottom:0 !important; }
    .md-w-90 { width: 90% !important; }
}
@media (max-width: 767px) {
    html { font-size: 11px }
    section { padding: 50px 0; }
    section.big-section { padding:80px 0; }
    p { margin: 0 0 15px }
    .title-extra-small { font-size: 20px; line-height: 30px; }
    .title-large { font-size: 45px; line-height: 43px; }
    .title-extra-large { font-size: 50px; line-height:50px }
    .sm-letter-spacing-minus-1-half { letter-spacing: -0.50px; }
    .sm-margin-30px-top { margin-top:30px; }
    .sm-margin-20px-bottom { margin-bottom:20px; }
    .sm-margin-25px-bottom { margin-bottom:25px; }
    .sm-margin-30px-bottom { margin-bottom:30px; }
    .sm-margin-5-rem-right { margin-right: 5rem; }
    .navbar-toggler { margin-left: 0;}
    .navbar-nav { padding-left: 0; padding-right: 0; }
    .navbar-expand-lg>.container-lg { padding-right: 0; padding-left: 0; }
}
@media screen and (max-width: 575px) {
    section.big-section { padding:50px 0; }
    .xs-margin-2-rem-right { margin-right: 2rem; }
    .xs-padding-1-half-rem-top { padding-top: 1.5rem; }
    .xs-padding-2-rem-bottom { padding-bottom: 2rem; }
    .xs-padding-4-rem-tb { padding-top: 4rem; padding-bottom: 4rem; }
    .xs-padding-2-rem-lr { padding-left: 2rem; padding-right: 2rem; }
    .xs-w-15 { width: 15% !important; }
    .xs-w-85 { width: 85% !important; }
    .xs-h-300px { height: 300px !important; }
    .home-personal-portfolio .title-large-2 { font-size: 50px; line-height: 55px; }
}
