@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea {appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] { text-decoration:inherit;color: inherit; }

/* #Media Queries
================================================== */
 

 

@media only screen and (min-width:1366px) and (max-width:1400px) {
body{ overflow-x:hidden;}

}
@media screen and (min-width:1600px) and (max-width:3000px) {
  .row { width:1378px;}
  
  
  }
@media screen and (min-width:1600px) and (max-width:1919px) {
  .row { width:1378px;}
 
  
  }

@media screen and (min-width:1400px) and (max-width:1599px) {
  .row {width: 1322px;}
 
 
 
  }

@media screen and (min-width:1280px) and (max-width:1399px) {
.row  { width:1105px;}
  
}
@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.row, .row1 { width:1000px;} 

 
.rs-menu ul {
  column-gap: 30px;}
  .logo img{width: 155px;}
  section.inner-banner h1{font-size: 45px; line-height: 55px;}
  h2{font-size: 40px; line-height: 50px;}
  section.cont-form .c-lft h2{padding-right: 0;}
  section.cont-form img.sw{width: 120px; top: 110px;}
  section.sweet-del{background-size: 250px;}
  .tre-full{padding: 0 100px;} body section.in-banner{height: auto;}
  
  header::after {top:0;width: 378px;}
  .works ul li h2{font-size: 54px;}
  .works ul li p{font-size: 20px;}
  .services img{max-width:70%}
}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row, .row1 { width:740px;}
.logo img{width: 135px;}
.main-menu{flex: 0 1 80%; display: none;}
 
.m-menu{display: block;}
.menu-nav{padding: 26px 0;}
body section.in-banner{height: auto;}
body footer h3{font-size: 50px;}

header::after {top: -0;width: 378px;}
.works ul li h2{font-size: 54px;}
.works ul li p{font-size: 20px;}
.services img{max-width:70%}
.works ul li{flex: 0 1 50%;}
.works ul{flex-wrap: wrap; row-gap: 40px;}
.services img{margin-bottom: 60px;margin-top: -110px;}
.works{padding-bottom: 270px;}
.services h2{font-size: 54px;line-height: 80px;}
.creative-endore ul.ree li ul li .ser-pad ul li h3{font-size: 20px;}
}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width: 767px) {
img {max-width:100%; }.tre-full{padding: 0;}
.row, .row1 { width:100%; padding:0px 15px; } 


.logo img{width: 100px;}
.main-menu{flex: 0 1 80%; display: none;} 
  .m-menu{display: block;}
  .menu-nav{padding: 15px 0;} 
  body section.in-banner{height: auto;}
  body section.port-cnt{padding: 30px 0;}
  body section.port-cnt div.row h1{font-size: 26px; line-height: 32px; margin-bottom: 10px;}
  body section.port-cnt div.row p{font-size: 16px; line-height: 24px;}
  body section.port-cnt div.row ul li{flex: 0 1 100%;}
  body section.port-cnt div.row ul{margin-top: 15px; padding: 15px 0; flex-wrap: wrap; row-gap: 15px;}
  body section.port-cnt div.row ul li h2{font-size: 16px;}
  body section.port-cnt div.row ul li p{font-size: 16px;}
  body section.port-img{padding: 30px 0;}
  body section.port-img div.row ul{row-gap: 15px;}
  body section.port-img div.testi{max-width: 100%; margin-top: 30px;}
  body section.port-img div.testi img.tile{margin-bottom: 15px;}
  body section.port-img div.testi p{font-size: 16px; line-height: 24px;}
  body section.port-img div.testi div.test-img p{font-size: 15px;}
  body footer{padding: 30px 0 0;}
  body footer h3{font-size: 26px; line-height: 32px;}
  body footer a.gt{padding: 12px 36px; font-size: 14px;}
  body footer div.f-1{margin-top: 30px;}
  body footer div.f-1 div.row div.f-pad{flex-wrap: wrap;}
  body footer div.f-1 div.row div.f-pad img{order: 1;}
  body footer div.f-1 div.row div.f-pad ul{order: 0; column-gap: 10px;align-items: center;
    justify-content: center;
    width: 100%;}
  body footer div.f-1 div.row div.f-pad ul li a{font-size: 11px;}


  header::after {
    top: -0;
    width: 210px;
    right: 0;
    height: 185px;
    background-size: cover;
    }
.works ul li h2, .works .work-pad h3, .services h2, .creative-endore h2{font-size: 28px; line-height: 32px; margin-bottom: 20px;}
.works .work-pad h3, .works .work-pad p{flex: 0 1 100%;}
.works ul li p, .works .work-pad p{font-size: 16px; line-height: 24px;}
.works .work-pad{margin-top: 30px; padding-top: 30px;}
.services img{max-width:70%}
.works ul li{flex: 0 1 100%;}
.works ul{flex-wrap: wrap; row-gap: 40px;}
.services img{margin-bottom: 30px;margin-top: 30px;}
.works{padding-bottom: 270px;}
 
.creative-endore ul.ree li ul li .ser-pad ul li h3{font-size: 18px; line-height: 24px;}
.works{padding: 30px 0;}
.banner h1{font-size: 32px;  line-height: 40px;}
.banner{padding: 50px 0;}
.banner h1 span.sp::after {width: 88px;
  height: 60px; background-size: contain;}
  .banner p{font-size: 16px; line-height: 24px;}
  .banner a{font-size: 14px;height: 50px;}
  .serv-img::after {top: 10px;background-size: contain;width: 40px;
    height: 290px;}
    .services ul li .ser-1{width: 100%;}
    .services ul li .ser-2{width: 100%;}
    .services ul li .ser-1 p{font-size: 18px; line-height: 22px; margin-bottom: 15px;}
    .services ul li .ser-2 p{font-size: 16px; line-height: 24px;}
    .services ul li{margin-top:10px ; padding-bottom: 10px;}
    .creative-endore{padding: 30px 0;}
    .creative-endore ul.ree li{flex: 0 1 100%;}
    .services{padding-bottom: 40px;}
    .creative-endore ul.ree li ul{row-gap: 40px;}
    .creative-endore ul.ree li.mm{margin-top: 30px;}
    header::after{display: none!important;}
    .cnt .cnt-lft{width: 100%;}
    .cnt .cnt-rgt{width: 100%;}
    .cnt .cnt-lft h2{font-size: 32px; line-height: 40px;}
    .cnt .cnt-rgt ul li{flex: 0 1 100%;}
    .cnt .cnt-lft p{padding-right: 0; font-size: 18px; line-height: 24px; margin-bottom: 35px;}
    .cnt .cnt-rgt ul{row-gap: 15px;}
    .cnt .cnt-rgt ul li input[type="text"], textarea{height: 40px;}
}  

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) { 
 
  
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) { 
 
}

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

}

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



}