@media only screen and (max-width: 1400px) {
	ul.navbar-nav li.menu-item a{
		    padding: 10px;
	}
	.border-net::before{
		background-size: contain;
	}	
}
@media only screen and (max-width: 1200px) {
	ul.navbar-nav li.menu-item{
		margin-right:0;
	}
	.contain-faq-list .title-18{
		padding-right: 15px;
	}
	.thumb-get-start.border-net::before{
		right: 0;
	}		
}
@media only screen and (max-width: 990px) {
	.navbar-toggler:focus{
		box-shadow: 0 0 0 #ccc0;
	}
	.navbar-collapse{
		position: absolute;
		z-index: 99;
		background-color: var(--defaultColor);
		top:0;
		left: 0;
		width: 100%;
	}
	.thumb-get-start.border-net::before{
		bottom: 0;
	}
	button.navbar-toggler.close-menu {
	    position: absolute;
	    right: 15px;
	    top: 15px;
	    width: 50px;
	    height: 50px;
	    background-color: var(--secondColor);
	    color: var(--whiteColor);
	}	
	ul.navbar-nav{
		border-radius: 5px;
		padding: 30px;
		width: 60%;
	}	
	ul.navbar-nav li.menu-item{
		margin-bottom: 5px;
	}	
	button.navbar-toggler {
	    background-color: var(--whiteColor);
	    color: var(--defaultColor);
	    border: 0;
	    border-radius: 30px;
	    padding: 15px;
	}
    .box-content,
    .box-white,
    .box-default,
    .contact-sction .box,
    .box-service,
    #cores .box-default,
    #career article .box-default.list{
    	padding:30px;
    }	
	.top-80{
		    margin-top: -15px;
	}	
    .text-center .d-flex {
        text-align: center;
        display: block !important;
        margin: 15px 0 60px;
    }
	 .btn.defualt, .btn.defualt:active {
	    background-color: var(--defaultColor);
	    color: var(--whiteColor);
	    padding: 5px 25px;
	    font-size: 14px;
	} 
	.btn.light{
	    padding: 5px 25px;
	    font-size: 14px;
	}
	.btn span.arrow {
	    width: 30px;
	    height: 30px;
	    padding: 5px;
	    border-radius: 50px;
	    background-color: var(--whiteColor);
	    display: inline-block;
	    text-align: center;
	    align-items: center;
	    margin-left: 5px;
	    margin-right: -20px;
	    line-height: 20px;
	}
	.caption-header{
		padding: 30px 15px;
	}
	.blog-list .blog-content-item,
	.blog-content-item{
	    padding: 30px;
	}	
	.blog-content-item .blog-title{
		padding: 0;
	}			
/*    .col-md-3.logo-footer{
    	background-color: #E0F2FE;
    	border-radius: 25px 25px 0 0;
    	padding:0;
    }*/		  	
}

@media only screen and (max-width: 769px){
	.thumb-get-start.border-net::before{
		bottom:0;
		right:0;
	}
	.top-80{
		    margin-top: -40px;
	}	
	.border-net::before{
		background-size: contain;
	}
	.wp-caption.alignright,
	.wp-caption.alignleft{
		max-width: 100%;
	}
	.thumb-team img{
		display: inline-block;
	}
	#happyTohelp .box{
		margin-bottom: 0px;
	}
	.logo-footer ul {
	    margin-left: 0;
	}	
    .team-slider .slick-slide{
    	margin-left: 10px !important;
    }
    .slick-slide .container{
    	padding-right: 10px;
    }
    .navbar-toggler:focus{
    	box-shadow: 0 0 0 #0284c700;
    }
    .box-default.list-experience h4{
    	margin-bottom: 30px;
    }
    .modal-content{
    	padding: 10px 15px;
    } 

    footer{
    	padding-top: 30px;
    }

    .space-footer{
    	margin: 0;
    }
    footer .title-30{
    	margin-top:30px;
    }
    article.contact-sction .col-md-6,
    .m-b-30{
    	margin-bottom: 30px;
    }
    .m-remove-m{
    	margin: 0 !important;
    }
    .title-header,
    .title-animate, 
    .title-animates{
    	font-size: 48px;
    	line-height: 56px;
    	padding: 0;
    }
    .title-header{
    	margin-top:15px;
    }
    .align-bottom{
    	padding: 15px;
    }
    .text-focus p{
    	padding: 15px 0;
    }
    .title-section{
    	font-size: 30px;
    	line-height: 36px;
    }

	.header-box .text-end img,
	.section-header .text-end img{
	    width: 80px;
	}   
	.box-content::before{
		width: 100%;
		border-radius: 30px;
	}
	.bg-blue-left::before,
	.bg-blue-left::after{
		border-radius: 0;
	}
	.bg-blue-right::before{
		width: 100%;
		border-radius:0;
	}
	.bg-blue-right{
		padding: 30px 0;
	}
	.slick-dots{
		display: none !important;
	}
	.content-blog-detail p{
		padding: 0;
	}
	.box-default.list-experience .row .col-6{
		margin-bottom:0;
	}
	.text-focus.pt-5.pb-5{
		padding: 0 !important;
	}
	.list-job .row div,
	.list-header .row div{
		font-size: 16px;
		word-break: break-all;
	}

}
@media only screen and (max-width: 760px){
footer::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 32%;
    background-color: #e0f2fe;
    border-radius: 30px 30px 0 0;
}
footer::after {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 68%;
    border-radius: 0px 0 0;
}
}
@media only screen and (max-width: 480px){
    .m-center,
    .m-center .text-end{
    	text-align: center !important;
    }
    .col-md-3.logo-footer{
    	background-color: #E0F2FE;
    	border-radius: 25px 25px 0 0;
    	padding:30px 15px;
    	margin-top: revert-layer;
    }
    footer::before{
    	background-color: transparent;
    	height: 0;
    	width: 0;
    }
    footer::after{
    	width: 100%;
    	border-radius: 30px 30px 0 0;
height: 100%;
    }  
    footer{
    	padding-top: 0px;
    }  
	.top-80{
		    margin-top: -80px;
	}        
}