/* #Base over 1200px
================================================== */
    /*Using*/
    .main_menu ul,
    .main_content .block_type ul,
    #other_news ul,
    .wrap_nieuws ul,
    #wrap_onze ul,
    .slideshow .tp-caption.xantistext .slide_text ul {margin: 0px; padding: 0px; list-style: none;}
    
    .banner_static img,
    .wrap_nieuws .item_nieuws .thumb img,
    #other_news ul img,
    #wrap_onze .caroufredsel_wrapper ul li img {width: 100%; height: auto;}
    
    .main_menu ul li a,
    .main_content .block_type ul li a,
    .content_item h2 a,
    .list_nieuws .item_nieuws h2 a,
    .slideshow .text_banner a,
    .footer a {text-decoration: none;}
    
    .footer a:hover {opacity:0.8;}

    /*Menu for phone*/    
    .visible_phone{display:none;}
	.hidden_phone{display:block;}
    .icon_menu {display: none;}
    
@media only screen and (min-width: 960px) and (max-width: 1119px) {
    
    .slideshow .tp-caption.xantistext .slide_text ul {padding-top: 35px !important;}
}

/* #Tablet (Portrait)
================================================== */
    /* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {width:748px;}
    /*Logo*/
    .header .container .four.columns {width: 100%;}
    .header .container .four.columns .logo {margin-bottom:55px;  text-align: center;}
    
    /*Homepage - Slideshow*/
    .slideshow .tp-caption.xantistext {display: none;}
    
    /*Homepage - Welcome*/
    .home .main_content .vc_col-sm-6 {width: 50%; float: left;}
    .home .main_content .wel_left {padding-top: 30px !important;}
    
    /*Homepage - Service*/
    #block_home .container {height: 530px;}
    #block_home #block_home_in #block_home_item_2.item {top: 265px;}
    
    /*Homepage - News*/
    .wrap_nieuws .item_nieuws.small {width: 181px;}
    .list_nieuws .item_nieuws {width: 244px;} /*Homepage*/
    
    /*Homepage - Client*/
    #wrap_onze .container {padding: 70px 0px; width: 748px;}
    #wrap_onze .container .four.columns {width: 178px; text-align: right;}
    #wrap_onze .container .four.columns h3 {font-size: 22px; line-height: 22px; text-align: center;}
    
    /*Innerpage - Breadcrumbs*/
    .breadcrumbs {margin-left: 30px;}
    
    /*Innerpage - Left menu*/
    .main_content .container .twelve.columns,
    .main_content .container .four.columns,
    .main_content .container .ten.columns,
    .main_content .container .six.columns { display: block; float: none; margin: auto; width: 720px;}
    
    .main_content .container .four.columns,
    .main_content .container .six.columns  {margin-top: 35px;}
    
    /*Innerpage - Title page*/
    .page-contact .title_page, .page-contact .vc_row {width: 720px;}
    
    /*Innerpage - Visual composer*/
    .main_content .vc_col-sm-1, 
    .main_content .vc_col-sm-2, 
    .main_content .vc_col-sm-3, 
    .main_content .vc_col-sm-4, 
    .main_content .vc_col-sm-5, 
    .main_content .vc_col-sm-6, 
    .main_content .vc_col-sm-7, 
    .main_content .vc_col-sm-8, 
    .main_content .vc_col-sm-9, 
    .main_content .vc_col-sm-10, 
    .main_content .vc_col-sm-11, 
    .main_content .vc_col-sm-12 {display: block; float: none; margin: auto; width: 720px;}
    
    /*News page*/
    .wrap_nieuws .item_nieuws.big {width:366px;}
    
    /*News page - Detail page*/
    #other_news ul li {float: left; width: 234px; margin:0px 8px 0px 0px; border: none;}
    #other_news ul li:last-child {margin-right: 0px;}
    #other_news ul li .thumb a .overlay {line-height: 150px;}
    
    /*Contact page*/
    .slideshow .text_banner .text_content {width: 75%; padding-left: 15px;}
    .main_content .gform_wrapper form .gform_body .ginput_container, .main_content .gform_wrapper form .gform_body .gfield_captcha_container, .fancybox-wrap .gform_wrapper form .gform_body .ginput_container, .fancybox-wrap .gform_wrapper form .gform_body .gfield_captcha_container {width:550px;}    
    .main_content .gform_wrapper form .gform_footer, .fancybox-wrap .gform_wrapper form .gform_footer {margin-bottom: 60px;}    
    
    /*Footer*/
    .footer .container .six.columns #logo_footer {margin-bottom: 50px;}
    
    .footer .container .ten.columns {width:440px;}
    .footer .container .left_footer, .footer .container .right_footer {width: 100%; float: none;}
    .footer .container .left_footer {padding: 0 80px; width: 280px; border-right:none; border-bottom: 5px solid #f68b1f;}
    .footer .container .right_footer {padding: 0 80px; width: 280px; margin-top: 15px; }
    
    #copyright { position: absolute; bottom: 5px; left: 0px;}
}

/*  #Mobile (Portrait)
================================================== */
    /* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
    .header {z-index:9999;}
    .contact_link {display:none;}
    .home .main_content {margin: 70px 0 50px;}
    .main_content {margin: 30px 0 50px;}
    /*Menu*/
    .header .container .eight.columns:after {display: none;}
    .wrap_menu {margin: 0px; width: 300px;}    
    .wrap_menu .icon_menu {position: absolute; top: 0px; right: 0px; margin: 0px; z-index: 999;}    
        /*Menu for phone*/
        .visible_phone{display:block;}
    	.hidden_phone{display:none;}
        
        .icon_menu a {display: block; position: relative; text-align: left; text-indent: -999em; width: 40px;}
        .icon_menu a:before {
            position: absolute; top: 2px; left: 0;
        	width: 40px; height: 6px; background: #f68b1f;
        	box-shadow: 0 6px #fff, 0 12px #f68b1f, 0 18px #fff, 0 24px #f68b1f;
        	content: '';
        }
        .main_menu {
            display: none; overflow: hidden;
            position: absolute; z-index: 9999; left: 0px; top: 37px; width: 100%;
            background: #f1f8f5;  border-top: 5px solid #f68b1f; border-bottom: 5px solid #f68b1f; padding-top: 5px;
        }
        .main_menu.active {display: block;}
        .main_menu ul {width: 100%;}
        .main_menu ul li {
            float: none; margin: 0px 0px 5px 0px; padding: 5px 15px;
        }
        .main_menu ul li a {padding:10px 0px;}
        .main_menu ul li a span {background: url(../images/icons/list_leaf_green.png) no-repeat center left; padding-left: 25px;}
        
        .wrap_menu ul li, .wrap_menu ul li a {transform: skew(0deg); -webkit-transform: skew(0deg);}
     
    /*Homepage - Slideshow*/
    .slideshow .tp-caption.xantistext {display: none;}
    .home .slideshow:before {display: none;}
    .slideshow .tparrows {bottom:-35px !important;}
    .slideshow .tparrows.tp-rightarrow {right: 43px !important;}
    .slideshow .tparrows.tp-leftarrow {right: 155px !important;}
    
    /*Homepage - Welcome*/
    .home .main_content .wel_left {padding-top: 0px !important;}
    .home .main_content .wel_right {background-size: cover;}
    
    /*Homepage - Service*/
    #block_home .container {height: 530px;}
    #block_home #block_home_in .item {width: 300px;}
    #block_home #block_home_in .item .text,
    #block_home #block_home_in .item .icon {width: 150px; text-align: center;}
    
    #block_home #block_home_in .item .text h2 {font-size: 16px; line-height: 16px;}
    .btn_more a {font-size: 14px; line-height: 14px;}    

    #block_home #block_home_in #block_home_item_2.item {top: 265px;}
    #block_home #block_home_in .item .icon img {margin-left: -150px;}
    
    /*Homepage - News section*/
    .wrap_nieuws h3 {font-size: 32px; line-height: 32px;}
    .wrap_nieuws .item_nieuws.small, .list_nieuws .item_nieuws {width: 300px;}
    
    /*Homepage - Client section*/
    #wrap_onze .container {padding:50px 0px; width: 300px;}
    #wrap_onze .container .four.columns,
    #wrap_onze .container .twelve.columns {width: 300px;}
    .list_carousel_onze  {width: 260px;}
    #wrap_onze .caroufredsel_wrapper ul li {width: 260px; margin-right: 0px;}
    
    /*Innerpage - Breadcrumbs*/
    .wrap_title {width: 300px;}
    .wrap_title .container {width: 300px; margin-top: 0px;}
     
    /*Innerpage - Left menu*/
    .main_content .container .twelve.columns,
    .main_content .container .four.columns,
    .main_content .container .ten.columns,
    .main_content .container .six.columns { display: block; float: none; margin: auto; width: 300px;}
    
    .main_content .container .four.columns,
    .main_content .container .six.columns  {margin-top: 30px;}
    
    /*Innerpage - Title page*/
    .page-contact .title_page, .page-contact .vc_row {width: 300px;}
    .title_page h1:after, .title_page h2:after {margin-top: 15px;}
    
    /*Innerpage - Visual composer*/
    .main_content .vc_col-sm-1, 
    .main_content .vc_col-sm-2, 
    .main_content .vc_col-sm-3, 
    .main_content .vc_col-sm-4, 
    .main_content .vc_col-sm-5, 
    .main_content .vc_col-sm-6, 
    .main_content .vc_col-sm-7, 
    .main_content .vc_col-sm-8, 
    .main_content .vc_col-sm-9, 
    .main_content .vc_col-sm-10, 
    .main_content .vc_col-sm-11, 
    .main_content .vc_col-sm-12 {display: block; float: none; margin: auto; padding: 0px; width: 300px;}
    
    /*Innerpage - Editor*/
    .mceContentBody h1, .main_content h1 {font-size:30px; line-height: 34px;}
    
    /*News page*/
    .wrap_nieuws .item_nieuws.big {width:300px;}
    .thumb a .date_post {padding: 5px 10px;}
    .date_post span {font-size: 14px !important; line-height: 14px !important;}
    .date_post span.month {font-size: 12px !important; line-height: 12px !important;}
    
    .thumb a .overlay i {
        font-size: 26px !important; height: 20px !important; width: 20px !important; border-width: 3px;
        line-height: 21px !important; padding: 15px !important; 
    }
    
    .main_content .content_item .excerpt {max-height: none;}
    
    /*News page - Detail page*/
    #other_news ul li {margin:0px 8px 0px 0px; border: none; width: 300px;}
    #other_news ul li:last-child {margin-right: 0px;}
    .thumb a .overlay {margin-top:-28px !important;}
    
    #content_news .title_content h1 {padding-bottom: 15px;}
    #content_news .date_post {margin-bottom: 15px;}
    #content_news .date_post span {font-size: 16px !important; line-height: 16px !important;}
    
    /*Contact page*/
    .page-contact .bg_banner {height: 120px;}
    .main_content .introtext {width: 300px; margin: auto;}
    .page-contact .main_content .text_content {padding: 30px 0;}
    .main_content .gform_wrapper form .gform_body .gfield_label, .fancybox-wrap .gform_wrapper form .gform_body .gfield_label {width: 100%; text-align: left; margin-bottom:0px;}
    
    .main_content .gform_wrapper form .gform_body .ginput_container, .main_content .gform_wrapper form .gform_body .gfield_captcha_container, .fancybox-wrap .gform_wrapper form .gform_body .ginput_container, .fancybox-wrap .gform_wrapper form .gform_body .gfield_captcha_container {width:270px;}    
    .main_content .gform_wrapper form .gform_footer, .fancybox-wrap .gform_wrapper form .gform_footer {margin:25px 0px 40px 5px; float: none;}
    .gfield_captcha_container {width: 300px !important;}
    
    /*Footer*/
    .footer .container .six.columns {width: 260px; height: 140px;}
    .footer .container .six.columns #logo_footer {margin-bottom: 50px; padding: 50px 110px;}
    
    .footer .container .ten.columns {width:260px;}
    .footer .container .left_footer, .footer .container .right_footer {width: 100%; float: none;}
    .footer .container .left_footer {padding: 0px; width: 300px; border-right:none; border-bottom: 5px solid #f68b1f; margin-top: 0px;}
    .footer .container .right_footer {padding: 0px 0px 10px 0px; width: 300px; margin-top: 15px; border-bottom: 5px solid #f68b1f; }
    
    #copyright {padding:10px 0 50px 0px;}
}

 /* #Mobile (Landscape)
================================================== */
    /* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    /*Menu*/
    .wrap_menu {width:420px;}
    
    /*Homepage - Slideshow*/
    .slideshow .tparrows.tp-rightarrow {right: 156px !important;}
    .slideshow .tparrows.tp-leftarrow {right: 270px !important;}
    
    /*Homepage - News section*/
    .wrap_nieuws .item_nieuws.small, .list_nieuws .item_nieuws {width: 420px;}
    
    /*Homepage - Client section*/
    #wrap_onze .container,
    #wrap_onze .container .four.columns,
    #wrap_onze .container .twelve.columns {width: 420px;}
    .list_carousel_onze,
    #wrap_onze .caroufredsel_wrapper ul li {width: 380px;}
    
    /*Innerpage - Breadcrumbs*/
    .wrap_title, .wrap_title .container  {width: 420px;}
    
    /*Innerpage - Left menu*/
    .main_content .container .twelve.columns,
    .main_content .container .four.columns,
    .main_content .container .ten.columns,
    .main_content .container .six.columns {width: 420px;}
    
    /*Innerpage - Visual composer*/
    .main_content .vc_col-sm-1, 
    .main_content .vc_col-sm-2, 
    .main_content .vc_col-sm-3, 
    .main_content .vc_col-sm-4, 
    .main_content .vc_col-sm-5, 
    .main_content .vc_col-sm-6, 
    .main_content .vc_col-sm-7, 
    .main_content .vc_col-sm-8, 
    .main_content .vc_col-sm-9, 
    .main_content .vc_col-sm-10, 
    .main_content .vc_col-sm-11, 
    .main_content .vc_col-sm-12 {display: block; float: none; margin: auto; padding: 0px; width: 420px;}
    
    /*Innerpage - Title page*/
    .page-contact .title_page, .page-contact .vc_row {width: 420px;}
    
    /*News page*/
    .wrap_nieuws .item_nieuws.big {width:420px;}
    
    /*News page - Detail page*/
    #other_news ul li {width: 420px;}
    #other_news ul li .thumb a .overlay {line-height: 270px;}
    
    /*Contact page*/
    .main_content .introtext {width: 420px; margin: auto;}
    .page-contact .main_content .text_content {padding: 30px 0;}
    .main_content .gform_wrapper form .gform_body .gfield_label, .fancybox-wrap .gform_wrapper form .gform_body .gfield_label {width: 100%; text-align: left; margin-bottom:0px;}
    
    .main_content .gform_wrapper form .gform_body .ginput_container, .main_content .gform_wrapper form .gform_body .gfield_captcha_container, .fancybox-wrap .gform_wrapper form .gform_body .ginput_container, .fancybox-wrap .gform_wrapper form .gform_body .gfield_captcha_container {width:390px;}
    .gfield_captcha_container {width: 420px !important;}
    
    /*Footer*/
    .footer .container .left_footer,
    .footer .container .right_footer {width: 420px;}
}