/* -------------------------------------- */
/* ========== Mobile Extra Small ========= */
/* 0px – 320px (smallest phones)          */
/* -------------------------------------- */
@media screen and (max-width: 320px) {
    /* Your CSS here */
}



/* -------------------------------------- */
/* ========== Mobile Small =============== */
/* 321px – 375px (iPhone 6–8 / 12 Mini)   */
/* -------------------------------------- */
@media screen and (max-width: 375px) {
    /* Your CSS here */
}



/* -------------------------------------- */
/* ========== Mobile Medium ============== */
/* 376px – 425px (Most common phones)     */
/* -------------------------------------- */
@media screen and (max-width: 425px) {
  .our-banner h1 span {
    font-size: 28px !important;
}

.our-banner h1 strong {
    font-size: 28px !important;
}

.our-allow h2 {
    font-size: 22px;
    text-align: center;
}

.our-publishing h2 {
    text-align: center;
    font-size: 22px;
}

.our-publishing .txt {
    height: auto;
    padding: 1.5rem 0;
}

.our-publishing .txt ul li {
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.our-publishing .txt ul li img {
    max-width: 20px;
}

p{
	font-size: 14px !important;
}

.info-contact-banner {
    height: 100%;
        padding: 80px 40px 30px;
}

.info-contact-banner h4 {
    font-size: 22px;
}

.info-banner ul li {
    font-size: 14px;
}

.banner-btm h5 {
    font-size: 22px;
}

.our-author h2 {
    font-size: 22px !important;
    line-height: 26px;
}

.our-author .seal img {
    max-width: 40%;
}

.our-author .seal {
    top: 100px;
}

section.our-banner .seal img {
    max-width: 50% !important;
}

section.our-banner .seal{
	top: -20px;
}

.our-amazon {
    height: auto;
}

.our-amazon a.tel {
    font-size: 22px;
    margin-left: 0;
    display: block;
    margin-top: 2rem;
}

.our-amazon a.tel img {
    margin-right: 0px;
    width: 24px;
}

.our-process h2 {
    font-size: 22px;
}

.our-process .process {
    text-align: center;
}

.our-testimonial h2 {
    font-size: 22px;
}

.our-testimonial .item {
    text-align: center;
}

footer h2 {
    font-size: 22px !important;
}

footer h2 br {
    display: none;
}

.copy ul {
    text-align: center;
}

.copy p {
    display: block;
    font-size: 12px !important;
    text-align: center;
}
}



/* -------------------------------------- */
/* ========== Mobile Large / Phablet ===== */
/* 426px – 600px                          */
/* -------------------------------------- */
@media screen and (max-width: 600px) {
    /* Your CSS here */
}



/* -------------------------------------- */
/* ========== Tablet Portrait ============ */
/* 601px – 768px                          */
/* -------------------------------------- */
@media screen and (max-width: 768px) {
.our-banner h1 span {
    font-size: 35px;
    line-height: 40px;
}

.our-author h2 br {
    display: none;
}

.our-process h3 {
    font-size: 17px;
    width: 100%;
}

.our-banner h1 strong {
    font-size: 35px;
}

.info-banner ul li {
    font-size: 18px;
}

.our-banner .row {
    gap: 15px 0;
    /*flex-direction: column-reverse;*/
}

.info-contact-banner {
    background-size: cover;
}

header .col-md-9 {
    width: 50%;
}

header .col-md-3 {
    width: 50%;
}

header ul.menu li.phone {margin: 0;
}

.banner-btm h5 {
    margin: 0;
    width: 100%;
    font-size: 26px;
}

.our-allow h2 br {
    display: none;
}

.our-allow .row {
    gap: 40px 0;
}

.our-amazon h2 {
    font-size: 35px;
}

.our-counter:before {
    display: none;
}

section.our-counter .col-md-8 {
    width: 100%;
    margin: 0;
}

section.our-counter .col-md-3 {
    width: 50%;
}

.our-counter {
    height: auto;
}

.our-counter p {
    font-size: 14px;
    line-height: 18px;
}

.our-counter h6 {
    font-size: 30px !important;
}

.our-counter .row {
    gap: 20px 0;
}

header ul li a {
    font-size: 18px;
}

.btn {
    font-size: 15px;
    padding: 10px 30px;
}

.seal img {
    max-width: 66%;
}

.our-publishing p {
    width: 100%;
    margin-left: 0;
}

section.our-publishing .row {
    gap: 30px 0;
}

.our-publishing .btn-block {
    margin-left: 0;
    text-align: center;
}

.our-author h2 {
    font-size: 30px !important;
    line-height: 36px;
}

section.our-author .btn-block {
    text-align: center;
}

.our-testimonial .info-testi {
    height: auto !important;
}

footer h2 {
    font-size: 35px;
}

footer .row {
    gap: 30px 0;
}

header img {
    width: 130px;
}
}


/* -------------------------------------- */
/* ========== Tablet Landscape =========== */
/* 769px – 992px                          */
/* -------------------------------------- */
@media screen and (max-width: 992px) {
   .our-process:before {
    width: 100%;
}
}



/* -------------------------------------- */
/* ========== Laptop Small =============== */
/* 993px – 1200px                         */
/* -------------------------------------- */
@media screen and (max-width: 1200px) {

.info-contact-banner {
    width: 100%;
}

.seal img {
    max-width: 80%;
}

section.our-banner {
    height: 100%;
    padding-bottom: 12rem;
}

.our-publishing .txt ul li {
    padding-left: 1rem;
}

.our-publishing .txt ul li img {
    filter: invert(1);
}

.our-publishing .txt:before {
    display: none;
}

.our-author {
    background: url("../images/our-author.jpg") no-repeat;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.our-author h2 {
    font-size: 35px;
}

.our-counter:before {
    width: 530px !important;
}

.our-counter h6 {
    font-size: 50px;
}

.seal {
    right: 0;
    text-align: end;
}

.our-process .process p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.our-process .process h4 {
    font-size: 20px;
}

.our-testimonial .info-testi {
    height: 220px;
}

}



/* -------------------------------------- */
/* ========== Laptop Large =============== */
/* 1201px – 1440px                        */
/* -------------------------------------- */
@media screen and (max-width: 1440px) {
   .our-counter:before {
    width: 614px;
}
}



/* -------------------------------------- */
/* ========== Desktop / Large Monitors === */
/* 1441px – 1920px                        */
/* -------------------------------------- */
@media screen and (max-width: 1920px) {
    /* Your CSS here */
}



/* -------------------------------------- */
/* ========== 4K / Ultra Wide Monitors === */
/* Above 1920px                           */
/* -------------------------------------- */
@media screen and (min-width: 1921px) {
    /* Your CSS here */
}