/* ///// MEDIA QUERY CSS START ////// */
/*/////////////////// media query css for mobile start ////////////////*/

@media (min-width:300px) and (max-width:576px) {
    .home-section .carousel .carousel-caption {
        padding: .5rem;
        width: 100% !important;
        top: 30% !important;
        left: 0% !important;
        transform: translate(-0%, 0%) !important;
    }
    #colophon .footerbox .f1stcal {
    padding: 1rem 1rem 1rem 1rem;
}
.about-section .d-flex.mt-5{
    display: block !important;
   justify-items: center;
}
.about-section .call-content {
    margin-top: 1rem;
}
.about-section .col-lg-7 {
   padding: 0 !important;
}
.about-section p.mt-4.fs-5 {
 font-size: 16px !important;
}
.about-section .position-relative .row .col-lg-3 {
width: 25%;
}
.about-section .position-relative .row .col-lg-9 {
width: 75%;
}
.about-section img{
    height: auto;
}
/* .about-section .abt-heroimg  {
 justify-self: right;
}
.about-section h5.title {
    justify-self: left;
} */
}

@media (min-width:300px) and (max-width:767px) {
    .sitenave{
        background-color: transparent;
    }
    .service-section .row .mt-4 {
        margin-bottom: 5rem;
    }
    #colophon .hentry:nth-child(2), #colophon .hentry:nth-child(3), #colophon .hentry:nth-child(4) {
    padding: 2rem 1rem 1rem 1rem;
}
#colophon .hentry:nth-child(4) {
    padding-bottom: 5rem;
}
#colophon .site-info{
    width: 100%;
}
    .about-section .aboutrightsection {
        padding-top: 2rem;
    }
    .about-section .about-icon-img {
    display: flex;
            margin-bottom: 1rem;
    }
    .about-section .about-icon-img .circle{
    width: 45px;
    height: 42px;
    }
    .about-section .about-icon-img .abtfeature1{
        padding-left: 1rem;
        align-content: center;
    }
    body {
        overflow-x: hidden !important;
    }

    .home-section .carousel-inner .row {
        height: 80vh;
    }

    .home-section .carousel-item h2 {
        font-size: 42px;
    }

    .navbar {
        position: relative;
        top: 0 !important;
        margin-bottom: 0;
        padding: 10px;
        display: block;
    }

    .home-section .sliderbutton,
    .home-section .slider-sideimg {
        display: none;
    }

    /* sim */
    .blog-div .p-5 {
        padding: 1rem !important;
    }

    .site-title a {
        font-size: 1.5rem;
    }

    .comment-body {
        display: block;
    }

    .comment-meta {
        width: auto;
        height: 40%;
    }

    .reply {
        bottom: 6%;
        left: 0px;
    }

    .sitenave {
        padding: 0 1rem;
        display: flex;
        justify-content: space-between;
    }

    /* sim */
    .navbar-nav a {
        text-align: center;
    }

    header {
        padding-bottom: 0;
        height: fit-content;
    }

    .social-links {
        padding-bottom: 10px;
    }

    .navbar .container {
        padding: 0px 20px;
    }

    .main-navigation ul {
        padding: 0;
        margin: 0 0;
    }

    .main-navigation ul li a {
        text-align: left;
        padding: 5px 0px;
    }

    .menu-toggle {
        position: relative;
        /* right: -50px; */
    }

    .main-navigation .container {
        display: flex;
        justify-content: space-between;
    }

    .custom-logo {
        width: 150px;
    }

    .home-section .carousel .carousel-caption {
        width: auto;
        left: 5%;
        top: 15%;
    }

    .home-section .carousel-item {
        height: auto;
    }

    .home-section .carousel .carousel-caption p {
        margin-top: 0rem !important;
    }

    .nav-menu li a {
        text-align: center;
    }

.home-section .carousel-item img.d-block{
	height: 100% !important;
    width: 100% !important;
    left: 0;
    right: 0;
    }

    .home-section .carousel .carousel-caption .mt-4.position-relative,
    .home-section .carousel .carousel-caption .read-more.mt-4 {
        margin: 0 !important;
    }

    .home-section .read-more .btn {
        margin: 0 !important;
    }

    .about-section .title {
        margin-top: 2rem;
    }

    .about-section .subtitle {
        margin-top: 0rem !important;
        font-size: 2rem;
    }

    .abtimg-bx {
        display: none;
    }

    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focus>ul {
        left: 3rem;
    }

    #colophon #subscriptionForm .title {
        padding: 0 10px !important;
    }

    #colophon .searchbar h4 {
        margin-right: 0 !important;
    }

    #colophon .searchbar .d-flex {
        margin-top: 10px;
    }

    #colophon .footerbox:first-child .hentry:not(:first-child) {
        margin: 0 0 0 0%;
    }

    .widget_search form.search-form input[type="search"] {
        padding: 5px;
    }

    .p-5 {
        padding: 3rem 1rem !important;
    }

    .widget-area .widget,
    .widget .wp-block-latest-posts {
        margin: 15px 0px;
    }

    .widget .widget-title,
    .widget .wp-block-heading,
    .widget .wp-block-search__label {
        left: 0;
    }
}

/*/////////////////// media query css for mobile end ////////////////*/
@media (min-width:912px) and (max-width:1000px) {
    .home-section .sliderbutton {
        right: 22.8%;
    }
}

@media (min-width:1000px) and (max-width:1150px) {
    .home-section .sliderbutton {
        right: 23.2%;
    }
}

@media (min-width:1000px) and (max-width:1150px) {
    .home-section .sliderbutton {
        right: 23.2%;
    }
}

@media (min-width:1150px) and (max-width:1325px) {
    .home-section .sliderbutton {
        right: 23.4%;
    }
}

@media (min-width:1325px) and (max-width:1500px) {
    .home-section .sliderbutton {
        right: 23.7%;
    }
}

@media (min-width:308px) and (max-width:350px) {


    .home-section .carousel .carousel-control-prev {
        left: 57%;
    }

    .site-title a {
        font-size: 1.5rem;
    }

    .navbar {
        padding: 10px;
    }

    .navbar .container {
        padding: 0px 5px;
    }

    .site-header {
        padding: 3px;
    }

    .menu-toggle {
        position: relative;
        position: relative;
        right: -30px;
        right: 0px;
    }

    .widget .widget-title,
    .widget .wp-block-heading,
    .widget .wp-block-search__label {
        left: 0;
    }
}

.social-links {
    padding-top: 10px;
}

.sitenave {
    display: flex;
    justify-content: space-between;
}



/* ====================== media query css for landscape mobile start ============================== */
@media (orientation: landscape) and (max-width: 667px) {

    /* Styles for landscape orientation on mobile devices */
    .about-section .abtimg-bx {
        left: 10%;
    }


    .main-navigation ul li {
        padding: 0px 6px !important;
    }

    .main-navigation ul li a {
        font-size: 12px;
    }

    #colophon .footerbox:first-child .hentry:not(:first-child) {
        margin: 0 0 0 0%;
    }

    .widget .widget-title,
    .widget .wp-block-heading,
    .widget .wp-block-search__label {
        left: 0;
    }
}

/* ====================== media query css for landscape mobile end ================================= */

/*/////////////////// media query css for tab start ////////////////*/
@media (min-width:700px) and (max-width:912px) {
    body {
        overflow-x: hidden !important;
    }

    .home-section .sliderbutton {
        right: 22.4%;
    }

    .main-navigation ul {
        display: none;
        padding-left: 0rem;
    }

    .home-section .carousel-inner .row {
        height: 80vh;
    }

    .main-navigation ul li {
        padding: 0px 7px;
        font-size: 13px;
    }

    .menu-toggle {
        display: block;
        position: relative;
        position: relative;
        right: -30px;
        right: 0px;
    }

    .sitenave {
        display: flex;
        justify-content: space-between;
    }

    .site-branding a img {
        width: 150px;
    }

    .navbar {
        display: block;
    }

    .navbar .container {
        padding: 0px 15px;
    }

    .main-navigation ul li a {
        text-align: left;
        font-size: 20px;
        padding: 10px 0px;
    }

    .navbar-nav .nav-item:hover::after,
    .dropdown-menu .dropdown-item:hover::after {
        width: 40%;
    }

    .about-section .title {
        margin-top: 2rem;
    }

    .home-section .carousel-item {
        height: auto;
    }

    .home-section .carousel .carousel-caption p {
        margin-top: 0rem !important;
    }

    .home-section .carousel .carousel-caption .submit-btn {
        padding: 7px;
    }

    .contact-info .location_info {
        display: none !important;
    }

    header .contact-info .email_info a::after {
        display: none !important;
    }

    .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button {
        padding: 5px;
    }

    .wp-block-heading {
        font-weight: 700;
        font-size: 1.5rem !important;
    }

    .p-5,
    .blog-div .p-5 {
        padding: 3rem 2rem !important;
    }

    .widget .wp-block-latest-posts,
    .widget_search,
    .widget_recent_entries,
    .widget_categories,
    .widget_archive,
    .widget_recent_comments,
    #secondary .widget,
    #primary .widget {
        padding: 0px 15px 15px 15px;
    }

    .widget_search form.search-form input[type="search"] {
        padding: 0px;
    }

    .widget .wp-block-latest-posts__list.wp-block-latest-posts,
    .widget .tagcloud,
    .widget_recent_entries ul,
    .widget-area .wp-block-latest-posts.wp-block-latest-posts__list,
    .block-1 .widget-area ul,
    .block-2 .widget-area ul,
    .block-3 .widget-area ul,
    .block-4 .widget-area ul,
    .block-5 .widget-area ul,
    .block-6 .widget-area ul,
    .wp-block-archives,
    .wp-block-categories,
    .wp-block-latest-comments,
    .widget_archive ul,
    .widget_categories ul {
        padding: 35px 15px 39px 15px !important;
    }

    .widget-area .widget,
    .widget .wp-block-latest-posts {
        margin: 15px 0px;
    }

    #colophon .footerbox:first-child .hentry:not(:first-child) {
        margin: 0 0 0 0%;
    }

    .widget .widget-title,
    .widget .wp-block-heading,
    .widget .wp-block-search__label {
        left: 0;
    }

}

/*/////////////////// media query css for tab end ////////////////*/
/*/////////////////// media query css for laptop start ////////////////*/
@media (min-width:300px) and (max-width:1024px) {
    .home-section .carousel .carousel-caption {
        width: 95%;
        top: 50%;
        left: 4%;
        transform: translate(-0%, -32%);
    }
        .main-navigation ul {
        width: 100%;
        background-color: #fff;
        }
        .menu-header-menu-container {
    padding-right: 0%;
}
}

@media (min-width:767px) and (max-width:1024px) {
    .home-section .carousel-item h2 {
        font-size: 62px;
    }

    .home-section .carousel-inner .row {
        height: 70vh;
    }

    .home-section .slider-sideimg {
        width: 41px;
        height: 315px;
        right: 21%;
        top: 19%;
    }

    .home-section .carousel-item img {
    height: 65%;
    }
    .home-section .sliderbutton {
    top: 46%;
    }
     #colophon .hentry:nth-child(2), #colophon .hentry:nth-child(3), #colophon .hentry:nth-child(4) {
        padding: 3rem 1rem 0 1rem;
    }
    #colophon .hentry:nth-child(3), #colophon .hentry:nth-child(4) {
        padding-bottom: 6rem;
     }
     #colophon .site-info{
        width: 100%;
     }
}

@media (min-width:300px) and (max-width:1300px) {
    .about-section .aboutrightsection {
    width: 100%;
}
.about-section .abtfeature1{
    padding: 0;
    width: 95%;
}
.about-section .d-flex .call-content .content {
    margin-left: .5rem;
}
.about-section .d-flex .call-content .content h3.call-number {
    font-size: 16px;
}
.about-section .d-flex .call-content {
    margin-left: 1rem;
}
}
@media (min-width:1023px) and (max-width:1024px) {
    body {
        overflow-x: hidden !important;
    }

    .main-navigation ul li a {
        text-align: left;
    }

    .navbar .container {
        padding: 0px 20px;
    }

    .about-section .subtitle,
    .about-section p {
        margin-top: 0rem !important;
    }

    .about-section .subtitle {
        font-size: 1.8rem;
    }

    .about-section .row {
        margin-top: 0rem !important;
    }

    .about-section .abtimg-bx {
        left: 5%;
        bottom: 32%;
    }

    .about-section .abt-contact {
        margin-top: 0rem !important;
    }

    .main-navigation ul li,
    .dropdown-item {
        padding: 0 12px
    }

    #colophon .widget-title {
        font-size: 24px;
    }


}