@media (min-width: 1199px) {
    /* page container */
    .container, .container-lg { max-width: 1170px; }
}

@media (max-width: 1199px) {
    section {padding: 90px 0}

    /* typography */
    h1, h2, h3, h4 {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}

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

@media (max-width: 1050px) {
    /* sidebar navigation */
    .parallax {background-attachment: inherit !important }
}

@media (max-width: 991px) {
    /* typography */
    h1, h2, h3, h4 {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}
    p { margin: 0 0 20px; }

    /* custom */
    section {padding: 75px 0;}

    /* header style */
    header * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; -ms-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; }
    .navbar-collapse {left: 0; padding:0; position: absolute; top: 100%; width: 100%; backface-visibility: hidden;}
    nav.navbar.bootsnav .navbar-nav { margin: 0; padding: 0; background-color: rgba(23, 23, 23, 0.95); padding-right: 1px; }
    nav.navbar.bootsnav .navbar-nav li { display: block; clear: both; border-bottom: 1px solid rgba(255, 255, 255, 0.06); border-top: 0; }
    .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a{ margin: 0; padding: 12px 40px 11px; color: #939393; display: block; line-height: normal;}
    .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a { color: #fff; }
    nav.navbar.bootsnav .navbar-toggler { top: 3px;}
    nav .accordion-menu {padding: 26px 0 26px 0;}
    .center-logo {left: 0; position: relative; max-width:100%; margin: 0; top: 0; transform:  none; padding: 26px 15px 26px 0;}
    .navbar-nav li {position: relative}
    header nav.navbar .navbar-nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover {color: rgba(255,255,255,0.6)}
    header nav.navbar.white-link .navbar-nav > li > a:hover, nav.navbar.bootsnav.white-link ul.nav > li > a:hover { color: rgba(255,255,255,0.6)}
    nav.menu-logo-center .accordion-menu, header nav.menu-logo-center .accordion-menu {padding: 26px 0 26px 15px;}
    .navbar>.container-lg { padding-left: 40px; padding-right: 40px; }

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

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

@media (max-width: 767px) {
    h1, h2, h3, h4 {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}

    /* padding top bottom */
    .sm-padding-30px-tb {padding-top:30px; padding-bottom:30px;}

    /* custom */
    section {padding: 50px 0;}

    /* header style */
    .navbar-nav li > a, nav.navbar.navbar-default ul.nav > li > a, header .navbar-nav li > a { padding-left: 15px; padding-right: 15px; }
    header nav.navbar-default { padding-left: 0; padding-right: 0; }
    .navbar>.container-lg { padding-left: 15px; padding-right: 15px; }

    /* header style */
    header .container-lg { padding-right: 0; padding-left: 0; }

    /* social style */

    /* blog comment */
    blockquote {margin: 30px 0; padding: 15px 25px;}
    blockquote p {font-size: 16px; line-height: 28px;}
}

/* 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 !important; background-position: center !important;}
}

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