/* Laptop Scrren :1170px. */
    
    @media (min-width: 1170px) and (max-width: 1400px) {
        .slider-owl-area .slider-content-two {
            margin: 86px auto 85px;
        }
        .mfp-container {
            top: 25px;
        }
    }
    /* Normal desktop :992px. */
    
    @media (min-width: 992px) and (max-width: 1199px) {
        .main-menu ul>li>a {
            margin-left: -11px!important;
        }
        .sticky .main-menu ul>li>a {
            margin-left: -11px;
        }
        #languages {
			margin-top: 18px!important;
			padding-left: 0;
		}
        .social-icon ul li a {
            padding: 15px 6px;
        }
        .category-hover {
            padding: 50px 0;
        }
        .slider-owl-area .slider-content-two {
            margin: 72px auto;
        }
        .search-icn {
            display: none;
        }
        .blog-sngl-leftcntnt .blog-athr {
            width: 35%;
        }
        .ado-abt-cotnt {
            padding-top: 0;
        }
        .cntct-right-side {
            padding: 33px 90px 32px 30px;
            width: 35%;
        }
        .cntct-left-side {
            float: left;
            width: 65%;
        }
        .aboutme-left {
            float: none;
            margin-bottom: 30px;
            margin-right: 0;
        }
        .aboutme-left>img {
            width: 100%;
        }
        .sl-text-three {
            margin: 130px auto;
            width: 500px;
        }
        .slider-area-three .owl-theme .owl-nav .owl-prev {
            left: 140px;
        }
        .slider-area-three .owl-theme .owl-nav .owl-next {
            right: 140px;
        }
    }
    /* Tablet desktop :768px. */
    
    @media (min-width: 769px) and (max-width: 991px) {
        .mobile-menu-area {
            display: none;
        }
        .social-icon {
            float: none;
        }
        .social-icon>ul {
            float: none;
            text-align: center;
        }
        .search-icn {
            display: none;
        }
        .single-project>img {
            width: 100%;
        }
        .add-banner>img {
            width: 100%;
        }
        .sl-text-contnt {
            margin-right: 5%;
        }
        .res-mr-50 {
            margin-bottom: 50px
        }
        .main-menu {
            text-align: center;
        }
        .logo-area {
            text-align: center;
        }
        .slider-owl-area .slider-content-two {
            margin: 39px auto;
        }
        .slider-owl-area .slider-content-two .slide-text {
            width: 395px;
        }
        .slider-owl-area .slider-content-two .slide-text h1 {
            font-size: 28px;
        }
        .res-pt-50 {
            padding-top: 50px;
        }
        .post-dummy blockquote {
            width: 100%;
        }
        .left-side .post-dummy blockquote {
            width: 100%;
        }
        .res-pb-0 {
            padding-bottom: 0;
        }
        .res-pb-90 {
            padding-bottom: 90px;
        }
        .left-side.audio .post-content-area {
            padding-left: 30px;
            padding-right: 30px;
        }
        .ado-abt-cotnt {
            padding-top: 0;
        }
        .cntct-left-side {
            float: none;
            width: 100%;
        }
        .cntct-right-side {
            float: none;
            padding: 85px 90px 85px 30px;
            width: 100%;
        }
        .aboutme-left {
            float: none;
            margin-bottom: 30px;
            margin-right: 0;
        }
        .aboutme-left>img {
            width: 100%;
        }
        .sl-text-three {
            margin: 100px auto;
        }
        .slider-area-three .owl-theme .owl-nav .owl-next {
            right: 35px;
        }
        .slider-area-three .owl-theme .owl-nav .owl-prev {
            left: 35px;
        }
        .main-menu ul>li>a {
    padding: 16px 5px!important;
}
        #languages {
    margin-top: -5px!important;
    margin-bottom: 5px;
}
		.btn-blue {
    padding: 10px 10px !important;
    font-size: 12px !important;
}
    }
    /* small mobile :320px. */
    


    @media (max-width: 768px) {
		.vragenblock p {
			font-size: 12px;
		}
        .mobile-menu-area {
            display: block;
        }
        .header-top {
            display: none;
        }
        .res-mr-50 {
            margin-bottom: 50px
        }
        .sl-text-contnt {
            margin-right: 5%;
        }
        .slider-3 h1 {
            font-size: 16px;
            margin: 5px 0;
        }
        .sl-text-contnt {
            padding: 15px 0;
            top: 0;
        }
        .category-hover {
            padding: 75px 0;
        }
        .category-hover p {
            display: none;
        }
        .res-mb-25 {
            margin-bottom: 30px
        }
        .blog-athr {
            float: none;
            text-align: center;
            width: 100%;
        }
        .social-icon-blog {
            float: none;
            margin-bottom: 10px;
            margin-top: 10px;
            width: 100%;
        }
        .blog-cmnt {
            float: none;
            text-align: center;
        }
        .footer-logo {
            margin-bottom: 20px;
            margin-top: 20px;
            text-align: center;
        }
        .footer-bottom-left>p {
            font-size: 14px;
            text-align: center;
        }
        .footer-bottom-right {
            float: none;
            text-align: center;
            margin-top: 5px;
        }
        .footer-bottom {
            padding-top: 10px;
        }
        .ressml-mr-0 {
            margin: 0;
        }
        .preview-2 .nivo-controlNav {
            top: 10%;
            width: 10px;
        }
        .preview-2 .nivo-controlNav a {
            height: 12px;
            width: 12px;
        }
        .preview-2 .nivo-controlNav a::after {
            height: 16px;
            left: -2px;
            top: -2px;
            width: 16px;
        }
        .slide-btn {
            display: none;
        }
        .logo-area {
            text-align: center;
        }
        .slider-owl-area .slider-content-two {
            margin: 21px auto;
        }
        .slider-owl-area .slider-content-two .slide-text {
            width: 340px;
        }
        .slider-owl-area .slider-content-two .slide-text h1 {
            font-size: 26px;
        }
        .slider-owl-area .owl-theme .owl-dots,
        .slider-owl-area .owl-theme .owl-nav {
            right: 2px;
            top: 25%;
        }
        .res-pt-50 {
            padding-top: 50px;
        }
        .blog-sngl-leftcntnt .blog-img {
            float: none;
            margin: 0;
            margin-bottom: 25px;
        }
        .blog-sngl-leftcntnt .blog-athr {
            float: left;
            text-align: center;
            width: 34%;
        }
        .post-dummy blockquote {
            width: 100%;
        }
        .post-content-text {
            margin: 0;
            padding: 50px 20px;
        }
        .post-content-area {
            padding: 0;
        }
        .post-dtls-social {
            float: none;
        }
        .pst-athr {
            margin-bottom: 10px;
            margin-right: 10px;
        }
        .comment-pic {
            float: none;
            margin-right: 0;
        }
        .comment-author span {
            display: none;
        }
        .comment-author>a {
            margin-bottom: 15px;
        }
        .left-side .post-dummy blockquote {
            width: 100%;
        }
        .left-side .post-dtls-social {
            float: none;
        }
        .res-pb-0 {
            padding-bottom: 0;
        }
        .res-pb-90 {
            padding-bottom: 90px;
        }
        .left-side.audio .post-content-area {
            padding-left: 0px;
            padding-right: 0px;
        }
        .audio-about img {
            float: none;
            margin-right: 0;
        }
        .ado-abt-cotnt {
            padding: 20px;
        }
        .img-post-content .owl-theme .owl-dots,
        .owl-theme .owl-nav {
            top: 25%;
        }
        .blog-social.border-bottom div {
            float: none;
            margin-bottom: 5px;
        }
        .post-dtls-social {
            margin-bottom: 5px;
        }
        .video.img-post-area .post-dummy blockquote.side {
            width: 100%;
        }
        .cntct-left-side {
            float: none;
            width: 100%;
        }
        .cntct-right-side {
            float: none;
            padding: 85px 30px 85px 30px;
            width: 100%;
        }
        .error-search {
            width: 240px;
        }
        .aboutme-left {
            float: none;
            margin-bottom: 30px;
            margin-right: 0;
        }
        .aboutme-left>img {
            width: 100%;
        }
        .slider-area-three .owl-theme .owl-nav .owl-next {
            position: absolute;
            right: 15px;
        }
        .slider-area-three .owl-theme .owl-nav .owl-prev {
            left: 15px;
            position: absolute;
        }
        .slider-area-three .owl-theme .owl-dots,
        .slider-area-three .owl-theme .owl-nav {
            top: 35%;
        }
        .slider-area-three .owl-theme .owl-nav .owl-prev,
        .slider-area-three .owl-theme .owl-nav .owl-next {
            font-size: 38px;
        }
        .sl-text-three {
            margin: 25px auto;
            width: 220px;
        }
        .slider-content-three h1 {
            font-size: 14px;
            letter-spacing: 2px;
            margin: 15px 0;
        }
        .video.img-post-area .post-dummy blockquote {
            width: 100%;
        }
        .slide-btn-three,
        .slider-content-three h4,
        .slider-content-three h3 {
            display: none;
        }
        .sl-text-three::before {
            bottom: 30px;
            width: 120px;
        }
        .sl-text-three::after {
            top: 30px;
            width: 120px;
        }
		.btn-blue {
    padding: 10px 10px !important;
    font-size: 12px !important;
			float: left !important;
    margin-top: 20px !important;
}
		
    }
    /* Large Mobile :480px. */
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container {
            width: 100%;
        }
        .preview-2 .nivo-controlNav {
            top: 30%;
        }
        .sl-text-contnt {
            padding: 20px 0;
            top: -30px;
            margin-right: -13%;
        }
        .slide-btn>a {
            margin-top: 45px;
        }
        .slider-3 h1 {
            font-size: 20px;
        }
        .slide-btn {
            display: block;
        }
        .coategory-in img {
            width: 100%;
        }
        .category-hover {
            padding: 140px 0;
        }
        .add-banner>img {
            width: 100%;
        }
        .slider-owl-area .slider-content-two {
            margin: 12px auto;
        }
        .slider-owl-area .slider-content-two .slide-text h1 {
            font-size: 24px;
        }
        .slider-owl-area .slider-content-two .slide-text {
            width: 270px;
        }
        .slider-owl-area .owl-theme .owl-dots,
        .slider-owl-area .owl-theme .owl-nav {
            right: 10px;
            top: 35%;
        }
        .blog-sngl-leftcntnt .blog-athr {
            width: 22%;
        }
        .post-dtls-social {
            float: none;
        }
        .blog-img img {
            width: 100%;
        }
        .pst-athr {
            margin-right: 35px;
        }
        .img-post-content .owl-theme .owl-dots,
        .owl-theme .owl-nav {
            top: 35%;
        }
        .sl-text-three {
            margin: 75px auto;
            width: 250px;
        }
    }



@media (max-width: 400px){
	
		.logo-area {
    		float: none !important;
			padding: 10px 0px;
	}
		.vragenblock {
		margin-top: 0px !important;
		float: none !important;
		display: block !important;
		text-align: center;
	}
	.footer-menu .col-md-3.col-sm-3.col-xs-5.col-xs-offset-1.col-sm-offset-0 {
    width: 100%;
    margin-bottom: 10px;
}
	
}