/*--------------------------------------------------------------------------------------------------------*/


/*large and medium screen*/

@media screen and (min-width: 768px){
	
	.banner-slider-wrap{
		order: 0;
		max-width: 70%;
		padding-right:15px;
		padding-left: 50px;
		width: 50%;
	}
	.banner-img{
		order: 1;
		width: 50%;
		text-align: center;
	}
	.section-heading, .page-title-wrap h1{
		font-size: 70px;
		line-height: 1;
		padding-bottom: 40px;
	}	
	.achivements{
		display: flex;
		padding-top: 30px;
		flex-wrap: wrap;
	}
	.hdg-lft{
		width: 25%;
		padding-right: 15px;
	}
	.txt-rgt{
		width: 75%;
		padding-left: 25px;
	}
	.achmnt-blk{
		padding-right: 15px;
		width: 25%;
	}
	.blog-image img{
		max-width: 260px;
	}
	.blog-text{
		padding-right: 40px;
	}
	.join-us-sec{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	}
	.menu ul li:hover > ul{
		display: block;
	}
	.gallery-wrapper{
		width: 33.33%;
	}
	.service-n{
		height: 100%;
	}
	.contact-detail-block{
		width: 50%;
		max-width: 50%;
		padding: 0 100px 0 15px;
		flex: 1;
	}
	.contact-page-form{
		width: 50%;
		max-width: 50%;
		flex: 1;
	}
	.contact-block.is-layout-flex{
		align-items: flex-start ;
	}
	.contact-block .section-heading, .page-title-wrap h1{
		font-size: 72px;
	}
	.join-blk-btn{
		min-width: 20%;
		text-align: right;
	}
	.service-magento .col-md-6{
		width: 50%;
	}
	.service-magento .banner-content-wrap .col-md-6:nth-child(2){
		text-align: right;
	} 
}


@media screen and (max-width: 1240px) and (min-width: 1024px){
	.menu ul li{
		padding: 0 15px;
	}
	.menu ul li.menu-item-has-children:before{
		right: 5px;
	}
	.certificate-wrapper {
	    padding: 0 10px;
	}
	.site_footer{
		padding: 180px 70px 60px;
	}
}

/*large screen*/
@media screen and (min-width: 1024px){
	.menu ul{ 
		display: flex;
	}
	.section-heading, .page-title-wrap h1{
		font-size: 90px;
		font-weight: 800;
		letter-spacing: 2;
	}
	.process-box{
		max-width: 25%;
		width: 25%;
		padding: 30px 30px;
	}
	.process-box:nth-child(4n):after{
		background: none;
	}
	.service-sec{
		margin: 0 -20px;
	}
	.service-box{
		width: 33.33%;
		padding: 0 20px 40px;
	}
	.service-n{
		padding: 30px;
	}
	.gallery-sec{
		margin: 0 -15px;
	}
	.gallery-wrapper{
		width: 33.33%;
	}
	.gallery-block{
		padding: 0 15px 30px;
	}
	.testi-wrap{
		padding: 0 15px;
	}
	
	.testi-box{
		padding: 30px;
	}
	.testi-wrap{
		padding-top: 40px;
	}
	.certificate-wrapper{
		padding: 30px;
	}
	.certi-block{
		padding: 50px 0;
	}
	.blog-section .sec-head{
		width: 25%;
	}
	.blog-side{
		width: 75%;
	}
	.blog-dtl{
		padding: 50px;
	}
	.blog-wrap{
		padding-bottom: 50px;
	}
	.footer-block{
		width: 25%;
		padding-right: 30px;
	}
}


/*screen md */
@media screen and (min-width: 768px) and (max-width: 1023px){
	.process-box{
		max-width: 33.33%;
		width: 33.33%;
		padding: 30px 30px;
	}
	.process-box:nth-child(3n):after{
		background: none;
	}
	.service-box{
		width: 50%;
		padding: 0 15px 30px;
	}
	.service-n{
		padding: 20px;
	}
	.gallery-sec{
		margin: 0 -7px;
	}
	.gallery-block{
		padding: 0 7px 30px;
	}
	.testi-box{
		padding: 15px;
	}
	.testi-wrap{
		padding-top: 30px;
	}
	.certificate-wrapper{
		padding: 15px;
	}
	.certi-block{
		padding: 40px 0;
	}
	.blog-dtl{
		padding: 25px;
	}
	.blog-wrap{
		padding-bottom: 30px;
	}
	.footer-block{
		width: 50%;
		padding: 0 15px 15px 0;
	}
	.banner-dtl h2{
		font-size: 4rem;
	}
	.banner-dtl h6{
		font-size: 19px;
	}
	.banner{
		padding-bottom: 40px;
	}
	.banner:before{
		left: 50%;
    	bottom: 10%;
	}
	.achmnt-blk{
		width: 50%;
	}
	.join-block{
		padding: 30px;
	}
	.join-block p {
	    font-size: 28px;
	    line-height: 40px;
	}
	.site_footer{
		padding: 150px 50px 60px;
	}
}
@media screen and (max-width: 1023px){
	.hamburger-icon{
		margin-right: 20px;
	}
	.hamburger-icon span{
		width: 30px;
		height: 3px;
		background: #b52e2b;
		display: block;
		border-radius: 2px;
		margin: 5px 2px;
		transition: all linear 0.3s;
	}
	.menu-header-menu-container{
		/*display: none;*/
		position: fixed;
	    left: 0;
	    top: 0px;
	    padding: 90px 15px 50px 15px;
	    background: #FBEFEF;
	    min-width: 250px;
	    height: 100vh;
	    transition: all 0.3s ease-in-out;
	    transform: translateX(-100%);
	    -webkit-transform: translateX(-100%);
	}
	.menu-header-menu-container.menu-open{
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}
	.menu ul li{
		padding: 0 0 25px 0;
	}
	.menu ul{
		padding: 0;
	}
	.logo{
		position: relative;
		z-index: 10;
	}
	.hamburger-icon.open span:first-child{
		transform: rotate(-45deg) translate(-3px,1px);
		width: 15px;
	}
	.hamburger-icon.open span:last-child{
		transform: rotate(45deg) translate(-3px,-1px);
		width: 15px;
	}
	.menu ul li.menu-item-has-children ul.open-submenu{
		display: block;
	}
	.menu ul ul{
		position: static;
		background: none;
		border:none;
		display: none;
	}
	.srch-ip input[type="search"].open{
		right: 0;
		top: 100%;
		width: 290px;
	}
	.contact-detail-block{
		padding: 0 30px 0 0;
	}
	.contact-page-form{
		padding: 15px;
	}
	.contact-page-form .form-row p{
		display: block;
	}
	.contact-page-form .form-row label, .contact-page-form .form-row-textarea label{
		width: 100%;
		display: block;
		padding: 0;
	}
	.contact-page-form input[type="submit"]{
		margin-left: 0;
	}
	.contact-dtl-box{
		padding: 15px;
	}
	.blog-block .wp-block-post,
	.category-single{
		width: 50%;
	}
}


/*mobile screen*/
@media screen and (max-width: 767px){
 	.process-box{
		max-width: auto;
		width: 100%;
		padding: 30px 0 15px;
	}
	.process-box:after{
		left: auto;
		transform: rotate(90deg);
		top: auto;
		bottom: 0;
		right: 0;
	}
	.service-box{
		width: 100%;
		padding: 0 0 15px;
	}
	.service-n{
		padding: 15px;
	}
	.testi-box{
		padding: 10px;
	}
	.testi-wrap{
		padding-top: 15px;
	}
	.certificate-wrapper{
		padding: 0 10px;
	}
	.certi-block{
		padding: 15px 0;
	}
	.blog-dtl{
		padding: 15px 0;
	}
	.blog-wrap{
		padding-bottom: 15px;
	}
	.banner-dtl h6 span{
		display: block;
		margin: 15px auto;
		background-size: contain;
	}
	.banner-dtl h2{
		font-size: 2rem;
	}
	.banner-content-wrap{
		text-align: center;
	}
	.banner:before{
		display: none;
	}
	.logo img {
		max-width: 90px;
	}
	.qoute-btn{
		display: none;
	}
	.banner:after{
		background-position: inherit;
	}
	.section-heading, .page-title-wrap h1{
		padding-bottom: 25px;
		display: block;
	}
	.page-title-wrap h1{
		font-size: 60px;
		overflow-wrap: break-word;
	}
	.footer-content, .blog-wrap, .blog-sec-wrap, .hdg-lft-sec{
		display: block;
	}
	.certificate-wrapper{
		padding: 15px;
	}
	.blog-image{
		text-align: center;
	}
	.join-block{
		padding: 15px;
		display: block;
		text-align: center;
	}
	.section{
		padding: 25px 0;
	}
	.join-block p{
		font-size: 20px;
		line-height: 25px;
		padding: 0 0 15px 0;
	}

	.site_footer{
		margin: 30px;
    	padding: 35px 15px;
	}
	.footer-block{
		padding: 15px 0;
		border-bottom: 1px solid #fefefe;
	}
	.footer-block:last-child{
		border-bottom: none;
	}
	.footer-wrapper{
		margin: 0;
	}
	.blog-text {
	    padding-right: 10px;
	}

	.menu ul li.menu-item-has-children:before{
		top: 3px;
	}
	
	.gallery-block{
		padding: 10px 0;
	}
	.contact-detail-block{
		padding-right: 0;
	}
	.blog-block .wp-block-post,
	.category-single{
		width: 100%;
		padding: 0 0 20px;
	}
	.blog-block .wp-block-post > div{
		padding: 15px;
	}
	.wp-block-post-featured-image img{
		width: auto;
	}
	.blog-block .wp-block-post-featured-image a{
		text-align: center;
	}

}