/* Small Screen Devices */
@media screen and (min-width: 768px) and (max-width: 991px) {
    /* Navigation */
    .mega-dropdown-menu {
        position: unset;
    }
    .main-nav-container .nav .nav-item {
        width: 100%;
        border-top: 1px solid #1E3A7C;
    }
    .main-nav-container .nav .nav-item.open .fa:before {
        content: "\f078";
    }
    .main-nav-container .dropdown-menu {
        position: unset!important;
        margin-top: 0;
    }
    /* End Navigation */

    /* Footer */
    .patron-part {
        width: 90%;
    }
    .footer-part .contact-part i {
        margin-right: 5px;
    }
    .footer-part .contact-part {
        padding: 10px;
		width: 100%;
		height: auto;
    }
    /* End Footer */

    /* Search */
    #searchbar input {
        width: 85%;
    }
    #searchbar i {
        font-size: 45px;
        margin-top: 12px;
    }
    /* End Search */
	
	/* Carousel */
	#carouselRoSpa .carousel-inner .carousel-item {
		height: 50vh;
	}
	/* End Carousel */

    /* Popular Pages */
    .popular-left {
        overflow: unset;
    }
    .popular-left img {
        position: unset;
    }
    /* End Popular Pages */

    /* Blogs */
    .blog-left-after::after {
        right: -100%;
    }
    .blog-right-after::after {
        left: -100%;
    }
    .blog-left-image {
        width: 100%;
        height: 350px;
    }
    .blog-right-image {
        height: 200px;
        width: 100%;
    }
    .blog-left-container i {
        position: absolute;
        top: auto;
        bottom: -28px;
        left: 75px;
        right: auto;
        z-index: 1;
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }
    /* End Blogs */

    /* Membership */
    .membership-part .membership-content img {
        /*width: 80%;*/
    }
    .membership-part .membership-content h5 {
        padding: 0;
    }
    /* End Membership */

    /* Training */
    .training-container .training-image {
        height: 200px;
    }
    /* End Training */

    /* Awards */
    .awards-container .awards-image {
        height: 200px;
    }
    .awards-container .awards-content h2 {
        font-size: 26px;
    }
    .awards-container .awards-content h5 {
        -webkit-line-clamp: 3;
    }
    /* End Awards */

    /* Carousel Clients */
    #carouselClients .carousel-content img {
        max-width: 180px;
    }
    /* End Carousel Clients */

    /* Simple Icons Part */
    .simple-icons-part .icons-container {
        text-align: center;
    }
    .simple-icons-part .icons-container i {
        float: unset;
        margin-bottom: 20px;
    }
    /* End Simple Icons Part */
	
	/* Navigational Two Blocks */
	.nav-twoblocks-part .primary {
		height: 130px;
		width: 130px;
	}
	.nav-twoblocks-part .primary::before {
		font-size: 80px;
		line-height: 130px;
	}
	/* End Navigational Two Blocks */

    /* Four Items Slider */
    .csall-carousels .csall-content img {
        height: 250px;
    }
	.csall-carousels .csall-description p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		padding: 20px 20px 0px 20px;
	}
	.csall-carousels .carousel-control-next {
		right: 120px;
	}
	.csall-carousels .carousel-indicators {
		width: auto;
	}
	.csall-carousels .slick-dots {
		padding-right: 50px;
	}
    /* End Four Items Slider */

    /* Further Information Part */
    .further-information .further-content img {
        height: 200px;
    }
    /* End Further Information Part */

    /* Request a Callback Part */
    .radio-boxes .radio-box .v-length {
        padding: 0 15px;
    }
    /* End Request a Callback Part */

    /* Basket */
    .basket-minicart-area:before {
        right: 120px;
    }
    .basket-minicart-area:after {
        right: 117px;
    }   
    /* End Basket */
	
	/* Informational Simple Banner */
	#InformationalSimpleBanner .carousel-inner .carousel-item {
		height: 50vh;
	}
	#InformationalSimpleBanner .informational-content h1 {
		font-size: 2.5rem;
	}
	/* End Informational Simple Banner */
	
	/* Informational Banner */
	#InformationalBanner .carousel-inner .carousel-item {
		height: 50vh;
	}
	/* End Informational Banner */
}