/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 1921px) {

}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 1281px) and (max-width: 1920.99px) {

}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------- */

@media (min-width: 1200px) {

}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 992px) and (max-width: 1199.99px) {
    
    html { font-size: 16px; } 
    
    /*------------------------------------------*/
    /*   BASE
    /*------------------------------------------*/
    
    /* Headers */
    h5 { font-size: 21px; } 
    h4 { font-size: 26px; } 
    h3 { font-size: 37px; }  
    h2 { font-size: 50px; } 
    
    /* Paragraphs */
    p { font-size: 17px; }

    /* Buttons */
    .btn.btn-sm { font-size: 0.85rem; padding: 0.8rem 1.75rem; }
    .btn { font-size: 0.9rem; padding: 1rem 2.1rem; }
    .btn.btn-lg { font-size: 0.925rem; padding: 1.15rem 2.35rem; }
    .btn.btn-lg { font-size: 0.925rem; padding: 1.15rem 2.35rem; }

    /*------------------------------------------*/
    /*   NAVIGATION MENU    
    /*------------------------------------------*/

    .navbar-brand { margin-right: 2.5rem; }
    .nav-item { margin: 0 1.0rem; }
    .header-socials { margin-top: 3px; margin-left: 0; }
    .header-socials span { margin-left: 5px; }
    .header-socials a { width: 36px; height: 36px; font-size: 1rem; line-height: 31px !important; }
    
    /*------------------------------------------*/
    /*   CONTENTS
    /*------------------------------------------*/

    /* Section ID */
    span.section-id { margin-bottom: 25px; }

    /* Section Title */
    .section-title { margin-bottom: 2.125rem; }
    .section-title p { padding-right: 8%; }
    .section-title.text-center p { padding: 0 8%; }

    /*------------------------------------------*/
    /*   FOOTER
    /*------------------------------------------*/

    .footer h4, .footer h5 { margin-bottom: 20px; }
    .footer-box { padding-left: 2%; }
    .foo-links a { width: 40px; height: 40px; font-size: 1.05rem; line-height: 36px!important; margin-right: 3px; }

}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 768px) and (max-width: 991.99px) { 
  
    html { font-size: 15px; }

    /*------------------------------------------*/
    /*   BASE
    /*------------------------------------------*/
    
    /* Headers */
    h5 { font-size: 19px; }
    h4 { font-size: 22px; }
    h3 { font-size: 31px; }
    h2 { font-size: 38px; }
    
    /* Paragraphs */
    p { font-size: 17px; line-height: 1.5; }

    /* Buttons */
    .btn.btn-sm { font-size: 1rem; padding: 1.15rem 2.2rem; }
    .btn { font-size: 1rem; padding: 1.15rem 2.2rem; }
    .btn.btn-md { font-size: 1rem; padding: 1.15rem 2.2rem; }
    .btn.btn-lg { font-size: 1rem; padding: 1.15rem 2.2rem; }
    
    /*------------------------------------------*/
    /*   RIBBONS
    /*------------------------------------------*/

    .corner-ribbon { top: 99px; }
    .corner-ribbon.top-left{ top: 99px; }
    .corner-ribbon.top-right { top: 99px; }
  
    /*------------------------------------------*/
    /*   NAVIGATION MENU    
    /*------------------------------------------*/

    .bg-light { background-color: #fff!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }
    
    .navbar { text-align: center; }
    /* .navbar.bg-tra  { padding: 1.25rem 1.25rem; background-color: #fff!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } */
    .navbar.bg-tra  { padding: 10px; background-color: #000!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }
    /* .navbar.scroll.bg-tra { padding: 1.25rem 1.25rem; } */
    .navbar.scroll.bg-tra { padding: 10px; }

    .logo-white, .navbar-light.bg-tra .logo-white, .navbar-light.bg-light .logo-white, 
    .navbar-dark.bg-tra .logo-white, .navbar-dark.bg-dark .logo-white { display: none; }

    .navbar-dark.bg-tra .logo-black, .navbar-light.bg-tra .logo-black, 
    .logo-black, .navbar-light.bg-light .logo-black { display: block; }

    .bg-tra.navbar-dark .nav-link { color: #333; }
    .bg-tra.navbar-dark .navbar-nav .active > .nav-link { color: rgba(0,0,0,.9); }
    .navbar-dark .nav-link:focus, .navbar-dark .nav-link:hover { color: #333; background-color: rgba(200, 200, 200, 0.35); }
    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #333; }

    .navbar-nav { padding-top: 15px; }
    
    
    .navbar .btn { font-size: 0.875rem; line-height: 1; font-weight: 800; padding: 0.975rem 2.5rem; margin-top: 10px; margin-left: 0; }
    .navbar .btn.btn-tra-white, .navbar.scroll .btn.btn-tra-white { color: #222; border-color: #222; }
    .header .btn.tra-hover:hover { color: #222; background-color: transparent; border-color: #222; }
    .header .btn.white-hover:hover, .header .navbar.scroll .btn.white-hover:hover { color: #fff; background-color: #333; border-color: #333; }
    .header .btn.white-hover:hover span, .navbar.scroll .btn.white-hover:hover span { color: #fff; }
    .navbar .btn.tra-hover:hover span, .navbar.scroll .btn.tra-hover:hover span { color: #333; }

    .dropdown-menu { text-align: center; }
    .dropdown-item { font-size: 1.15rem; padding: 0.5rem 1.25rem; }

    
    .navbar-expand-lg .nl-simple a:before { display: none; }
    .navbar-expand-lg .nl-simple a:hover:before, .navbar-expand-lg .nl-simple a:focus:before {display: none;}
    .navbar-expand-lg .navbar-nav .nav-link { font-size: 1rem; padding: 12px 0; margin-left: 0; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; }

    .navbar-light .nav-link:focus, .navbar-dark .nav-link:focus { color: #fff; background-color: transparent; }
    .navbar-light .rose-hover .navbar-nav .nav-link:hover, .navbar-dark .rose-hover .navbar-nav .nav-link:hover { color: #f23472; background-color: transparent; }
    .navbar-light .yellow-hover .navbar-nav .nav-link:hover, .navbar-dark .yellow-hover .navbar-nav .nav-link:hover { color: #f23472; background-color: transparent; }
    .navbar-light .green-hover .navbar-nav .nav-link:hover, .navbar-dark .green-hover .navbar-nav .nav-link:hover { color: #22bc3f; background-color: transparent; }

    .header-socials { margin: 12px auto 0; }
    .header-socials a { color: #fff; margin-left: 2px; }
    .header-socials a, .navbar.scroll .header-socials a, .navbar-light .header-socials a  { color: #fff; }
    .header-socials a.ico-facebook, .navbar.scroll .header-socials a.ico-facebook { background-color: #3b5998; border-color: #3b5998; }
    .header-socials a.ico-twitter, .navbar.scroll .header-socials a.ico-twitter { background-color: #00a9ed; border-color: #00a9ed; }
    .header-socials a.ico-behance, .navbar.scroll .header-socials a.ico-behance { background-color: #2473f6; border-color: #2473f6; }
    .header-socials a.ico-google-plus, .navbar.scroll .header-socials a.ico-google-plus { background-color: #cd1111; border-color: #cd1111; }
    .header-socials a.ico-linkedin, .navbar.scroll .header-socials a.ico-linkedin { background-color: #015886; border-color: #015886; }
    .header-socials a.ico-dribbble, .navbar.scroll .header-socials a.ico-dribbble { background-color: #d92d84; border-color: #d92d84; }
    .header-socials a.ico-instagram, .navbar.scroll .header-socials a.ico-instagram { background-color: #beb3a8; border-color: #beb3a8; }
    .header-socials a.ico-pinterest, .navbar.scroll .header-socials a.ico-pinterest { background-color: #ac281a; border-color: #ac281a; }
    .header-socials a.ico-youtube, .navbar.scroll .header-socials a.ico-youtube { background-color: #cd1b20; border-color: #cd1b20; }
    .header-socials a.ico-tumblr, .navbar.scroll .header-socials a.ico-tumblr { background-color: #3a5976; border-color: #3a5976; }
    .header-socials a.ico-vk, .navbar.scroll .header-socials a.ico-vk { background-color: #3b5998; border-color: #3b5998; }
    .header-socials a:hover { color: #fff; }

    /*------------------------------------------*/
    /*   CONTENTS
    /*------------------------------------------*/
    
    /* Section ID */
    span.section-id { margin-bottom: 25px; }

    /* Section Title */
    .section-title { margin-bottom: 2.125rem; }
    .section-title p { padding-right: 8%; }
    .section-title.text-center p { padding: 0 2%; }
    
    /*------------------------------------------*/
    /*   FOOTER
    /*------------------------------------------*/
  
    .footer .footer-row { display: none; }
    .footer .footer-row-mobile { display: block; }

    .footer-box { padding-left: 0; }
    .footer-info { padding-right: 20%; margin-bottom: 50px; }
    .footer h4, .footer h5 { margin-bottom: 20px; }
    .foo-links { margin: 8px auto 0; }
    .foo-links a { width: 38px; height: 38px; font-size: 1.05rem; line-height: 34px!important; margin-right: 3px; }
    
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

/* 768px = iPad Portrait */

@media (max-width: 768px) { 

    html { font-size: 15px; } 
    
    /*------------------------------------------*/
    /*   BASE
    /*------------------------------------------*/
    
    /*------------------------------------------*/
    /*   RIBBONS
    /*------------------------------------------*/

    .corner-ribbon { top: 99px; }
    .corner-ribbon.top-left { top: 99px; }
    .corner-ribbon.top-right { top: 99px; }
    
    /*------------------------------------------*/
    /*   NAVIGATION MENU    
    /*------------------------------------------*/

    .bg-light { background-color: #fff!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }
    .navbar { text-align: center; }

    /* .navbar.bg-tra  { padding: 1.25rem 1.25rem; background-color: #fff!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); } */
    .navbar.bg-tra  { padding: 10px; background-color: #000!important; box-shadow: 0 0 2px rgba(50, 50, 50, 0.4); }
    /* .navbar.scroll.bg-tra { padding: 1.25rem 1.25rem; } */
    .navbar.scroll.bg-tra { padding: 10px; }
    
    .logo-white, .navbar-light.bg-tra .logo-white, .navbar-light.bg-light .logo-white, 
    .navbar-dark.bg-tra .logo-white, .navbar-dark.bg-dark .logo-white { display: none; }

    .navbar-dark.bg-tra .logo-black, .navbar-light.bg-tra .logo-black, 
    .logo-black, .navbar-light.bg-light .logo-black { display: block; }

    .bg-tra.navbar-dark .nav-link { color: #333; }
    .bg-tra.navbar-dark .navbar-nav .active > .nav-link { color: rgba(0,0,0,.9); }
    .navbar-dark .nav-link:focus, .navbar-dark .nav-link:hover { color: #333; background-color: rgba(200, 200, 200, 0.35); }
    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #333; }

    .navbar-nav { padding-top: 15px; }
    
    .navbar .btn { font-size: 0.875rem; line-height: 1; font-weight: 800; padding: 0.975rem 2.5rem; margin-top: 10px; margin-left: 0; }
    .navbar .btn.btn-tra-white, .navbar.scroll .btn.btn-tra-white { color: #222; border-color: #222; }
    .header .btn.tra-hover:hover { color: #222; background-color: transparent; border-color: #222; }
    .header .btn.white-hover:hover, .header .navbar.scroll .btn.white-hover:hover { color: #fff; background-color: #333; border-color: #333; }
    .header .btn.white-hover:hover span, .navbar.scroll .btn.white-hover:hover span { color: #fff; }
    .navbar .btn.tra-hover:hover span, .navbar.scroll .btn.tra-hover:hover span { color: #333; }

    .dropdown-menu { text-align: center; }
    .dropdown-item { font-size: 1.15rem; padding: 0.5rem 1.25rem; }
    
    .navbar-expand-lg .nl-simple a:before { display: none; }
    .navbar-expand-lg .nl-simple a:hover:before, .navbar-expand-lg .nl-simple a:focus:before {display: none;}
    .navbar-expand-lg .navbar-nav .nav-link { font-size: 1rem; padding: 12px 0; margin-left: 0; -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0; }

    .navbar-light .nav-link:focus, .navbar-dark .nav-link:focus { color: #fff; background-color: transparent; }
    .navbar-light .rose-hover .navbar-nav .nav-link:hover, .navbar-dark .rose-hover .navbar-nav .nav-link:hover { color: #f23472; background-color: transparent; }
    .navbar-light .yellow-hover .navbar-nav .nav-link:hover, .navbar-dark .yellow-hover .navbar-nav .nav-link:hover { color: #f23472; background-color: transparent; }
    .navbar-light .green-hover .navbar-nav .nav-link:hover, .navbar-dark .green-hover .navbar-nav .nav-link:hover { color: #22bc3f; background-color: transparent; }

    .header-socials { margin: 12px auto 0; }
    .header-socials a { color: #fff; margin-left: 2px; }
    .header-socials a, .navbar.scroll .header-socials a, .navbar-light .header-socials a  { color: #fff; }
    .header-socials a.ico-facebook, .navbar.scroll .header-socials a.ico-facebook { background-color: #3b5998; border-color: #3b5998; }
    .header-socials a.ico-twitter, .navbar.scroll .header-socials a.ico-twitter { background-color: #00a9ed; border-color: #00a9ed; }
    .header-socials a.ico-behance, .navbar.scroll .header-socials a.ico-behance { background-color: #2473f6; border-color: #2473f6; }
    .header-socials a.ico-google-plus, .navbar.scroll .header-socials a.ico-google-plus { background-color: #cd1111; border-color: #cd1111; }
    .header-socials a.ico-linkedin, .navbar.scroll .header-socials a.ico-linkedin { background-color: #015886; border-color: #015886; }
    .header-socials a.ico-dribbble, .navbar.scroll .header-socials a.ico-dribbble { background-color: #d92d84; border-color: #d92d84; }
    .header-socials a.ico-instagram, .navbar.scroll .header-socials a.ico-instagram { background-color: #beb3a8; border-color: #beb3a8; }
    .header-socials a.ico-pinterest, .navbar.scroll .header-socials a.ico-pinterest { background-color: #ac281a; border-color: #ac281a; }
    .header-socials a.ico-youtube, .navbar.scroll .header-socials a.ico-youtube { background-color: #cd1b20; border-color: #cd1b20; }
    .header-socials a.ico-tumblr, .navbar.scroll .header-socials a.ico-tumblr { background-color: #3a5976; border-color: #3a5976; }
    .header-socials a.ico-vk, .navbar.scroll .header-socials a.ico-vk { background-color: #3b5998; border-color: #3b5998; }
    .header-socials a:hover { color: #fff; }

    /*------------------------------------------*/
    /*   FOOTER
    /*------------------------------------------*/
    
    .footer-box { padding-left: 0; }
    
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 576px) and (max-width: 767.99px) {
    
    /*------------------------------------------*/
    /*   BASE
    /*------------------------------------------*/
    
    /* Headers */
    h5 { font-size: 18px; }
    h4 { font-size: 21px; }
    h3 { font-size: 26px; }
    h2 { font-size: 32px; }
    
    /* Paragraphs */
    p { font-size: 16px; line-height: 1.5; }

    /* Buttons */
    .btn.btn-sm { font-size: 0.925rem; padding: 1.05rem 2rem; }
    .btn { font-size: 0.925rem; padding: 1.05rem 2rem; }
    .btn.btn-md { font-size: 0.925rem; padding: 1.05rem 2rem; }
    .btn.btn-lg { font-size: 0.925rem; padding: 1.05rem 2rem; }  
    
    /*------------------------------------------*/
    /*   RIBBONS
    /*------------------------------------------*/

    .corner-ribbon { top: 99px; }
    .corner-ribbon.top-left { top: 99px; }
    .corner-ribbon.top-right { top: 99px; }
    
    /*------------------------------------------*/
    /*   CONTENTS
    /*------------------------------------------*/
    
    /* Section ID */
    span.section-id { margin-bottom: 20px; }

    /* Section Title */
    .section-title { margin-bottom: 1.75rem; }
    .section-title h3.h3-xl { margin-bottom: 0.75rem; }
    .section-title p { padding-right: 0; margin-bottom: 1.85rem;   }
    .section-title.text-center p { padding: 0; }

    /*------------------------------------------*/
    /*   FOOTER
    /*------------------------------------------*/
  
    .footer .footer-row { display: none; }
    .footer .footer-row-mobile { display: block; }
  
    .footer-info { margin-bottom: 40px; }
    .footer h4 { margin-bottom: 20px; }
    .footer h5 { margin-bottom: 15px; }
    .footer-links li { margin: 0 0 8px 0; }
    .foo-links { margin: 8px auto 0; }
    .foo-links a { width: 38px; height: 38px; font-size: 1.05rem; line-height: 34px!important; margin-right: 3px; }

} 

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (max-width: 575px) { 

    html { font-size: 14px; } 
    
    /*------------------------------------------*/
    /*   BASE
    /*------------------------------------------*/
    
    /* Paragraphs */
    p { font-size: 16px; line-height: 1.5; }
    
    /* Buttons */
    .btn.btn-sm { font-size: 0.85rem; padding: 0.975rem 2rem; }
    .btn { font-size: 0.85rem; padding: 0.975rem 2rem; }
    .btn.btn-md { font-size: 0.85rem; padding: 0.975rem 2rem; }
    .btn.btn-lg { font-size: 0.85rem; padding: 0.975rem 2rem; }
    
    /*------------------------------------------*/
    /*   RIBBONS
    /*------------------------------------------*/

    .corner-ribbon { top: 94px; }
    .corner-ribbon.top-left { top: 94px; }
    .corner-ribbon.top-right { top: 94px; }

} 

@media (max-width: 480px) { 

}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 416px) and (max-width: 575.99px) { 

    /*------------------------------------------*/
    /*   BASE
    /*------------------------------------------*/
    
    /* Headers */
    h5 { font-size: 18px; }
    h4 { font-size: 20px; }
    h3 { font-size: 25px; }
    h2 { font-size: 30px; line-height: 1.3; }

    /*------------------------------------------*/
    /*   NAVIGATION MENU    
    /*------------------------------------------*/

    .navbar-expand-lg > .container { padding-right: 5px; padding-left: 5px; }
    
    /*------------------------------------------*/
    /*   CONTENTS
    /*------------------------------------------*/
    
    /* Section ID */
    span.section-id { margin-bottom: 15px; }

    .section-title p { padding: 0; }
    .section-title.text-center p { padding: 0; }
    
    /*------------------------------------------*/
    /*   FOOTER
    /*------------------------------------------*/
  
    .footer .footer-row { display: none; }
    .footer .footer-row-mobile { display: block; }
    
    .footer-info { margin-bottom: 40px; }
    .footer h4 { margin-bottom: 20px; }
    .footer h5 { margin-bottom: 15px; }
    .footer-links li { margin: 0 0 8px 0; }
    .foo-links { margin: 8px auto 0; }
    .foo-links a { width: 38px; height: 38px; font-size: 1.05rem; line-height: 34px!important; margin-right: 3px; }

}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 321px) and (max-width: 415px) { 

    /*------------------------------------------*/
    /*   BASE
    /*------------------------------------------*/
    
    /* Headers */
    h5 { font-size: 18px; }
    h4 { font-size: 20px; }
    h3 { font-size: 25px; }
    h2 { font-size: 30px; line-height: 1.3; }

    /*------------------------------------------*/
    /*   NAVIGATION MENU    
    /*------------------------------------------*/

    .navbar-brand { margin-right: 0; }
    .navbar-light .navbar-toggler, .navbar.bg-tra .navbar-toggler { margin-top: -5px; }
    .navbar-expand-lg > .container { padding-right: 5px; padding-left: 5px; }
    
    /*------------------------------------------*/
    /*   CONTENTS
    /*------------------------------------------*/
    
    /* Section ID */
    span.section-id { margin-bottom: 15px; }

    /* Section Title */
    .section-title { margin-bottom: 1.35rem; }
    .section-title p { padding: 0; }
    .section-title.text-center p { padding: 0; }
    
    /*------------------------------------------*/
    /*   FOOTER
    /*------------------------------------------*/
  
    .footer .footer-row { display: none; }
    .footer .footer-row-mobile { display: block; }
  
    .footer-info { margin-bottom: 40px; }
    .footer h4 { margin-bottom: 20px; }
    .footer h5 { margin-bottom: 15px; }
    .footer-links li { margin: 0 0 8px 0; }
    .foo-links { margin: 8px auto 0; }
    .foo-links a { width: 38px; height: 38px; font-size: 1.05rem; line-height: 34px!important; margin-right: 3px; }
    
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (max-width: 320px) { 

    /*------------------------------------------*/
    /*   BASE
    /*------------------------------------------*/
    
    /* Headers */
    h5 { font-size: 18px; }
    h4 { font-size: 20px; }
    h3 { font-size: 25px; }
    h2 { font-size: 30px; line-height: 1.3; }

    /*------------------------------------------*/
    /*   NAVIGATION MENU    
    /*------------------------------------------*/

    .navbar-brand { margin-right: 0; }
    .navbar-light .navbar-toggler, .navbar.bg-tra .navbar-toggler { margin-top: -5px; }
    .navbar-expand-lg > .container { padding-right: 5px; padding-left: 5px; }
    
    /*------------------------------------------*/
    /*   CONTENTS
    /*------------------------------------------*/
    
    /* Section ID */
    span.section-id { margin-bottom: 15px; }

    /* Section Title */
    .section-title {margin-bottom: 1.35rem; }
    .section-title p { padding: 0; }
    .section-title.text-center p { padding: 0; }
    
    /*------------------------------------------*/
    /*   FOOTER
    /*------------------------------------------*/
  
    .footer .footer-row { display: none; }
    .footer .footer-row-mobile { display: block; }
    
    .footer-info { margin-bottom: 40px; }
    .footer h4 { margin-bottom: 20px; }
    .footer h5 { margin-bottom: 15px; }
    .footer-links li { margin: 0 0 8px 0; }
    .foo-links { margin: 8px auto 0; }
    .foo-links a { width: 38px; height: 38px; font-size: 1.05rem; line-height: 34px!important; margin-right: 3px; }
    
}