/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1200px) {
    .hero-caption h1 { font-size: 42px; }
    .hero-content { display: block; }
    .section-padding { padding: 50px 0; }
    .guarantee-section.pt-100 { padding-top: 50px; }
    .experts-section.pt-100 { padding-top: 50px; }
    .get-in-touch-section.pt-100 { padding-top: 50px; }
    .main-heading h2, .get-in-touch-form h2 { font-size: 32px; line-height: 42px; }
    .issues-box { display: block; }
    .issues-box img { margin-bottom: 20px; }
    .how-content-box { padding: 30px; }

}


/* Large devices (desktops, 992px and up) */

@media (max-width: 992px) {
    .hero-caption h1 { font-size: 42px; }
    .hero-main { background-attachment: fixed; }
    .call { margin: 0; }
    .header-main .navbar-toggler { background: #ffffff; }
    .experts-section .row.align-items-center { align-items: flex-end!important; }
    .how-content-box { margin-bottom: 24px; overflow: hidden; text-align: left!important; }
    .how-content-box img { float: left; margin-right: 24px; }
    .how-content-box h4 { margin: 0; }
}


/* Medium devices (tablets, 768px and up) */

@media (max-width: 768px) {
    .hero-caption h1 { font-size: 42px; }
    .hero-content .leaf { display: none; }
    .container.pt-70 { padding-top: 30px; }
    .container.pb-100 { padding-bottom: 50px; }
    .issues-box { display: flex; }
    .experts-content.pb-70 { padding-bottom: 20px; }
    .guarantee-section .order-1 { order: 2!important; }
    .guarantee-section .order-2 { order: 1!important; }
    .get-in-touch-section .order-1 { order: 2!important; }
    .get-in-touch-section .order-2 { order: 1!important; }
    .get-in-touch-img img { margin-top: 30px; }
    
}


/* Small devices (landscape phones, 576px and up) */

@media (max-width: 576px) {
    .hero-caption h1 { font-size: 32px; line-height: 42px; }
    .container.pt-70 { padding-top:0px; }
    .help-form { padding: 20px; }
    .how-content-box img { width: 70px; }
    .section-padding { padding: 30px 0; }
    .guarantee-section.pt-100, .experts-section.pt-100 { padding-top: 30px; }
    .main-heading h2, .get-in-touch-form h2 { font-size: 28px; line-height: 38px; }
    .get-in-touch-form h3 a { display: block; }
   
    
}