@media (min-width: 320px) and (max-width: 479px) {
  /*****common*****/
  h2 {font-size: 28px;line-height: 1.4;}
  h3 {font-size: 26px;line-height: 1.6;}
}
@media (max-width: 479px) {
  #portfoliolist .portfolio { width: 100%; }
}
@media (min-width: 480px) and (max-width: 599px) {
  /*****common*****/
  h2 {font-size: 30px;}
  h3 {font-size: 28px;}
  #portfoliolist .portfolio { width: 100%; }
}

@media (min-width: 600px) and (max-width: 767px) {
  /*****common*****/
  h2 {font-size: 32px;}
  h3 {font-size: 30px;}
  #portfoliolist .portfolio { width: 50%; }
}

@media (max-width: 767px) {
  .header_social{padding-right: 50px;}
  .footer_menu{ margin-top: 30px; margin-bottom: 30px;}
  .inner_banner_area h1{font-size: 20px;}
}
@media (min-width: 768px) {
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /*****common*****/
  h2 {font-size: 36px;}
  h3 {font-size: 32px;}
  #portfoliolist .portfolio { width: 50%; }
  .inner_banner_area h1{font-size: 30px;}
  .header-item #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 14px;
    padding: 0 7px;}
}

@media only screen and (min-width: 800px) {}
@media only screen and (min-device-width: 768px) and (max-device-width: 992px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {}
@media (max-width: 991px) {
  .Service_title { font-size: 18px; }
  .banner_overlay { width: 60%; }
  .page-header .container-fluid { padding: 0 25px; }
  header .logo a img { height: 45px;}
  .fb_icon { width: 35px; height: 35px; line-height: 35px;}
  .header_social a svg{width: 35px;}
  .fb_icon{width: 32px; height: 32px; line-height: 32px;}
  .x-icon svg{height: 32px; width: 32px;}

}
@media (min-width: 992px) {
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
  /*****common*****/
  h2 {font-size: 40px;}
  h3 {font-size: 38px;}
  .news_content.news-cnt-box h3 { min-height: 90px;  max-height: 90px;  overflow: hidden; font-size: 22px; }
  header .logo a img { height: 60px;}
  .fb_icon{width: 32px; height: 32px; line-height: 32px;}
  .x-icon svg{height: 32px; width: 32px;}
  .header-item #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 15px;
    padding: 0 9px;}
}

@media only screen and (min-width: 1101px) and (max-width: 1199px) {
  /*****common*****/
  body{font-size: 16px;}
  h2 {font-size: 35px;line-height: 1.3;}
  h3 {font-size: 32px;line-height: 1.3;}
  h4{font-size: 24px;}
  .news_content.news-cnt-box h3 { min-height: 90px;  max-height: 90px;  overflow: hidden; }

}
@media (min-width: 1200px) {

}
@media (min-width: 1366px) {

}
@media (min-width: 1200px) and (max-width: 1299px) {
  body{font-size: 16px;}
  h2 {font-size: 35px;line-height: 1.4;}
  h3 {font-size: 32px;line-height: 1.4;}
  h4{font-size: 24px;}
  p {font-size: 16px;line-height: 1.8;}
    h6{font-size: 16px;}
 }
@media (min-width: 1300px) and (max-width: 1365px) {
  h2 {font-size: 40px;line-height: 1.2;}
  h3 {font-size:38px;}
  p {font-size: 17px;line-height: 30px;}
}
@media (min-width: 1366px) and (max-width: 1599px) {
  h2 {font-size: 45px;}
  h3 {font-size: 42px;}
  p {font-size: 17px;line-height: 30px;}
}
@media (min-width: 1366px) and (max-width: 1449px) {
}
@media (max-width: 1300px) {
}

@media (min-width: 1366px) and (max-width: 1599px) {
}

@media (min-width: 1450px) {
}
@media (min-width: 1600px) and (max-width: 1680px) {
  /*****common*****/
  h2 {font-size: 45px;}
  h3 {font-size: 42px;}
}
@media (min-width: 1681px) and (max-width: 1919px) {
}
@media (min-width: 1900px), (max-width: 1920px) and (-webkit-device-pixel-ratio: 1.25) {
}
@media (min-width: 1900px) and (max-width: 1920px) {

}