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

@media (min-width:300px) and (max-width:700px) {
    body {
        overflow-x: hidden !important;
    }

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

    /* 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 {
        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: center;
        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 .carousel-caption h1 {
        font-size: 2rem;
    }

    .home-section .carousel-item img {
        height: 70vh;
    }

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

    .home-section .carousel .carousel-control-next {
        right: 2%;
    }

    .home-section .carousel .carousel-control-prev,
    .home-section .carousel .carousel-control-next {
        top: 75%;
    }

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

    .about-section .title::after {
        display: none;
    }

    .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:308px) and (max-width:350px) {
    .home-section .carousel-item img {
        height: 70vh;
    }

    .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%;
    }

    .home-section .carousel .carousel-caption {
        width: 500px;
    }

    .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;
    }

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

    .home-section .carousel .carousel-caption {
        width: 500px;
    }

    .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: center;
        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 .carousel-caption {
        top: 15%;
    }

    .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;
    }

    .home-section .carousel .carousel-control-next,
    .home-section .carousel .carousel-control-prev {
        top: 75%;
    }

    .home-section .carousel .carousel-control-next {
        right: 5%;        
    }
    .home-section .carousel .carousel-control-prev {       
        left: 80%;
    }
    .home-section .carousel-item img {
        height: 55vh;
    }

    .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:1023px) and (max-width:1024px) {
    body {
        overflow-x: hidden !important;
    }

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

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

    .home-section .carousel .carousel-caption {
        top: 16%;
    }

    .home-section .carousel .carousel-control-prev,
    .home-section .carousel .carousel-control-next {
        top: 81%;
    }

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

    .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;
    }

    
}