/*for-large-dekstop view-2560px*/

@media only screen and (min-width: 2560px){
	.navbar{
		left:-900px;
	}
	.services:before {
    bottom: 67px;
	}
	
}

/*for-large-dekstop view-1440*/

@media only screen and (min-width: 100px) and (max-width: 1699px) {
	.H-B-side-img img {
    width: 230px;
}

.Scroll-top {
    position: absolute;
    right: 30px;
}
	
	.cat-info-img-2 img {
        right: 30px;
        width: 400px;
    }
	
	
	section.cat-info:before {
    height: 300px;
	}
	
	section.cat-info:after {
		width: 23em;
	}
	
	section.inner-page-banner:before {
		width: 25%;
	}
	
	section.inner-page-banner:after {
		width: 25%;
	}
	.H-B-side-img img {
        width: 180px;
    }
	.Home-banner-box iframe {
    width: 820px;
    height: 450px;
	}
	
	.Lunico-box h2, .Lunico-box h2 font {
    font-size: 45px;
	}
	.cat-info-img img {
    width: 470px;
	}
	
.Siamo-box2 {
    margin-right: 40px;
}
	.video-back::before {
    height: 450px;
}
	.video-back.services-video-img::before {
    height: 450px !important;
}
.services-video-img video {
    width: 900px !important;
    height: 420px !important;
    margin-top: 0px !important;
}
	section.about-page-first-section:before {
    width: 74%;
}
	.Home-banner-box video {
    height: 650px;
}
    .About-us-img-style img {
        width: 740px;
        height: 410px;
        bottom: 180px;
    }



}

/*for-large-dekstop view-1200*/

@media only screen and (min-width: 100px) and (max-width: 1399px) {
	
	section.inner-page-banner:before {
		width: 30%;
	}
	.Bio-content h2 {
    font-size: 70px;
	}
	
	section.inner-page-banner:after {
		width: 30%;
	}
	
    section.about-page-first-section:before {
        height: 62%;
    }
.about-page-first-image img {
    height: 720px;
}
section.about-page-first-section {
    height: 900px;
}
.section-title h2 {
    font-size: 86px;
}
	
	section.cat-info:before {
		height:240px;
	}
	
.Lunico-box ul li:first-child {
    font-size: 54px;
}	
	
	
	.video-back::before {
        height: 420px;
    }
.About-us-left h2 span {
    font-size: 140px;
}
	.Home-banner-box video {
        height: 580px;
    }
    .About-us-img-style img {
        width: 600px;
        height: 330px;
        bottom: 120px;
    }
.About-middle-main {
    margin: 120px 0px 130px;
}
.CTA-main p {

    font-size: 25px;
}
	
.CTA-main h2:first-child span {
    font-size: 49px;
}

.CTA-main h2 span {
    font-size: 32px;
}
	.CTA {
    height: 500px;
}
	
	.Footer-box h2, .Footer-box h2 font {
    width: 70%;
	}
	.cat-info-img img {
        width: 400px;
    }
	    .cat-info-img-2 img {
        right: 50px;
        width: 370px;
        height: 360px;
    }
	.about-page-first-content h2 span{
    font-size: 62px;
}


	

	    .video-back.services-video-img::before {
        height: 350px !important;
    }
    .services-video-img video {
        width: 700px !important;
        height: 320px !important;
        margin-top: 0px !important;
    }
.accordion-header h3 {
    font-size: 38px;
}
	


h2.s-second-title {
    margin: 60px 0px 90px;
}

.services:before {
    bottom: 70px;
}
}

/*for-laptop view-1024*/

@media only screen and (min-width: 100px) and (max-width: 1199px) {
	    
	.About-us-left h2 span {
        font-size: 120px;
    }
	.navbar ul li a {
    font-size: 30px;
	}
	.About-middle-main {
        margin: 100px 0px 110px;
    }
	    .Bio-content h2 {
        font-size: 58px;
    }
	    .About-us-img-style img {
        width: 480px;
        height: 260px;
    }
	.Bio-content p {
    font-size: 22px;
}
	.About-us-middle {
    width: 50%;
}
	.about-page-first-content p, .about-page-first-content p font {
    font-size: 22px;
}
	.About-us-middle ul li, .About-us-middle ul li font {
    font-size: 22px;
}
.Lunico-box ul li {
    font-size: 22px;
}
.Siamo-box2 p {
    font-size: 22px;
}
	.Siamo-box2 h2, .Siamo-box2 h2 font {
    font-size: 55px;
}
	    .about-page-first-content h2 span {
        font-size: 51px;
    }
	.video-back::before {
        height: 360px;
    }
	.CTA-main p {
    width: 70%;
	}
	 .section-title h2 {
        font-size: 76px;
    }
	.Siamo-box2 p {
    padding-right: 80px;
	}
	.accordion-header h3 {
    font-size: 30px;
}
    section.cat-info:before {
        height: 200px;
    }
	.Lunico-box ul li:first-child {
    font-size: 44px;
	}
	.CTA-main h2:first-child span {
        font-size: 40px;
    }
section.cat-info {
    padding: 150px 0;
}
.CTA-main {
    gap: 100px;
}
.CTA-main h2 span {
        font-size: 28px;
    }
    .services-title h2 span {
        font-size: 76px;
    }
h2.s-second-title {
    font-size: 38px;;
}
.accordion-header h3 span {
    font-size: 32px;
}
.services:before {
        bottom: 65px;
    }
	    .cat-info-img img {
        width: 350px;
    }
    .cat-info-img-2 img {
        right: 160px;
        width: 270px;
        height: 260px;
        top: -40px;
    }
	
   .services:before {
    height: 57%;
}
	.accordion-header {
    margin-bottom: 0px;
}
	    
}

/*for-tablet view-768*/

@media only screen and (min-width: 100px) and (max-width: 991px) {
	.H-B-side-img img {
        width: 140px;
    }

    
	    .accordion-header img {
        height: 70px;
    }
	.Lunico-box ul li:first-child img {
    height: 70px;
}
	  
	.video-back::before {
        height: 250px;
    }
   
   

section.Lunico {
    height: 550px;
}
.services-box {
    padding-top: 10px;
}
	.About-us-img-style img {
        width: 350px;
        height: 330px;
    }
.Footer-logo img {
    width: 190px;
}
section.Siamo {
    height: 550px;
}
	h2.About-us-left-text span {
    padding-right: 215px;
}

.Siamo-box2 h2, .Siamo-box2 h2 font {
        font-size: 36px;
    }
.Siamo-box2 h2 span, .Siamo-box2 h2 font span {
    font-size: 35px;
}
    .Siamo-box2 p {
        padding-right: 0px;
    }
    .Footer-box h2, .Footer-box h2 font {
        width: 100%;
    }
	.Footer-box.Footer-links {
    gap: 10px;
}

.Button-1 a {
    font-size: 15px;
    padding: 12px 10px;
}

.Button-2 a, .Button-2 a font {
    padding: 15px 10px;
    font-size: 15px;
}
	.Siamo-side-img img {
    height: 550px;
}

.Siamo-side-img {
    bottom: 0px;
}
	.Footer-Social-links ul li a, .Footer-Social-links ul li a font {
    font-size: 12px;
	}
	.navbar {
    width: 40%;
	}
	.inner-banner-title h1, .inner-banner-title h1 font {
    font-size: 44px;
    height: 170px;
	}
	    .accordion-header h3 {
        font-size: 25px;
    }
	.icon {
    font-size: 50px;
	}
	

	.about-page-first-image {
    width: 45%;
	}

	.about-page-first-image img {
    height: 500px;
	}

	.about-page-first-content p, .about-page-first-content p font {
        font-size: 18px;
    }

	section.about-page-first-section:before {
    height: 70%;
	}
		
	.section-title h3, .section-title h3 font {
    font-size: 32px;
	}
	.section-title p {
    padding-right: 3em;
	}
	.section-title h2 {
        font-size: 56px;
    }
	    .About-us-left h2 span {
        font-size: 88px;
    }
	    .About-us-middle {
        width: 55%;
    }
	.Lunico-box ul li:first-child {
    font-size: 40px;
}
    .CTA-main p {
        font-size: 22px;
    }
	.Scroll-top {
        top: 20px;
    }
	    .about-page-first-content h2 span {
        font-size: 38px;
    }
section.about-page-first-section {
    height: 600px;
}
	
	
    
	.video-back.services-video-img::before {
        height: 250px !important;
    }
    .services-video-img video {
        width: 500px !important;
        height: 230px !important;
        margin-top: 0px !important;
    }
.accordion-header {
    margin-bottom: 2em;

}
.accordion-header h3 span {
    font-size: 25px;
}
	.services-title h2 span {
        font-size: 66px;
    }
    .services:before {
        bottom: 60px;
    }
	.CTA-main h2:first-child span {
        font-size: 32px;
    }
    .CTA-main {
        gap: 0px;
    }
    .CTA-main h2 span {
        font-size: 23px;
    }
	    .CTA {
        height: 400px;
    }
	.services-title p {
    font-size: 20px;
}

.service-box-main h2 {
    font-size: 22px;
}
	    .Home-banner-box video {
        height: 380px;
    }   
 .About-middle-main {
        margin: 90px 0px 120px;
    }
}

/*for-landscape_mobile view-576*/

@media only screen and (min-width: 100px) and (max-width: 767px) {
}

/*for-mobile view-375*/

@media only screen and (min-width: 100px) and (max-width: 575px) {
  
	header.header {
    padding: 15px 0px 0px 0px;
	}
	.About-us-end a, .About-us-end a font {
    padding: 10px 15px;
    font-size: 14px;
}
	.Bio-content p {
    font-size: 18px;
    margin-bottom: 30px;
}
	    .accordion-header img {
        height: 40px;
        width: 60px;
    }
    .accordion-header {
        margin-bottom: 1em;
    }
	.about-page-first-content h2 {
    margin-bottom: 7px;
}
	.Header-logo a img {
    width: 180px;
	margin-top: 10px;
	}
	.navbar {
    width: 70%;
    padding: 180px 20px;
}
.spacer {
    padding: 60px 0px;
}
	.page-id-19 section.title-section.background {
    padding-top: 30px;
}
	.Lunico-box ul li img {
    width: 40px;
    height: 30px;
}
	.services-title p {
        font-size: 15px;
    }
    .service-box-main h2 {
        font-size: 18px;
    }
    .service-box-main h2 {
        font-size: 18px;
    }

     
	.video-back::before {
        height: 170px;
    }
.video-back {
    position: relative;
    width: 340px;
    margin: 0 auto;
}
.H-B-side-img img {
    top: 70px;
}
.H-B-side-img.img2 img {
    bottom: 60px;
}

.Social-icons {
    top: 40px;
    right: 30px;
}
.Social-icons ul {
    flex-direction: unset;
    gap: 25px;
}
	.About-us-left h2 span {
    font-size: 43px;
}
	    .About-us-middle {
        width: 100%;
    }


.About-middle-main {
    margin: 70px 0px 60px;
}
	    .Home-banner-box video {
        height: 190px;
    }
    .About-us-img-style img {
        width: 100%;
        height: 330px;
        bottom: 90px;
		display:none;
    }
    .CTA-main p {
        width: 100%;
        font-size: 20px;
    }
.Lunico-box {
    width: 100%;
}
    .Lunico-box ul li {
        font-size: 22px;
    }
section.Lunico {
        height: 630px;
    }
.Lunico-side-img img {
    height: 450px;
}
          section.Siamo {
        height: 100%;
        display: flex;
        flex-direction: column-reverse;
padding-bottom: 0px;
    }
.Siamo-side-img {
    position: unset;
    width: 100%;
}
   .Siamo-side-img img {
        height: 450px;
        object-position: -150px;
    }
.Siamo-box2 {
    margin: 40px 0px;
}
	.About-us-end {
    text-align: start;
}
footer.footer {
    padding: 4em 0px 0 0px;
}
    .Footer-box h2, .Footer-box h2 font {
        text-align: center;
    }
.Footer-box.Footer-links {
        justify-content: center;
        margin: 30px 0px 0px;
    }
.Footer-bottom {
    padding: 50px 0px 0px 0px;
    flex-direction: column;
}
.Footer-bottom h5, .Footer-bottom h5 font {
    font-size: 17px;
        padding-bottom: 30px;
}
    .Footer-Social-links ul li a, .Footer-Social-links ul li a font {
        font-size: 12px;
        text-align: center;
    }
.Footer-Social-links ul {
    justify-content: center;
}
.Scroll-top a img {
    width: 25px;
        height: 37px;
}
    .Scroll-top {
        top: 90px;
    }
	    
.Siamo-box2 p {
    font-size: 22px;
}

.inner-banner-title h1, .inner-banner-title h1 font {
        font-size: 48px;
        height: 130px;
    }
	    .Bio-content h2 {
        font-size: 45px;
    }
.inner-page-banner .H-B-side-img.img1 img {
    top: 0px;
}


	.Lunico-box ul li:first-child {
    font-size: 38px;
}
	.Lunico-box ul li:first-child img {
    width: 60px;
    height: 40px;
}
	    .Siamo-box2 h2, .Siamo-box2 h2 font {
        font-size: 35px;
    }
	.About-us-left h2 {
    margin-bottom: 7px;
}
.Lunico-box ul li i {
    font-size: 20px;
}
.Siamo-box2 h2 span, .Siamo-box2 h2 font span {
        font-size: 25px;
    }
	
	

    .about-page-first-content p, .about-page-first-content p font {
        font-size: 14px;
    }
.about-page-first-content h2 span {
        font-size: 27px;
    }
    section.about-page-first-section {
        height: 650px;
    }
section.about-page-first-section:before {
        height: 80%;
	width:90%;
    }
	.about-page-first-content {
    margin-left: 30px;
}
	    .section-title h2 {
        font-size: 48px;
    }
	    .section-title p {
        padding-right: 0em;
        font-size: 18px;
    }
.about-page-first-image img {
        height: 440px;
    }
    .about-page-first-image {
        width: 55%;
    }
	   

	.services-video-img video {
        width: 100% !important;
        height: 130px !important;
        margin-top: 0px !important;
    }
.video-back.services-video-img::before {
        height: 150px !important;
    }
.accordion-header h3 {
        font-size: 16px;
    }
    .accordion-header h3 span {
        font-size: 16px;
    }
	.accordion-header h3 i {
    font-size: 22px;
    color: white;
}
	.accordion-content {
    padding: 10px;
}
	.accordion-content p {
    margin: 10px 0;
    font-size: 15px;
}

	 .page-id-28 .inner-page-banner {
    padding-bottom: 60px;
}

    .CTA {
        height: 100%;
        padding: 20px 0px;
    }
.CTA-main {
        display: block;
    }
	.services-title h2 span {
        font-size: 58px;
    }
   
	.CTA-main-text {
    width: 100%;
}
	 .services:before {
        bottom: 60px;
        width: 60%;
        height: 340px;
    }
	.cat-info-img-2 img {
        right: 60px;
        width: 270px;
        height: 260px;
        top: -10px;
    }
	.services-title {
    margin: -70px 0px 70px;
}
	    
	.frm_style_formidable-style.with_frm_style .frm_submit button {
    width: 120px !important;
    height: 46px !important;
    font-size: 18px !important;
	line-height:0px !important;	
}
	.Form-title p {
    font-size: 22px;
}
	    .Button-2 a, .Button-2 a font {
        font-size: 12px;
    }
.Button-1 a span i {
    font-size: 15px;
}
	section.Siamo::before {
    
    height: 420px;
}
	h2.About-us-left-text span {
    padding-right: 30px;
}
	.Form-title h2 {
    font-size: 100px !important;
}
.Creatives-part h2 {
    font-size: 45px;
}
.Creatives-part h2 span {
    font-size: 45px;
}
}

/*for-small_mobile view-320*/

@media only screen and (min-width: 100px) and (max-width: 374px) {
}