@media screen and (max-width: 2500px) {
	.home .main .container-fluid {
	    padding: 0 500px;
	}
	
	.main .container-fluid {
    	padding: 0 300px;
	}
	
	.sidebar {
	    margin-top: -80px;
	    z-index: 1;
	    width: 650px;
	}
	
	.sidebar a {
    	margin: 7px 0;
    	font-size: 17px;
	}
}

@media screen and (max-width: 2200px) {
	
	.home .main .container-fluid { padding: 0 400px; }
	.home .triangle-blue { margin-left: 100px; }
	
	.sidebar { margin-top: -60px; width: 540px; }
}

@media screen and (max-width: 2000px) {
	
	.home .main .container-fluid { padding: 0 300px; }
	.home .triangle-blue { margin-left: 90px; }
	
	.page-template-default .main { padding-top: 70px; }
	
	.triangle-grey {
    	top: 25px;
    	right: 60px;
	}
	
	.sidebar {
    	margin-top: -30px;
    	width: 480px;
	}
}

@media screen and (max-width: 1800px) {
	
	.main .container-fluid { padding: 0 250px; }
	.sidebar{ width: 450px; }
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    1680PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1680px) {
    h2 { font-size: 42px; }
    h3 { font-size: 35px; }
    h4 { font-size: 21px; padding: 30px 0 20px;}
    p { font-size: 16px; }
    
    .home .main .container-fluid {
    	padding: 0 200px;
	}
    
    .home .triangle-blue {
    	width: 190px;
		height: 190px;
	}
	
	.home .main::after {
    	width: 290px;
    	height: 290px;
	}
	
	.header .header_nav a {
    	font-size: 15.5px;
	}
	
	footer p { font-size: 15.5px; }
	.icons { font-size: 14px; }
	.icons img { width: 20px; }
	
	
	.page-template-default .main {
    	padding-top: 100px;
	}
	
	.sidebar {
    	margin-top: 0px;
    	width: 480px;
	}
	.sidebar a {
    	margin: 7px 0;
    	font-size: 15px;
	}
	
	.triangle-grey {
    	width: 200px;
    	height: 200px;
	}
	
	.page-template-default .main .container-fluid {
    	padding: 0 150px;
	}
	.page-template-default .main::after { width: 350px; height: 350px; }
	.page-template-default h2 { font-size: 30px; }
	.section h3 { font-size: 18px; }
	.page-template-default p {
    	font-size: 14.5px;
	}
	
	.sidebar a {
    	margin: 6px 0;
    	font-size: 14px;
	}
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    1440PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {
	h4 { font-size: 19px; padding: 30px 0 10px; }	
	p { font-size: 15.5px; }
	ol { font-size: 15px; }
	
	.header .header_nav a { font-size: 14.5px; padding: 0 11px;}
	
	.main { padding-top: 70px; }
	.home .main .container-fluid { padding: 0 170px; }
	
	.home .main::after { width: 260px; height: 260px; }
	.home .triangle-blue {
	    margin-top: 0px;
	    margin-left: 40px;
	}
	
	.wp-block-columns .wp-block-columns .wp-block-column:first-child {
    	margin-right: 0.7em;
	}
	.wp-block-columns .wp-block-columns .wp-block-column:not(:first-child) {
    	margin-left: 0.7em;
	}
	
	.page-template-default h2 {
    	font-size: 25px;
	}
	
	.section:first-of-type {
    	margin-top: 30px;
	}
	
	.triangle-grey {
	    width: 150px;
	    height: 150px;
	    top: 15px;
	    right: 40px;
	}
	
	.sidebar {
    	width: 400px;
	}
	

}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    1280PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	.header .header_nav a {
	    padding: 0 12px;
	    font-size: 14px;
	}
	
	.home .main .container-fluid {
    	padding: 0 150px;
	}
	
	.home .triangle-blue {
	    width: 150px;
	    height: 150px;
	    margin-top: 0px;
	    margin-left: 55px;
	}
	
	.home .main::after {
    	width: 230px;
    	height: 230px;
	}
	
	.page-template-default .main {
    	padding-top: 0px;
    	margin-top: 230px;
	}
	
	.triangle-grey {
    	top: -15px;
	}
	
	.footer .logo img {  width: 150px; text-align: center;}
    .footer .logo{ padding: 0; text-align: center;}   
    
    .page-template-default footer::before {
	    width: 300px;
	    height: 300px;
	    margin-top: -325px;
	    z-index: -1;
	}
	
	.sidebar {
    	width: 350px;
	}
        
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    1024PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	h4 { letter-spacing: 2px; padding: 50px 0 10px; }
	
	.home .main .container-fluid { padding: 0 150px 50px; }
	
	.wp-block-columns {
	    flex-direction: column;
	    text-align: center;
	}
	
	.main br:first-of-type {
    	display: none;
	}
	.main br:nth-of-type(2) {
    	display: none;
	}
	
	.wp-block-columns {
    	margin-bottom: 0;
	}
	.wp-block-column:first-child {
	    margin-right: 0;
	}
	.wp-block-column:not(:first-child) {
    	margin-left: 0;
	}
	.wp-block-columns .wp-block-columns .wp-block-column:first-child {
    	margin-right: 0;
	}
	.wp-block-columns .wp-block-columns .wp-block-column:not(:first-child) {
    	margin-left: 0;
	}
	
	header .logo { margin: 0 auto 0 0; }
   .mobile-btn { display: block; margin-top: auto; margin-bottom: auto; margin-right: 0px; }
   .header .header_nav { display: none; }
   .header .container-fluid { padding: 40px 40px 30px; }
	
   .mobile_nav  .menu-item { display: block !important; height: auto; }
   
   .wp-block-column br:first-of-type {
    	display: revert;
	}
	
	.wp-block-column br:nth-of-type(2) {
    	display: revert;
	}
   
   
   .page-template-default .main .container-fluid {
    	padding: 0 100px;
	}
	
   .sidebar {
	    position: inherit;
	    align-items: center;
	    margin-bottom: 50px;
	    width: 100%;
	}
	
	.triangle-grey {
    	top: -45px;
	}
	
	.page-template-default .main::after {
	    z-index: -1;
	}

}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    834PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 834px) {
	.home .triangle-blue { margin-top: -35px;}
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    768PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	h2 { font-size: 38px; }
	h3 { font-size: 30px; }
	
	.home .main .container-fluid { padding: 0 50px 50px; }
	
	.scroll-top { display: block; padding: 15px; }
	.scroll-top img { width: 25px; }
       
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    570PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 570px) {
	h4 br { display: none !important; }

	
	.header .container-fluid {
    	padding: 25px 40px 15px;
	}
	.logo img {
    	width: 200px;
	}
	
	.main { margin-top: 125px; }
	.home .triangle-blue {
	    margin-top: -55px;
	    width: 100px;
	    height: 100px;
	    margin-left: 30px;
	}
	
	.page-template-default .main {
    	padding-top: 0px;
    	margin-top: 150px;
	}
	
	.page-template-default .main .container-fluid {
    	padding: 0 60px;
	}
	
	.triangle-grey {
	    top: 0;
	    width: 100px;
	    height: 100px;
	}
	
	.section{ overflow: hidden; }
	
	.page-template-default .main::after {
    	width: 300px;
    	height: 300px;
	}
	.footer .logo {  padding: 0; text-align: center; }
	
	.scroll-top {
		padding: 11px;
	}
	.scroll-top img {
    	width: 20px;
    	height: auto;
	}
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    414PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 414px) {
	.home h2 { font-size: 32px !important; margin-top: 20px; }
	.home h3 { font-size: 25px !important; }

	
	.main { margin-top: 106px; }
    .main .container-fluid { padding: 0 25px 50px; }
    
    .home .main::after { width: 150px; height: 150px; }
    
    .home .triangle-blue { margin-top: -30px; margin-left: 15px; }
    
    footer { padding: 5px 50px; }
    footer p { font-size: 14px; text-align: center; margin-bottom: 0; }
    footer div { flex-direction: column-reverse; margin-top: 25px; }
    .email.icons { margin-top: 20px; }
    
    footer .logo img { width: 150px; }
    footer .logo { padding: 0; text-align: center; }
    
    .page-template-default .main .container-fluid {
    	padding: 0 40px;
	}
	
	.page-template-default h2 {
    	font-size: 19px;
	}
	
	.section h3 {
    	font-size: 17px;
/*     	overflow: hidden; */
	}
	
	.page-template-default p {
    	font-size: 14px;
	}
	
	.page-template-default .main::after {
	    width: 220px;
	    height: 220px;
	}
	
	.page-template-default .main {
    	padding-bottom: 0px;
    }
    
    .triangle-grey {
	    top: -20px;
	    right: 25px;
	    width: 80px;
	    height: 80px;
	}
    
    [id]::before {
	  content: '';
	  display: block;
	  height:      255px;
	  margin-top: -255px;
	  visibility: hidden;
	}
	
	.sidebar {
    	margin-bottom: 30px;
    	width: 100%;
	}
	
	.page-template-default footer::before {
	    width: 250px;
	    height: 250px;
	    margin-top: -250px;
	    z-index: -1;
	}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*\
    375PX
\*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 375px) {
	h4 { font-size: 18px; }
	
	.page-template-default footer::before {
    	width: 200px;
		height: 200px;
    	margin-top: -200px; 
    }
}