/* Small Devices, .visible-sm-* 
----------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    h3 {
        font-size: 20px;
        line-height: 28px;
    }
    main {
        margin-top: 72px;
    }
    .menu-navigation {
        width: 83%;
    }
    .homepage-arrows .arrow.prev {
        left: 2%;
    }
    .homepage-arrows .arrow.next {
        right: 0;
    }
    .slick-dots {
        bottom: -20px;
    }
    .homepage-slide img,
	.homepage-slider .slick-slide	{
		height: 340px;
	}
    .homepage-slide-content h2 {
        font-size: 24px;
        line-height: 26px;
		margin-bottom: 0;
    }
	.homepage-slide-content {
		padding: 10px 15px;
	}
    .homepage-arrows .arrow {
        top: 50%;
    }
    .search-wrapper-header.opened input {
        max-width: 105px;
        margin-right: 5px;
        height: 26px;
    }
    .search-wrapper-header input {
        margin-right: 5px;
        height: 26px;
    }
    .ic-nav .ic-nav-list .ic-nav-list-item a.ic-nav-list-item-link {
        padding: 40px 5px 17px 5px;
        font-size: 12px;
        line-height: 12px;
    }
    header .logo-wrapper img {
        max-width: 120px;
    }
    .search-wrapper-header input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        font-size: 12px;
        line-height: 12px;
    }
    .search-wrapper-header input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        font-size: 12px;
        line-height: 12px;
        opacity:  1;
    }
    .search-wrapper-header input::-moz-placeholder { /* Mozilla Firefox 19+ */
        font-size: 12px;
        line-height: 12px;
    }
    .search-wrapper-header input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size: 12px;
        line-height: 12px;
    }
    .search-wrapper-header .fa-search {
        line-height: 26px;
    }
    .footer .social-icons li {
        margin-right: 5px;
    }
    .viewOpen {
        width: 37%;
        font-size: 13px;
        line-height: 13px;
    }
    #timeDiv {
        width: 60%;
        text-align: center;
        font-size: 13px;
        line-height: 13px;
    }
    .footer-opening-hours #modal-state:checked + .modal-overlay .modal {
        max-height: 80%;
    }
    .footer .social-icons .fa-facebook,
    .footer .social-icons .fa-twitter,
    .footer .social-icons .fa-google-plus,
    .footer .social-icons .fa-linkedin,
    .footer .social-icons .fa-instagram {
        width: 30px;
        height: 30px;
        font: 400 18px/34px "FontAwesome";
    }
    .footer h3 {
        font-size: 22px;
    }
    .package-containter {
        height: auto !important;
    }
     .package-content {
         text-align: center;
     }
     .package-content ul {
         list-style: none;
         margin: 10px 0 10px 0;
     }   
     .card {
         height: auto;
     } 
     .demo-gallery > ul > li a {
         height: 200px;
    }
	.right-sidebar h2 {
		font-size: 24px;
		line-height: 26px;
	}
	#main-quiz-container {
		width: 100%;
		margin-top:75px;
	}
	.test-page-container {
		margin-top: 15px;
	}
	.question-container, 
	#results-container, 
	#intro-container{
		width: 100%;
	}
}