/* Use a media query to add a breakpoint at 978px: */

@media only screen and (min-width : 1366px) and (max-width : 2000px) { }

@media only screen and (min-width : 1280px) and (max-width : 1365px) { }

@media only screen and (min-width : 1024px) and (max-width : 1279px) {
.header .logo img {
  max-height: 90px;
}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
#hero{
  width: 100%;
  height: 100%;
  min-height: 450px;
}
#hero img{
  width: 100%;
  height: 100%;
  min-height: 450px;
  /*object-fit: cover;*/
  position: relative;
}
.slick-next:before, .slick-prev:before {
    font-size: 35px!important;
    font-weight: 800;
}
.header .logo img {
  max-height: 80px;
}
}

@media only screen and (min-width : 640px) and (max-width : 767px) {
#hero{
  width: 100%;
  height: 100%;
  min-height: 450px;
}
#hero img{
  width: 100%;
  height: 100%;
  min-height: 450px;
  /*object-fit: cover;*/
  position: relative;
}
#about .about_img{
  height: auto;
  min-width: auto;
}
#about .about_txt{
  height: auto;
  min-width: auto;
  padding-top:30px;
}
.slick-next:before, .slick-prev:before {
    font-size: 30px!important;
    font-weight: 800;
}
.header .logo img {
  max-height: 80px;
}
#services .service_box .service_txt p {
    font-size: 20px!important;
}
}

@media only screen and (min-width : 480px) and (max-width : 639px) {
p{
	font-size: 15px;
}
#gallery_box p{
	font-size: 18px;
	font-weight: 600;
}
h4{
	font-size: 18px!important;
}
.cus_btn{
  padding: 8px 15px;
  font-size: 15px;
}
#hero{
  width: 100%;
  height: 100%;
  min-height: 400px;
}
#hero img{
  width: 100%;
  height: 100%;
  min-height: 400px;
  /*object-fit: cover;*/
  position: relative;
}
.banner_txt{
  font-size: 20px;
}
.section_header h2 {
  font-size: 20px;
  font-weight: 600;
}
.section_header p {
  font-size: 15px;
}
#about .about_img{
  height: auto;
  min-width: auto;
}
#about .about_txt{
  height: auto;
  min-width: auto;
  padding-top:30px;
}
.slick-next:before, .slick-prev:before {
    font-size: 30px!important;
    font-weight: 600;
}
.header .logo img {
  max-height: 70px;
}
#services .service_box .service_txt p {
    font-size: 20px!important;
}
}

@media only screen and (min-width : 320px) and (max-width : 479px) {
p{
	font-size: 15px;
}
#gallery_box p{
	font-size: 18px;
	font-weight: 600;
}
h4{
	font-size: 18px!important;
}
.cus_btn{
  padding: 8px 15px;
  font-size: 14px;
}
#hero{
  width: 100%;
  height: 100%;
  min-height: 200px;
}

#hero img{
  width: 100%;
  height: 100%;
  min-height: 200px;
  /*object-fit: cover;*/
  position: relative;
}
.banner_txt{
  font-size: 13px;
}
.section_header h2 {
  font-size: 20px;
  font-weight: 600;
}
.section_header p {
  font-size: 15px;
}
#about{
width: 100%;
margin: 0;
}
#about .about_img{
  height: auto;
  min-width: auto;
}
#about .about_txt{
  height: auto;
  min-width: auto;
  padding-top:30px;
}
.slick-next:before, .slick-prev:before {
    font-size: 30px!important;
    font-weight: 600;
}
.header .logo img {
  max-height: 70px;
}
#services .service_box .service_txt p {
    font-size: 20px!important;
}
}



@media only screen and (max-width : 767px){
#about .about_img{
  width: 100%;
  height: auto;
}
footer .copyright {
  margin-bottom: 15px;
}
#contact .pb-5 {
  padding-bottom: 1rem !important;
}
.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
#services .service_img{
  height: auto;
}
/*.header {
  position: unset;
}*/
.navbar-mobile ul {
  height: 250px;
}
.copyright p{
  font-size: 13px;
  padding-bottom: 0;
  margin-bottom: 0;
}
#hero {
  margin-top: 70px;
}
header {
  background-color: #000;
}
.mobile-nav-toggle {
  color: #ffc044;
}
.contact_box .py-5 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
.contact_box .section_header{
  padding-bottom: 20px;
}
.contact_box .pt-3 {
  padding-top: 2rem !important;
}
.both_para {
  padding: 20px 15px;
}
.both_para2 {
  padding: 20px 15px;
}
.both .car{
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
.both .car::after {
  width: 50px;
  height: 50px;
}
.both .car::before {
  width: 50px;
  height: 50px;
}
.activities-area .both .car {
  width: 100%;
  height: auto;
}
.both h2 {
  font-size: 25px !important;
}
.both .car:hover::before {
    width: 100px;
  height: 100px;
}
.both_para {
  height: auto;
overflow: visible;
}
.both .car:hover::after {
    width: 100px;
  height: 100px;
}
.both .car::before {
    display: none;
}
.both .car::after {
    display: none;
}







}



@media only screen and (max-width : 320px)/* and (max-width : 320px)*/ {
p{
	font-size: 15px;
}
#gallery_box p{
	font-size: 18px;
	font-weight: 600;
}
h4{
	font-size: 18px!important;
}
.cus_btn{
  padding: 8px 15px;
  font-size: 14px;
}
#hero{
  width: 100%;
  height: 100%;
  min-height: 400px;
}
#hero img{
  width: 100%;
  height: 100%;
  min-height: 400px;
  /*object-fit: cover;*/
  position: relative;
}
.banner_txt{
  font-size: 18px;
}
.section_header h2 {
  font-size: 20px;
  font-weight: 600;
}
.section_header p {
  font-size: 15px;
}
#about{
	width: 90%;
	margin: 0 5%;
}
#about .about_img{
  height: auto;
  min-width: auto;
}
#about .about_txt{
  height: auto;
  min-width: auto;
  padding-top:30px;
}
.slick-next:before, .slick-prev:before {
    font-size: 25px!important;
    font-weight: 600;
}
.header .logo img {
  max-height: 60px;
}
#services .service_box .service_txt p {
    font-size: 20px!important;
}
}