/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px) {
}

@media (min-width: 1024px) {
}

@media (min-width: 992px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Header Start */
    nav .navbar-toggler {
        padding: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

        nav .navbar-toggler .hamburger-toggle span {
            background-color: #23ace3;
            display: block;
            width: 25px;
            height: 3px;
            margin-bottom: 5px;
            transition: 0.3s;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -ms-transition: 0.3s;
            -o-transition: 0.3s;
        }

            nav .navbar-toggler .hamburger-toggle span:last-child {
                margin-bottom: 0;
            }

        nav .navbar-toggler:focus {
            box-shadow: none;
        }

    nav button.navbar-toggler.open span:first-child {
        transform: rotate(45deg) translate(-1px, 6px);
        -webkit-transform: rotate(45deg) translate(-1px, 6px);
        -moz-transform: rotate(45deg) translate(-1px, 6px);
        -ms-transform: rotate(45deg) translate(-1px, 6px);
        -o-transform: rotate(45deg) translate(-1px, 6px);
    }

    nav .navbar-toggler.open span:nth-child(2) {
        transform: rotate(-45deg) translate(0px, -7px);
        -webkit-transform: rotate(-45deg) translate(0px, -7px);
        -moz-transform: rotate(-45deg) translate(0px, -7px);
        -ms-transform: rotate(-45deg) translate(0px, -7px);
        -o-transform: rotate(-45deg) translate(0px, -7px);
    }

    nav .navbar-toggler.open span:last-child {
        opacity: 0;
        display: none;
    }

    nav .navbar-nav li.nav-item {
        padding: 10px 0;
        border-right: none;
    }

    nav .navbar-nav {
        padding: 11px 35px 13px 35px;
    }
    /* Header End */

    main {
        row-gap: 2rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Header Start */
    nav .navbar-nav li.nav-item {
        padding: 0px 21px 0 21px;
    }

    nav .navbar-toggler {
        padding: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

        nav .navbar-toggler .hamburger-toggle span {
            background-color: #23ace3;
            display: block;
            width: 25px;
            height: 3px;
            margin-bottom: 5px;
            transition: 0.3s;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -ms-transition: 0.3s;
            -o-transition: 0.3s;
        }

            nav .navbar-toggler .hamburger-toggle span:last-child {
                margin-bottom: 0;
            }

        nav .navbar-toggler:focus {
            box-shadow: none;
        }

    nav button.navbar-toggler.open span:first-child {
        transform: rotate(45deg) translate(-1px, 6px);
        -webkit-transform: rotate(45deg) translate(-1px, 6px);
        -moz-transform: rotate(45deg) translate(-1px, 6px);
        -ms-transform: rotate(45deg) translate(-1px, 6px);
        -o-transform: rotate(45deg) translate(-1px, 6px);
    }

    nav .navbar-toggler.open span:nth-child(2) {
        transform: rotate(-45deg) translate(0px, -7px);
        -webkit-transform: rotate(-45deg) translate(0px, -7px);
        -moz-transform: rotate(-45deg) translate(0px, -7px);
        -ms-transform: rotate(-45deg) translate(0px, -7px);
        -o-transform: rotate(-45deg) translate(0px, -7px);
    }

    nav .navbar-toggler.open span:last-child {
        opacity: 0;
        display: none;
    }

    nav .navbar-nav li.nav-item {
        padding: 10px 0;
        border-right: none;
    }

    nav .navbar-nav {
        padding: 11px 35px 13px 35px;
    }
    /* Header End */
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
    /* Header Start */
    nav .navbar-toggler {
        padding: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

        nav .navbar-toggler .hamburger-toggle span {
            background-color: #23ace3;
            display: block;
            width: 25px;
            height: 3px;
            margin-bottom: 5px;
            transition: 0.3s;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -ms-transition: 0.3s;
            -o-transition: 0.3s;
        }

        nav .navbar-toggler .hamburger-toggle span:last-child {
            margin-bottom: 0;
        }

        nav .navbar-toggler:focus {
            box-shadow: none;
        }

    nav button.navbar-toggler.open span:first-child {
        transform: rotate(45deg) translate(-1px, 6px);
        -webkit-transform: rotate(45deg) translate(-1px, 6px);
        -moz-transform: rotate(45deg) translate(-1px, 6px);
        -ms-transform: rotate(45deg) translate(-1px, 6px);
        -o-transform: rotate(45deg) translate(-1px, 6px);
    }

    nav .navbar-toggler.open span:nth-child(2) {
        transform: rotate(-45deg) translate(0px, -7px);
        -webkit-transform: rotate(-45deg) translate(0px, -7px);
        -moz-transform: rotate(-45deg) translate(0px, -7px);
        -ms-transform: rotate(-45deg) translate(0px, -7px);
        -o-transform: rotate(-45deg) translate(0px, -7px);
    }

    nav .navbar-toggler.open span:last-child {
        opacity: 0;
        display: none;
    }

    nav .navbar-nav li.nav-item {
        padding: 10px 0;
        border-right: none;
    }

    nav .navbar-nav {
        padding: 11px 35px 13px 35px;
    }
    /* Header End */

    main {
        row-gap: 2rem;
    }
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (max-width: 565px) {
    main {
        row-gap: 1rem;
    }
}

@media (max-width: 400px) {
}


@media (min-width: 576px) and (max-width: 767px) {
}

@media (min-width: 240px) and (max-width: 575px) {
}
/*---------- Large Desktop , Large Screen End ----------*/