/* Extra Small Devices, .visible-xs-*
----------------------------------------------*/
@media (max-width: 767px) {
	.homepage-slide:before,
	.homepage-slide:after{
		display: none;
	}
    h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .footer h3 {
        margin-bottom: 20px;
    }
    /* Index */
	.right-sidebar h2 {
		font-size: 32px;
		line-height: 34px;
	}
	.benefits-container .section-title p {
		width: 100%;
	}
    header .logo-wrapper {
        width: 73%;
        float: left;
        margin-left: 10px;
    }
    .homepage-slide-content .package-content strong {
        font-family: 'Lato Regular';
    }
    header .logo-wrapper img {
        width: 220px;
        height: 60px;
    }
    header .hamburger-menu {
        display: block;
        font-size: 32px;
        color: #00a0df;
        float: right;
    }
    .footer {
        padding: 30px 0;
        text-align: center;
    }
    .footer .footer-links ul {
        float: none;
    }
    .footer h3+* {
        margin-top: 10px;
    }
    .contact-info dl,
    .contact-info address {
        margin-bottom: 5px;
    }
    main {
        margin-top: 98px;
        min-height:initial;
    }
    header {
        z-index: 99999999;
    }
    fieldset .form-control {
        height: 38px;
    }
    .button {
        padding: 7px 22px;
    }
    .contact-us-container diff-letters {
        font-size: 35px;
        line-height: 44px;
    }
    .contact-us-container span {
        font-size: 32px;
        line-height: 40px;
    }
    .contact-us-container {
        padding: 10px 0;
    }
    .footer-newsletter .button-container {
        text-align: center;
    }
    .mobile-button {
        float: right;
        margin-right: 50px;
    }
    .ic-nav {
        top: 80px;
        position: absolute;
        padding: 10px 20px;
        width: 260px;
        height: 100%;
        background: #00a0df;
        border: 2px solid #00a0df;
        border-right: none;
        right: -261px;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    .active .ic-nav {
        right: 0;
        position: fixed;
        transition: all 0.2s ease;
    }
    .ic-nav ul {
        height: 80%;
        overflow-y: scroll;
    }
    .no-scroll {
        overflow: hidden;
        position: fixed;
        width: 100%;
    }
    .menu-navigation {
        float: right;
        width: auto;
        overflow-y: scroll;
        height: 100%;
    }
    .ic-nav-list .ic-nav-list-item {
        transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1);
        border-bottom: 2px solid rgba(0, 0, 0, 0.2);
        max-height: 50px;
        overflow: hidden;
    }
    .ic-nav-list .ic-nav-list-item.ic-active {
        max-height: 500px;
    }
    .ic-nav-list .ic-nav-list-item.ic-active .ic-nav-list-item-link.ic-parent-item:after {
        content: "-";
    }
    .ic-nav-list .ic-nav-list-item .ic-nav-list-item-link {
        display: block;
        padding: 15px;
        color: white;
        text-decoration: none;
    }
    .ic-nav-list .ic-nav-list-item .ic-nav-list-item-link.ic-parent-item {
        position: relative;
    }
    .ic-nav-list .ic-nav-list-item .ic-nav-list-item-link.ic-parent-item:after {
        position: absolute;
        content: "+";
        right: 15px;
        width: 20px;
        text-align: center;
    }
    .ic-nav-list .ic-nav-list-item .ic-nav-list-item-link:visited {
        color: white;
    }
    .ic-nav-sublist {
        background: #fff;
        position: relative;
        transition: all 3s cubic-bezier(0.86, 0, 0.07, 1);
    }
    .ic-nav-sublist:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 6px 0 6px;
        border-color: #00a0df transparent transparent transparent;
    }
    header .header-background {
        padding: 10px 0;
    }
    .ic-nav-sublist .ic-nav-sublist-item {
        border-bottom: 2px solid #00a0df;
    }
    .ic-nav-sublist .ic-nav-sublist-item:last-child {
        border-bottom: none;
    }
    .ic-nav-sublist .ic-nav-sublist-item .ic-nav-sublist-item-link {
        display: block;
        padding: 15px 15px 15px 30px;
        color: #00a0df;
        text-decoration: none;
    }
    .ic-nav-sublist .ic-nav-sublist-item .ic-nav-sublist-item-link:visited {
        color: #00a0df;
    }
    .menu-button-target {
        background: transparent;
        border: none;
        outline: none;
        cursor: pointer;
        position: absolute;
        z-index: 30;
        height: 30px;
        margin-top: 17px;
        webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .menu-button-target.active .menu-button {
        transition: background .1s ease;
        background-color: transparent;
    }
    .menu-button-target.active .menu-button:before,
    .menu-button-target.active .menu-button:after {
        transition: top .2s ease, transform .2s .1s ease;
    }
    .menu-button-target.active .menu-button:before {
        top: 0;
        transform: rotate(45deg);
    }
    .menu-button-target.active .menu-button:after {
        top: 0;
        transform: rotate(-45deg);
    }
    .menu-button {
        position: relative;
        top: 50%;
        left: 0;
        display: block;
        width: 30px;
        height: 3px;
        margin-top: 0;
        background-color: #00a0df;
        border-radius: 10px;
        transition: background .2s .1s;
    }
    .menu-button:before,
    .menu-button:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        background-color: #00a0df;
        transition: top .2s .1s ease, transform .2s ease;
        border-radius: 10px;
        transform-origin: 50% 50%;
    }
    .menu-button:before {
        top: -7px;
        transform: rotate(0deg);
    }
    .menu-button:after {
        top: 7px;
        transform: rotate(0deg);
    }
    #google-container {
        height: 300px;
    }
    #cd-zoom-in, #cd-zoom-out {
        margin-left: 20px;
    }
    #cd-zoom-in {
        margin-top: 20px;
    }
    .footer-contact-info, 
    .footer-opening-hours, 
    .footer-newsletter, 
    .footer-social-icons {
        margin-bottom: 50px;
    }
    .homepage-arrows .arrow.prev {
        left: 20%;
    }
    .homepage-arrows .arrow.next {
        right: 20%;
    }
    .homepage-slide-content p {
        font-size: 12px;
        line-height: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;  
        overflow: hidden;
        margin-bottom: 5px;
    }
    .homepage-slide-content .package-content {
        font-size: 13px;
        line-height: 14px;
    }
    .homepage-slide-content h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .slick-current.slick-active .homepage-slide-content span.new-price {
        font-size: 18px;
    }
    .homepage-slide-content {
		padding: 10px 15px;
        width: 87%;
        left: 6%;
		top: 3%;
        transform: translate(0, 0) !important;
        -webkit-transform: translate(0, 0) !important;
    }
    .homepage-slide-content.left-side {
        left: 8%;
    }
    .homepage-slider-container .slick-dots li {
        margin-right: 20px;
    }
    .homepage-arrows .arrow {
        display: none;
    }
    .homepage-slider .button {
        padding: 5px 15px;
        font-size: 8px;
    }
    .homepage-slider-container .slick-dots {
        bottom:-20px;
        margin: 0;
    }
    .homepage-slider-container .slick-dots li button {
        border-width: 0px;
        width: 12px;
        height: 12px;
    }
    .homepage-slider-container .slick-dots li button:before {
        width: 18px;
        height: 18px;	
    }
    .homepage-slider-container .slick-dots li button:hover:before, 
    .homepage-slider-container .slick-dots li.slick-active button:before {
        -webkit-transform: translate(-49.5%,-27.5%) scale(1);
        -moz-transform: translate(-49.5%,-27.5%) scale(1);
        transform: translate(-49.5%,-27.5%) scale(1);
    }
	.benefits-container ul, 
	ul.list-unstyled	{
		float: none;
		width: auto;
	}
    .section-title h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .diff-letters {
        font-size: 36px;
        line-height: 44px;
    }
    .homepage-client-section .container-fluid, 
    .homepage-client-logos .container-fluid {
        max-width: initial;
    }
    .col-centered {
        margin-right: 0;
    }
    .homepage-slider-container.container-fluid {
        padding: 0 15px;
    }
    .homepage-slider-container.container-fluid .col-sm-12 {
        padding: 0;
    }
    /* End of Index */
    
    .topcontrol {
        right: 10px !important;
        bottom: 30px !important;
    }
    .search-wrapper-header.opened input {
        padding: 15px 30px 15px 15px;
    }
    .search-wrapper-header input {
        width: 100%;
        max-width: 100%;
        background-color: transparent;
        color: #fff;
        padding: 15px 30px 15px 15px;
        height: 100%;
        margin-right: 0;
    }
    .search-wrapper-header input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color:    #fff;
    }
    .search-wrapper-header input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    #fff;
    }
    .search-wrapper-header input::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    #fff;
    }
    .search-wrapper-header input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color:    #fff;
    }
    .ic-nav-list .ic-nav-list-item:last-child {
        position: relative;
    }
    .search-wrapper-header .fa-search {
        position: absolute;
        top: 10px;
        right: 15px;
        color: #fff;
    }
    .right-sidebar {
        border-left: none;
        border-top: 2px solid #00a0df;
        padding-top: 15px;
        padding-left: 0;
    }
    #timeDiv {
        margin-bottom: 20px;
    }
    .footer-opening-hours #modal-state:checked + .modal-overlay .modal {
        max-height: initial;
        overflow-y: scroll;
    }
    .package-containter {
        height: auto !important;
		padding: 20px 15px;
    }
    .package-content {
         text-align: center;
     }
     .package-content ul {
         list-style: none;
         margin: 10px 0 10px 0;
     }
     .homepage-pricing-container .col-centered {
         margin-bottom: 40px;
     }
     .card_inner__cta {
         bottom: -16px;
     }
     .homepage-pricing-container .button-container {
         margin-top: 0;
     }
     .homepage-slider .slick-slide {
         height: auto;
     }
    .package-content ul li {
        display: block;
    }
    .package-content ul li:nth-child(1),
    .package-content ul li:nth-child(2),
    .package-content ul li:nth-child(3),
	.package-content ul li:nth-child(4)	{
        display: block;
    }
    .homepage-slide-content .package-content, .homepage-slide-content .package-content p, .homepage-slide-content .package-content strong {
        font-size: 12px;
        line-height: 16px;
    }
    .benefits-inner .text-center:nth-child(2) {
        border-left: none;
        border-right: none;
    }
	.homepage-slide img,
	.homepage-slider .slick-slide	{
		height: 200px;
	}
    .table tr td:last-child {
    	min-width: 90px;
    	text-align: center;
    } 
	#main-quiz-container {
		width: 100%;
		float:left;
		margin-top:0;
	}
	.test-page-container {
		margin-top: 15px;
	}
	.question-container, 
	#results-container, 
	#intro-container{
		width: 100%;
	}
	.test-welcome-container .login {
		margin: 0 0 40px 0;
		width: 100%;
	}
	.question-image {
		width: 100%;
	}
	.question h3 {
		width: 87%;
	}
	.question p { 
		font-size: 14px;
	}
	.questions-container-popup {
		padding: 10px;
	}
	.legend-container span {
		width: 100%;
	}
	.questions-container-popup span{
		width: 36.3px;
	}
	.question-container ul.answers li {
		padding: 5px 15px;
	}
	.question-container ul.answers li label {
		font-size: 12px;
		line-height: 20px;
	}
	.btn-container .button {
		font-size: 12px;
		min-width: 110px;
	}
	.btn-prev:after, .btn-next:after, .btn-show-result:after {
		font-size: 12px;
		top: 4px;
		line-height: 20px;
	}
	.btn-prev:after {
		left: 5px;
	}
	.btn-show-result:after,
	.btn-next:after {
		right: 5px;
	}
	.finish-button,
	.finish-button-result{
		float: right;
		position: absolute;
		right: 0;
		bottom: -15px;
	}
	.question-container .next {
		position: absolute;
		right: 0;
	}
	.overview-container {
		float: left;
		position: absolute;
		left: 0;
		bottom: -15px;
	}
	.question-container .prev {
		position: absolute;
		left: 0;
	}
	.btn-container {
		margin-bottom: 10px;
		position: relative;
		height: 65px;
	}
}
@media (max-width: 767px) and (orientation: landscape) {
	.homepage-slide img,
	.homepage-slider .slick-slide	{
		height: 300px;
	}
    .package-content ul li {
        display: block;
    }
    .homepage-slide-content .package-content, .homepage-slide-content .package-content p, .homepage-slide-content .package-content strong {
        font-size: 16px;
        line-height: 24px;
    }
}