/* =============================================
   Responsive Stylesheet - Trademark Lawyer
   responsive.css
============================================= */
@media (min-width: 1920px) {	
.hero-section {
    height: 560px;
}
    .about-section {
        padding: 20px 0;
    }
	
}
@media (max-width: 1366px) {
	
.hero-section {
    height: 400px;
}
.service-img, .service-img-two, .service-img-fifth {
    height: 510px;
}
.form-title {
    font-size: 25px;
}

}

@media (max-width: 1280px) {
	
.hero-section {
    height: 330px;
}
.service-img, .service-img-two, .service-img-fifth {
    height: 500px;
}
.about-title {
    font-size: 33px;
}
.section-title {
    font-size: 28px;
}
.cta-title {
    font-size: 32px;
}
.test-title {
    font-size: 33px;
}
.faq-title {
    font-size: 33px;
}
}
@media (max-width: 1199px) {
      li.nav-item {
    font-size: 12px;
}

p.text-uppercase.mb-2.fw-bold {
    font-size: 1.5rem;
}
.hero-title {
    font-size: 2.5rem;
}

.service-img, .service-img-two, .service-img-fifth {
    height: 500px;
}
.footer-logo-section img {
	width: 100%;
}

.hero-section {
    height: 320px;
}
    }

@media (max-width: 1024px) {
     .service-img, .service-img-two, .service-img-fifth {
        height: 415px;
    }
	    .hero-section {
        height: 260px;
    }
    .about-title {
    font-size: 30px;
    }
    .section-title {
    font-size: 28px;
    margin-bottom: 0px !important;
    }
    .footer-links li a {
        font-size: 12px;
    }
    .main-heading{
            font-size: 27px;
    }
    .cta-title {
        font-size: 28px;
    }
        .main-heading {
        font-size: 18px;
        margin-top: 10px;
    }
    .real-estate-title {
  font-size: 24px;
}
.sm-section-title {
    font-size: 33px;
}
    .cta-title {
        font-size: 27px;
    }
        .section-title {
        font-size: 30px;
    }
    .test-title {
    font-size: 30px;
}
.faq-title {
    font-size: 30px;
}
    }	


@media (max-width: 991px) {
        .about-title { font-size: 2rem; }
        .about-section { padding: 30px 0; }
            .about-title {
        font-size: 25px;
    }
     a.navbar-brand img {
        /* width: 200px; */
        top: 0px;
    }
    }
    @media (max-width: 991px) {
        .side-image-container {
            margin-top: 40px;
        }
        .why-title {
            font-size: 1.8rem;
        }
.hero-section {
    height: 250px;
}
.service-img, .service-img-two, .service-img-fifth {
    height: 300px;
}
    }
@media (max-width: 912px) {
.hero-section {
    height: 265px;
}
.service-img, .service-img-two, .service-img-fifth {
    height: 320px;
}
    
    .real-estate-title
 {
        font-size: 20px;
    }
        .trademark-plan-title {
        font-size: 30px;
    }
    .sm-tab {
    font-size: 12px;
}
.sm-tab.active {
    font-size: 12px;
}
.sm-tabs {
    display: ruby-text;
}
.about-title {
        font-size: 26px;
    }
        .section-title {
        font-size: 26px;
    }
	    .cta-title {
        font-size: 30px;
    }
        .sm-section-title {
        font-size: 24px;
    }
    .test-title {
    font-size: 30px;
}
.faq-title {
    font-size: 30px;
}
}

@media (max-width: 853px) {
.hero-section {
        height: 250px;
    }
}

@media (max-width: 820px) {
.hero-section {
    height: 220px;
}
.service-img, .service-img-two, .service-img-fifth {
    height: 310px;
}
    .about-title {
        font-size: 26px;
    }
        .section-title {
        font-size: 25px;
    }
    .real-estate-title {
  font-size: 19px;
}
.trademark-plan-title {
  font-size: 25px;
}
.sm-tab {
    font-size: 12px;
}
.sm-tab.active {
    font-size: 12px;
}
.sm-tabs {
    display: ruby-text;
}
    .cta-title {
        font-size: 30px;
    }
    .responsive-section-heading {
    font-size: 23px;
  }
	
}
@media (max-width: 800px) {
.hero-section {
    height: 260px;
}
.service-img, .service-img-two, .service-img-fifth {
    height: 315px;
}
	
}	


@media (max-width: 768px) {
    .hero-title { font-size: 2.2rem; }
    .hero-section { text-align: center; }
    .hero-subtitle { margin: 0 auto 35px; }
    .about-title {
        font-size: 25px;
    }
    .newsletter-title {
        font-size: 1.8rem;
    }
    .btn-subscribe {
        width: 100%;
        margin-top: 15px;
    }
    .process-title { font-size: 1.8rem; }
    .process-section { padding: 50px 0; }
    .about-title {
        font-size: 24px;
    }
    .pricing-title { font-size: 1.8rem; }
    .ind-title { font-size: 1.8rem; }
    .industries-section { padding: 50px 0; }
    .test-title { font-size: 1.8rem; }
    .testimonial-card { margin-bottom: 20px; }
    .section-title { font-size: 1.8rem; }
    .service-card { padding: 0px; }
    .cta-title {
        font-size: 23px;
    }
    .cta-description {
        font-size: 1rem;
    }
    .cta-btn-group {
        flex-direction: column;
        align-items: center;
    }
    .btn-register, .btn-call {
        width: 100%;
        max-width: 300px;
    }

    .navbar-brand img {
		width: 200px;
	}
		
    .hero-section {background-position: center top; /* better crop for mobile */
    }
	#benefit-sec .row, #faq .row {
		margin: 0px;
	}
    .service-img, .service-img-two, .service-img-fifth {
        height: 315px;
    }
    .sm-section-title {
        font-size: 28px;
    }
    .hero-section {
        height: 190px;
    }
    #faqq-inner .col-md-6 {
	    margin-top: 0px;
    }
    #faq .container .btm-0 {
	    margin-bottom: 0rem !important;
    }
    #last-srvc {
	    padding-bottom: 0rem !important;
    }
    .testimonial-section {
	    padding-bottom: 30px !important;
    }
    .sm-tabs {
        display: ruby-text;
    }
    .sm-tab.active {
        font-size: 12px;
    }
    .sm-tab {
        font-size: 12px;
    }
}


@media (max-width: 720px) {
    
.service-img, .service-img-two, .service-img-fifth {
    height: 540px;
}	
   .about-title {
        font-size: 17px;
    }
    .cta-title {
        font-size: 20px;
    }
    .section-title {
        font-size: 22px;
        margin-bottom: 10px !important;
    }
        .faq-title, .section-title {
        font-size: 24px;
    }
        .test-title {
        font-size: 26px;
    }

.why-choose-section {
        padding: 40px 0;
    }
        .cta-section, .amazon-cta {
        padding: 25px 0;
    }
        .sm-tab {
        font-size: 12px;
}
.about-subtitle{
    font-size: 13px;
}
    .form-title {
        font-size: 19px;
    }
        .main-heading {
        font-size: 18px;
    }
}
@media (max-width: 712px) {
.hero-section {
    height: 190px;
}
.service-img, .service-img-two, .service-img-fifth {
    height: 500px;
}	
}

@media (max-width: 540px) {
.hero-section {
    height: 160px;
}
    a.navbar-brand img {
        width: 210px;
        top: 0px;
    }
.service-img, .service-img-two, .service-img-fifth {
    height: 550px;
}
.sm-tabs {
        display: flex;
    }
        .cta-title {
        font-size: 17px;
    }
        .faq-title, .section-title
 {
        font-size: 23px;
    }
	
}
@media (max-width: 504px) {
.hero-section {
    height: 130px;
}
.service-img, .service-img-two, .service-img-fifth {
    height: 485px;
}
	
}
@media (max-width: 480px) {
.hero-section {
    height: 130px;
}
.service-img, .service-img-two, .service-img-fifth {
    height: 460px;
}
	
}
@media (max-width: 432px) {
.service-img, .service-img-two, .service-img-fifth {
    height: 420px;
}
	
}
@media (max-width: 430px) {
.hero-section {
    height: 110px;
}
.service-img, .service-img-two, .service-img-fifth {
    height: 440px;
}
	
}
@media (max-width: 415px) {
.hero-section {
    height: 110px;
}
.service-img, .service-img-two, .service-img-fifth {
    height: 440px;
}
	
}
@media (max-width: 412px) {
.about-title {
        font-size: 20px;
    }
	
}
@media (max-width: 390px) {
.hero-section {
    height: 110px;
}
.service-img, .service-img-two, .service-img-fifth {
    height: 400px;
}
    .sm-section-title {
        font-size: 25px;
    }
    .faq-title, .section-title {
        font-size: 22px;
    }
    .test-title {
        font-size: 24px;
    }
}

@media (max-width: 375px) {
.hero-section {
    height: 100px;
}
.responsive-section-heading {
    font-size: 23px;
  }
  .test-title {
        font-size: 23px;
    }
	
}
@media (max-width: 360px) {
	
.hero-section {
    height: 100px;
}
.service-img, .service-img-two, .service-img-fifth {
    height: 360px;
}
    .sm-section-title {
        font-size: 23px;
    }
    .sm-tabs {
    display: grid;
}
    .test-title {
        font-size: 22px;
    }
}
@media (max-width: 346px) {
	
.service-img, .service-img-two, .service-img-fifth {
    height: 330px;
}
}

@media (max-width: 320px) {

.service-img, .service-img-two, .service-img-fifth {
    height: 300px;
}	
    .hero-section {
        height: 90px;
    }
}

@media (max-width: 280px) {

.service-img, .service-img-two, .service-img-fifth {
    height: 250px;
}	
    .hero-section {
        height: 90px;
    }
}

@media (max-width: 768px) {
    a.navbar-brand img {
        /* width: 200px; */
        top: 0px;
    }
}