/* === Desktop Styles === */
@media only screen and (min-width: 992px) {
	
	/* area: header */
	#area_header{
	}
	#area_header .container{
        max-width: 1600px;
	}

	/* END area: header */
	
	/* area: content */
	#area_content{
	}
    #area_content .top_header .container , #area_content .wide.container{
        max-width: 1600px;
    }
	#area_content .container.small{
        max-width: 1150px;
	}

	.content_box.shortcut_box{
	}
	.content_box.shortcut_box .vc_column-inner{
		position: relative;
		padding-bottom: 40px;
	}
	.content_box.shortcut_box .button{
		position: absolute !important;
		bottom: 0px;
		left: 20px;
	}
	.content_box.shortcut_box .vc_general.vc_btn3{
		min-width: 160px;
		text-align: center;
	}
	
	/* END area: content */
	
	/* area: footer */
	#area_footer{
	}
	/* END area: footer */

}

/* === tablet Styles === */
@media only screen and (max-width: 1300px) {
	
	
	/* area: header */
	#area_header{
	}
	/* END area: header */

    
	/* area: content */
	#area_content{
	}
	/* END area: content */
	
	
	/* area: footer */
	#area_footer{
	}
	/* END area: footer */

}
/* === Mobile Styles === */

@media only screen and (max-width: 992px) {

    #area_content .container,
    #area_footer .container{
        padding-left: 20px!important;
        padding-right: 20px!important;
        max-width: 100%;
    }
    	/* area: header */
	#area_header{
	}

    #area_header .cta_wrapper .button{
        min-width: 120px;
        text-align: center;
        padding: 10px 10px;
        margin: 0;
    }
    #area_header .logo_branding{
        height: 50px;
        width: 150px;
        background-size: 150px;
        margin: 0;
    }
    body.home #area_header{
    }
	/* END area: header */
	
	
	/* area: content */
    .header_large{
	    padding-top: 150px !important;
	    padding-bottom: 50px !important;
    }
	.header_default{
		padding-top: 150px !important;
		padding-bottom: 50px !important;
	}
	.header_contact{
		padding-top: 150px !important;
		padding-bottom: 50px !important;
	}
	/* END area: content */
	
	
	/* area: footer */
    #area_content .cta_wrapper{
		padding-top: 40px !important;
		padding-bottom: 30px !important;
    }
    #area_content .cta_wrapper .border-right{
	    border: 0 !important;
    }

    #area_footer #footer_bottom .inner{
        flex-direction: column-reverse;
        align-items: center;
        padding: 10px 0;
    }
    #area_footer #footer_bottom .inner .footer_bottom_menu .menu li{
        margin: 0 5px;
    }
    #area_footer #footer_bottom .inner .footer_bottom_menu{
    }
	/* END area: footer */
 

}


@media only screen and (max-width: 768px) {

    .title_xl{
        font-size: 40px;
        line-height: 55px;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .title_large, h1{
		font-size: 30px;
		line-height: 35px;	    
    }
    .title_medium, h2{
		font-size: 25px;
		line-height: 30px;	    
    }
    .title_small, h3{
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
	.text-medium{
		font-size: 16px;
		line-height: 26px;	
	}

	#area_content .header_home{
		background-position: -650px -100px !important;
	    background-size: cover !important;
	}

	.bg_overlay:after{
		background-color: rgb(33 34 88 / 50%);
	}
	
	.bg_overlay_fade_mobile{
		position: relative;
	}
	.bg_overlay_fade_mobile .vc_row{
		position: relative;
		z-index: 10;
	}
	.bg_overlay_fade_mobile:after{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#212258+0,212258+65&0.5+0,0.9+65 */
		background: -moz-linear-gradient(top,  rgba(33,34,88,0.5) 0%, rgba(33,34,88,1) 65%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(33,34,88,0.5) 0%,rgba(33,34,88,1) 65%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(33,34,88,0.5) 0%,rgba(33,34,88,1) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80212258', endColorstr='#e6212258',GradientType=0 ); /* IE6-9 */
	}
	
    #area_content .bg_mobile_cover{
        background-size: cover !important;
    }
	
	
	.shape_01:before{
		left: -200px;
		bottom: -800px;
		height: 1000px !important;
		width: 1000px;
		background-size: 1000px;
	}
	.shape_02:before{
		left: 60vw;
		top: -40px;
		height: 200px !important;
		width: 200px;
		background-size: 200px;
	}
	.shape_03:before{
		right: 100px;
		bottom: 40px;
		height: 500px !important;
		width: 500px;
	}
	
	.wpb_single_image .vc_single_image-wrapper{
		max-height: 200px;
		overflow: hidden;
	}
	
	
	#area_content .content_block{
		padding: 40px 0;	
	}
	
	.vc_btn3-container.button button, 
	.vc_btn3-container.button a, .theme_button{
		font-size: 16px !important;
	}
	
    .vc_btn3-container.button.button_large{
        width: 100% !important;
    }
    .vc_btn3-container.button.button_large a,
    .vc_btn3-container.button.button_large button{
        width: 100% !important;
        text-align: left !important;
    }
    .theme_button.button_large{
        width: 100% !important;
    }
    
    #intro .text_col .vc_column-inner{
	    padding-top: 15px !important;
	    padding-bottom: 15px !important;
	    padding-left: 15px !important;
    }
    
    
    .header_home.shape_01:before{
	    display: none !important;
    }

	.custom_accordion .vc_tta-panel-heading .vc_tta-title-text{
		font-size: 16px !important;
	}

	.content_box .wpb_single_image img{
		max-width: 100% !important;
	}	

	/* popup */
	#popmake-576.pum-container{
		width: calc(100% - 20px) !important;
		left: 10px !important;
		right: 10px !important;
	    top: calc(100% - 140px) !important;
	    height: 130px !important;
		margin-bottom: 0;
	}
	#popmake-576 .popmake-close{
	    background-color: rgb(33 34 88 / 60%);
	    color: #fff;
	}
	#popmake-576 .pum-content.popmake-content .popup_image{
		float: left;
		width: 40%;
		margin-right: 5%;
		margin-bottom: 0 !important;
	}
	#popmake-576 .popmake-close{
		top: 5px !important;
		right: 5px !important;
	}
	.pum-container.popmake .wpb_single_image img{
		max-width: 100% !important;
		width: 100%;
	}
	#popmake-576 .pum-content.popmake-content .popup_title{
		font-size: 13px;
		float: right;
		width: 55%;
		padding: 5px 5px 0 5px !important;
	}
	#popmake-576 .pum-content.popmake-content .popup_content{
	    float: right;
	    width: 50%;
	    padding: 5px !important;
	    margin-right: 5%;
	}
	.pum-content.popmake-content .popup_content p{
		font-size: 13px !important;
	    line-height: 16px !important;
	}
	#popmake-576 .pum-content.popmake-content .vc_btn3-container{
		float: right;
		width: 55%;
		margin-bottom: 0 !important;
	    padding: 5px 0 !important;
	}
	#popmake-576 .pum-content.popmake-content .vc_btn3-container .vc_btn3{
	    padding-top: 5px !important;
	    padding-bottom: 5px !important;
	    padding-left: 10px !important;
	    padding-right: 10px !important;
	    border-radius: 20px !important;
	    font-size: 12px !important;
	}	
	#popmake-576 .pum-content.popmake-content .wpb_wrapper:after{
		content: '';
		display: block;
		clear: both;
	}
	/* END notification popup */
	    
    
    
    
    
}