@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1200px;
  }
}

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

@media only screen and (max-width: 1200px) {
  /*col-xl*/
}

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

  /*col-lg =1200px*/
  .header .container {
    max-width: 100%;
    margin: auto;
    --bs-gutter-x: 0rem;
    padding-right: 0px;
    padding-left: 0px;
  }

  .banner .slide {
    height: 500px;
  }

  .banner .slide.image01,
  .banner .slide.image02,
  .banner .slide.image03 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .banner h5 {
    font-size: 60px;
  }

  .explore-text {
    width: 100%;
  }

  .bottomslider h5,
  .bottomslider p {
    width: 100%;
  }

  .bottomslider .slide {
    height: 600px;
  }

  .copyright p {
    text-align: center;
    margin-bottom: 10px;
  }

  .copyright .link {
    justify-content: center;
  }

  .blog a {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-logo {
    position: absolute;
    top: 17px;
    left: 20px;
    display: block;
    z-index: 100;
  }

  .banner .slide {
    height: 400px;
  }

  .banner h5 {
    font-size: 50px;
  }

  .banner .slide img {
    margin-top: 50px;
  }

  .main-heading {
    font-size: 48px;
    line-height: 60px;
  }
	
  .explore-panel {
	    width: 100%;
	    background: url("../images/contectBGimg-smallscreen.png") no-repeat right bottom; 
	    display: flex;
	    padding-top: 100px;
	    padding-bottom: 100px;
		background-color: #eeedeb;
	}
	
  .explore-text {
    width: 100%;
  }

  .text {
    font-size: 20px;
    line-height: 30px;
  }
  
.ethos-contact{
		position:absolute; width:100%; left:0; bottom:-100px; padding:15px; background-color: rgba(85, 85, 85, 0.77); color:#FFF;  transition: all 0.5s ease 0s; z-index:10; display:flex; gap: 20px; justify-content: center; font-size: 15px; font-weight:300; font-family: "Unbounded", sans-serif; letter-spacing:0; text-transform:uppercase; 
}
	
	
	
  .service-box {
    flex: 0 0 50%;
  }

  .service-box:hover {
    transform: scale(1);
  }

  .row-container {
    flex-wrap: wrap;
  }

  .bottomslider h5 {
    font-size: 40px;
    text-align: center;
  }

  .bottomslider p {
    font-size: 18px;
    text-align: center;
  }

  .bottomslider .slide {
    height: 500px;
  }

  .bottomslider .slide.image01,
  .bottomslider .slide.image02,
  .bottomslider .slide.image03,
  .bottomslider .slide.image01 {
    padding-left: 50px;
    padding-right: 50px;
    ;
  }

  .footer .container .row .col,
  .footer .container .row .col-sm-12 {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width:576px) {
	.banner .slide {
    	height: 350px;
	}

    .banner .slide h5 {
    	font-size: 25px;
    	text-align: center;
 	}
	
	.banner .slide img {
	  width: 180px;
	  height: 50px;
	}
	
	.explore-panel .main-heading{
		font-size: 35px;
  		font-weight: 500;
  		margin-bottom: 50px;
  		line-height: 36px;
	}
	.explore-panel .text{
		margin-bottom: 25px;
	  	font-size: 18px;
	  	font-weight: 300;
	  	line-height: 25px;
	  	text-align: left;
	}
	.explore-panel {
	    width: 100%;
	    background: url("../images/contectBGimg-smallscreen.png") no-repeat right bottom; 
	    display: flex;
	    padding-top: 100px;
	    padding-bottom: 100px;
		background-color: #eeedeb;
	}
	.cta {
		overflow: hidden;
		background:url("../images/frames01.png") fixed center no-repeat;
		background-size:100%; /*cover*/
		/*padding-bottom:300px 0;*/
		z-index: 1001;
		background-color:#eeedeb ;
}
	
	.ethos .main-heading{
		font-size: 35px;
		line-height: 36px;
	}
	.ethos .text{
		font-size: 18px;
		line-height: 25px;
		text-align: left;
	}
	
	.ethosslider .slide img{ width: 100%; height: 100%; padding-top: 0;}
	
	.ethos-contact{
		position:absolute; width:100%; left:0; bottom:-100px; padding:15px; background-color: rgba(85, 85, 85, 0.77); color:#FFF;  transition: all 0.5s ease 0s; z-index:10; display:flex; gap: 20px; justify-content: center; font-size: 12px; font-weight:300; font-family: "Unbounded", sans-serif; letter-spacing:0; text-transform:uppercase; 
}
	
	.work-top .main-heading{
		font-size: 35px;
  		font-weight: 500;
  		margin-bottom: 50px;
  		line-height: 36px;
	}
	
	.service-box {
  		position: relative;
  		flex: 0 0 20%;
	}
	
	.work-bottom p {
		font-weight: 400;
  		font-size: 30px;
  		font-family: 'baskervville';
  		font-style: italic;
  		text-align: center;
  		line-height: 40px;
		
	}
	.moments .main-heading{
		font-size: 35px;
  		font-weight: 500;
  		margin-bottom: 50px;
  		line-height: 36px;
	}
	
	.bottomslider h5 {
	  font-family: 'baskervville';
	  font-size: 70px;
	  color: #FFF;
	  margin-bottom: 25px;
	  width: 100%;
	}

	.bottomslider p {
	  color: #FFF;
	  font-size: 15px;
	  width: 100%;
	  font-weight: 100;
	  line-height: 24px;
	  ;
	  font-family: "Unbounded", sans-serif;
	  text-align: center;
	  letter-spacing: 1px;
	}

}