/*

*  Theme Name: Netscriperwp

*  Author: Netscriper

*  Author URI: http://www.netscriper.com/

*/

:root {
  --color-green: #33cc99;

  --font-family-roboto: "Roboto", sans-serif;

  --font-family-fs: "Fira Sans", sans-serif;

  --font-family-rbs: "Roboto Slab", serif;

  --font-family-mu: "Mulish", sans-serif;

  --font-family-ph: "Philosopher", sans-serif;
}

body {
  margin: 0 auto;

  font-family: var(--font-family-mu);

  line-height: 28px;

  font-size: 16px;
  color: #000;
}

* a:hover,
*a:focus {
  outline: none;
}

header {
  -webkit-transition: all 0.5s ease;

  -moz-transition: position 10s;

  -ms-transition: position 10s;

  -o-transition: position 10s;

  transition: all 0.5s ease;

  /*border-top: 8px solid #0c4da2;*/

  /*padding-top: 17px;*/
}

header {
  background-color: white;
  border-top: 5px solid #2969b8;
}

/* header.fix {

    position: fixed;

    top: 0;

    z-index: 999;

    background-color: #FFFFFF;

    width: 100%;

    left: 0;

    animation: smoothScroll 1s forwards;

    box-shadow: 1px -1px 7px #000;

} */

div.sub-banner {
  height: 300px;
border-bottom: 1px solid #eee;
  display: flex;
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
  flex-flow: nowrap;

  align-items: center;
}

section#main-page {
  position: relative;
}

header.fix .menu {
  background: rgba(0, 0, 0, 0.5);
}

/************** menu **************/

.menu .dropdown:hover > .dropdown-menu {
  display: block;
}

.menu .dropdown-item.active,
.menu .dropdown-item:active {
  color: #fff;

  text-decoration: none;

  background-color: transparent;
}

.menu .dropdown-item.active a,
.menu .dropdown-item:active a {
  color: #fff;

  text-decoration: none;

  outline: none;
}

.menu ul.dropdown-menu {
  top: 37px;

  background: #fff;
}

.menu .dropdown-item:focus,
.menu .dropdown-item:hover {
  background-color: transparent;

  color: #3fb385;

  outline: none;

  text-decoration: none;
}

.menu .dropdown-item:focus a,
.menu .dropdown-item:hover a {
  color: #3fb385;
}

.dropdown > .dropdown-toggle:active {
  pointer-events: none;
}

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }

  100% {
    transform: translateY(0px);
  }
}

/* Pagination */

ul.page-numbers {
  padding-left: 0px;
}

ul.page-numbers li {
  float: left;

  height: 35px;

  width: 35px;

  list-style: none;

  line-height: 35px;

  text-align: center;

  padding: 0px;

  border-radius: 100px;

  margin-right: 3px;

  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
}

ul.page-numbers li span.current {
  color: #000;

  font-size: 16px;
}

.content-img img {
  width: 100%;

  height: auto;
}

/* 404 error */

.error img {
  position: relative;

  margin: 0 auto;
}

.back-home-wrap p {
  font-size: 21px;

  margin-top: 50px;
}

.back-home-wrap {
  text-align: center;

  left: 0;

  right: 0;
}

.error {
  height: 400px;
}

.back-home {
  margin-top: 14px;

  border-radius: 0;
}

#go-top {
  width: 42px;

  height: 42px;

  border-radius: 50%;

  background-color: #29b831;

  color: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 18px;

  position: fixed;

  right: 14px;

  bottom: 14px;
}

/* Breadcrumb */

#ns_breadcrumb {
  list-style-type: none;
  display: inline-block;
}

#ns_breadcrumb li {
  display: inline-block;
}

.ns_breadcrumb {
  list-style: none;

  padding: 0;
}

ol.breadcrumb.ns-bcr {
  background-color: transparent;

  padding-left: 0;

  padding-top: 0px;

  margin-bottom: 0;

  padding-bottom: 0;

  padding-right: 0;
}

.ns_breadcrumb li {
  list-style: none;

  margin: 0;

  padding: 0;

  display: block;

  float: left;

  font-size: 13px;

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: 0.05em;

  line-height: 20px;

  color: hsl(0deg 0% 100%);
}

.ns_breadcrumb li a {
  display: block;

  padding: 0 40px 0 0px;

  color: hsl(0deg 0% 100%);

  text-decoration: none;

  height: 20px;

  position: relative;

  perspective: 700px;
}

.ns_breadcrumb li a:after {
  content: "";

  width: 20px;

  height: 20px;

  border-color: #fff;

  border-style: solid;

  border-width: 1px 1px 0 0;

  -webkit-backface-visibility: hidden;

  outline: 1px solid transparent;

  position: absolute;

  right: 20px;

  -webkit-transition: all 0.15s ease;

  -moz-transition: all 0.15s ease;

  -ms-transition: all 0.15s ease;

  transition: all 0.15s ease;

  -webkit-transform: rotateZ(45deg) skew(10deg, 10deg);

  -moz-transform: rotateZ(45deg) skew(10deg, 10deg);

  -ms-transform: rotateZ(45deg) skew(10deg, 10deg);

  transform: rotateZ(45deg) skew(10deg, 10deg);
}

.ns_breadcrumb li a:hover:after {
  right: 15px;

  -webkit-transform: rotateZ(45deg) skew(-10deg, -10deg);

  -moz-transform: rotateZ(45deg) skew(-10deg, -10deg);

  -ms-transform: rotateZ(45deg) skew(-10deg, -10deg);

  transform: rotateZ(45deg) skew(-10deg, -10deg);
}

/*.sub-banner:before {

    position: absolute;

    background: #000;

    width: 100%;

    height: 300px;

    bottom: 0;

    content: '';

    opacity: 0.6;

   

}

.sub-banner{

    position: relative;

    

}*/

.sub-banner li.breadcrumb-item a {
  color: #fff;
}

.sub-banner .breadcrumb-item + .breadcrumb-item::before {
  color: #29b831;

  content: url("https://api.iconify.design/ic/sharp-double-arrow.svg?color=white");
}

.sub-banner li.breadcrumb-item {
  color: #fff;
}

.page-meta {
  display: inline-block;

  background-color: rgba(0, 0, 0, 0.5);

  padding: 1rem;
}

/***************** Home Page ****************/

/********************** Media Query ********************/

/* .xs = | Extra Small devices only (portrait phones) less than 576px --*/

@media (max-width: 575.98px) {
}

/* .sm > | Small devices and up (landscape, phones) 576px and up */

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

/* .sm < | Small devices and down (landscape, phones) less than 768px */

@media (max-width: 767.98px) {
}

/* .sm = | Small devices only (landscape, phones) upper 576px and less than 768px ---*/

@media (min-width: 576px) and (max-width: 767.98px) {
}

/* .md > | Medium devices and up (tablets) 768px and up */

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

/* .md < | Medium devices and down (tablets) less than 992px */

@media (max-width: 991.98px) {
}

/* .md = | Medium devices only (tablets) upper 768px and less than 992px */

@media (min-width: 768px) and (max-width: 991.98px) {
}

/* .lg > | Large devices and up (desktops) 992px and up */

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

/* .lg < | Large devices and down (desktops) less than 1200px */

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

/* .lg = | Large devices only (desktops) upper 992px and less than 1200px */

@media (min-width: 992px) and (max-width: 1199.98px) {
}

/* .xl = | Large devices only (desktops, TV) 1200px and up */

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

/* Between <> .sm-lg, .sm-xl, .md-xl */

/* .sm <> .lg | From Small to Large devices only (landscape, phones, tablet, desktops) upper 576px and less than 1200px */

@media (min-width: 576px) and (max-width: 991.98px) {
}

/* .sm <> .xl | From Small to Extra Large devices only (landscape, phones, tablet, desktops, TV) upper 576px and less than 1200px ---*/

@media (min-width: 576px) and (max-width: 1199.98px) {
}

/* .md <> .xl | From Medium to Extra Large devices only (tablet, desktops, TV) upper 768px and less than 1200px */

@media (min-width: 768px) and (max-width: 1199.98px) {
}

@media only screen and (max-width: 500px) {
  .g-recaptcha {
    transform: scale(0.77);

    transform-origin: 0 0;
  }
}

.contact_us .location iframe {
  width: 100%;

  min-height: 500px;
}

.contact_us .contact-info {
  position: absolute;

  margin: auto;

  width: 100%;

  bottom: 370px;
}

.contact_us {
  position: relative;
}

.contact_us .contact-info .address {
  background-color: #2969b8;

  text-align: center;

  bottom: 30px;

  color: white;

  padding: 20px 10px;

  display: block;

  border: 1px solid #c9d4e4;

  min-height: 290px;

  border-radius: 20px;

  border-top: 5px solid #c9d4e4;
}

.contact_us .location {
  line-height: 0px;
}

.contact_us .contact-info .address .iconify {
  display: flex;

  justify-content: center;

  margin: auto;

  font-size: 50px;

  margin-bottom: 20px;

  margin-top: 10px;
}

.contact_us .contact-info .address .address-heading {
  display: block;

  font-size: 18px;

  font-weight: bold;

  margin-bottom: 20px;

  color: #29b831;
}

.contact_us .contact-info .address a {
  color: white;
}

.contact_us .contact-info .col-md-3 {
  padding: 0px;
}

a:hover {
  text-decoration: none;

  color: #eff4fa;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-180 {
  padding-bottom: 180px;
}

.contact_us .contact-info .address a {
  color: #fff;
}

.contact_us h3 {
  text-transform: uppercase;
}

.contact_us h4 {
  text-transform: capitalize;
}

.title-section h5 {
  margin-top: 20px;

  margin-bottom: 20px;
}

.title-section h3 {
  margin-bottom: 30px;

  text-transform: uppercase;

  color: red;

  font-weight: bold;
}

.contact-us-page .form-section {
  margin-bottom: 50px;
  margin-top: 20px;
}

.contact-us-page .form-section .input-group > .form-control {
  font-family: var(--font-family-ph);
  min-height: 40px;
  border: none;

  margin-bottom: 10px;

  border-radius: 0px;

  outline: none;

  border: 1px solid #2969b8;

  min-width: 100%;
}

.contact-us-page .form-section .input-group {
  display: block;
}

.form-control:focus {
  box-shadow: none;
}

.contact-us-page .form-section label {
  color: #4a534d;

  display: none;
}

.contact-us-page .form-section button {
  color: white;

  padding: 7px 60px;

  background: #29b831;

  outline: none;

  border-radius: 50px;

  margin-top: 20px;
}

/* .contact-us-page .contact-info .p-70{

    padding: 0px 70px;

} */

.contact-us-page .form-bg {
  margin-top: 20px;
}

.contact-us-page .contact-info .margin-0 {
  margin: 0px;
}

.page-template.page-template-contact-us.page-template-contact-us-php.page-id-12
  .h-white {
  display: none;
}

/* .contact_us .contact-info .address .info{

    min-height: 117px;

} */

.readmore {
  float: right;
}

.csr-box .csr-info-detail {
  justify-content: space-between;
}

.csr-box {
  border-radius: 15px;

  background-color: #eff4fa;

  margin-top: 30px;

  border: 1px solid #c9d4e4;
}

.csr-box:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.csr-box .csr-info {
  padding: 15px 15px 15px 15px;

  min-height: 190px;
}

.csr-box .csr-info i {
  color: #29b831;

  margin-right: 5px;

  margin-top: 7px;

  min-width: 20px;
}

.csr-box .csr-info-detail {
  margin-top: 10px;

  min-height: 80px;
}

.csr-box .csr-info-detail p {
  margin-bottom: 0px;

  margin-top: 3px;
}

.csr-box hr {
  border-color: rgb(179, 192, 179);
}

.csr-box .csr-info .iconify {
  color: #ef0c06;

  font-size: 30px;
}

.csr-box .csr-info .iconify:hover {
  padding-right: 5px;

  transition: all 0.7s ease 0s;

  color: #29b831;
}

.csr-box:hover .iconify {
  padding-right: 5px;

  transition: all 0.7s ease 0s;

  color: #29b831;
}

.pb-60 {
  padding-bottom: 60px;
}

.csr-box .img-wrapper {
  padding: 10px;
 
}
.csr-box .img {
  height: 218px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.csr-box .csr-info h5 {
  color: #000;

  font-size: 20px;

  font-family: var(--font-family-ph);
}

ul.page-numbers li {
  background-color: #29b831;

  border-radius: 7px;

  color: white;
}

ul.page-numbers li .page-numbers {
  color: white;

  font-weight: bold;
}

.paginate {
  margin-bottom: 60px;
}

.single-page .gallery img {
  max-width: 98%;

  margin: auto;

  border-radius: 5px;

  height: auto;
}

.single-page .d-flex i {
  color: #29b831;

  min-width: 20px;
}

.single-page .d-flex .map {
  padding-left: 30px;
}

.single-page .d-flex.pl-1-solid {
  padding: 7px 0px;
}

.single-page .d-flex.pl-1-solid p {
  margin-bottom: 0px;

  padding-left: 10px;

  padding-right: 20px;

  color: #2969b8;

  font-weight: bold;

  border-left: 1px solid #ccc;

  align-items: center;
}

.services-page .service-detail {
  background-color: #2969b8;

  align-items: center;

  border-top-left-radius: 50px;

  border-bottom-left-radius: 50px;

  padding: 10px;

  display: flex;

  min-height: 80px;

  border: 1px solid #bdd0e642;

  margin-top: 20px;
}

.services-page .service-detail .icon {
  display: flex;
}

.services-page .service-detail .icon iconify-icon {
  color: #22ee2d;

  font-size: 40px;

  border-radius: 50%;

  padding: 10px;

  border: 1px solid #22ee2d;

  background-color: #f5f8fc;
}

.services-page .service-detail p {
  text-transform: capitalize;

  margin-left: 10px;

  font-family: var(--font-family-ph);

  margin-bottom: 0px;

  color: #fff;

  font-size: 18px;

  font-weight: bold;
}

.our-partners img {
  border-radius: 10px;

  border: 1px solid #ddd;

  margin-top: 10px;

  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;

  background-color: white;
  padding: 10px;
}

.partner-bg {
  padding: 30px 0px 70px 0px;

  background-color: #daffe613;
}

.services-page .service-detail:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.single-page .post-single-img {
  margin-bottom: 30px;

  border: 1px solid #ccc;
}

.single-page .post-details p {
  text-align: justify;
}

.single-page .custom-sidebar img {
  border: 1px solid #ccc;
  max-width: 100px;

  margin-bottom: 15px;

  height: 100%;
}

.single-page .custom-sidebar .sidebar-blog-info {
  padding: 0px 15px;
}

.single-page .custom-sidebar .sidebar-blog-info .title {
  margin-bottom: 5px;

  font-weight: bold;

  color: #2c2626;
}

.single-page .custom-sidebar hr {
  margin-top: 0px;
}

.single-page .custom-sidebar .sidebar-blog-info .time {
  color: #4f645c;

  font-size: 14px;
}

/* ---home--- */

header .web-logo {
  display: flex;
  align-items: center;
  padding: 15px 0px;
}

header .web-logo h4 {
  font-size: 23px;
  padding-left: 7px;
  color: #29b831;
  font-weight: bold;
  font-family: var(--font-family-mu);
  margin-bottom: 0px;
  line-height: 23px;
}

.no-padding-right {
  padding-right: 0px;
}

header .web-logo h4 span {
  font-size: 18px;
  color: #29b831;
  font-family: var(--font-family-ph);
}

header .row.d-flex {
  display: flex;

  align-items: center;
}

header .collapse.navbar-collapse {
  justify-content: flex-end;

  margin-top: 20px;
}

header .collapse.navbar-collapse #menu-main-menu {
  margin-right: 0px !important;
}

header .collapse.navbar-collapse #menu-main-menu a {
  color: #555;

  font-family: var(--font-family-mu);
}

header .collapse.navbar-collapse #menu-main-menu .dropdown-menu a {
  align-content: center;
  display: flex;
}

header .menu-item-object-custom {
  padding: 0px 30px;
}

header .current_page_item.active a,
header .current-menu-ancestor.active .dropdown-toggle {
  color: #29b831 !important;
}

header .dropdown-menu .menu-item:hover {
  background-color: #2969b810;
}

header .menu-item-object-custom.current-menu-item a {
  color: #29b831 !important;

  font-family: var(--font-family-ph);
}

.home-slider-part {
  position: relative;

  z-index: 1;
}

#menu-main-menu a:hover {
  color: #29b831 !important;
}

#menu-main-menu .menu-item.dropdown-item {
  padding: 3px 12px;

  border: 1px solid #fafafa8f;

  font-weight: bold;
}

.dropdown-menu {
  padding: 0px;
}

.n2-ss-slider-wrapper-inside:after {
  content: "";

  border-style: solid;

  border-width: 0px 150px 100px 200px;

  border-color: transparent #fff transparent transparent;

  position: absolute;

  right: 140px;

  bottom: 0px;

  rotate: 180deg;

  z-index: 2;
}

.n2-ss-slider-wrapper-inside:before {
  content: "";

  border-style: solid;

  border-width: 100px 680px 0px 200px;

  border-color: transparent #fff transparent transparent;

  position: absolute;

  right: 490px;

  bottom: 0px;

  z-index: 2;
}

.n2-ss-slider
  .n2-ss-slider-wrapper-inside
  .n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom {
  right: 457px;
}

.n2-ss-slider
  .n2-ss-slider-wrapper-inside
  .n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom
  .n2-font-8b51224331d87fb4b1cbffb7139b2e9c-simple {
  padding: 5px;

  color: #000 !important;
}

div#n2-ss-2
  .n2-style-0ebdb85739be7df345c26c9f284fd73d-heading.nextend-arrow-previous {
  right: 515px;

  margin-bottom: 17px;
}

div#n2-ss-2
  .n2-style-0ebdb85739be7df345c26c9f284fd73d-heading.nextend-arrow-next {
  right: 400px;

  margin-bottom: 17px;
}

div#n2-ss-2 .n2-style-c371bed12e94c3d9e638bf8bdeb281dd-simple {
  background-color: white !important;
}

.n2-font-1bc0f869f2100043a30427cdfe9ebf36-simple {
  color: black !important;

  padding: 0px 3px;
}

header.fix .menu {
  background: white;
}

.h-section .owl-carousel {
  display: block !important;
}

.pb-60 {
  padding-bottom: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.h-section .slick-dots li button,
.h-section .slick-dots li.slick-active button {
  width: 10px !important;

  height: 10px !important;

  background: #29b831;

  margin-right: 0px !important;

  border-radius: 50%;
}

.h-section .slick-dots li.slick-active button {
  opacity: 0.75;
}

.h-section .slick-dots li {
  margin: 0px;
}

h2.main-heading {
  font-family: var(--font-family-ph);

  color: #111111;

  margin-bottom: 50px;

  font-size: 28px;

  font-weight: bold;
}

h2.main-heading span {
  color: #29b831;
}

.pt-70 {
  padding-top: 70px;
}

.h-section .text-center {
  padding: 0px 170px;
}

.h-section .slick-slide {
  text-align: center;

  font-size: 20px;

  border-left: 1px solid transparent;

  color: #111111;

  font-family: var(--font-family-ph);
}

.h-section .slick-slide img {
  margin: auto;
}

.h-section .slick-slide h5 {
  margin-top: 30px;

  font-size: 20px;

  color: #111;
  min-height: 50px;
}

.h-section .slick-slide.slick-active ~ .slick-active {
  border-left: 1px solid #29b831;
}

.h-who-we-are {
  /* background: url('/wp-content/themes/ns_theme/images/whoweare.jpg;'); */

  background: url("/wp-content/themes/ns_theme/images/final-home-who-we-are-bg.png");

  background-size: cover;

  min-height: 640px;

  color: white;

  /* box-shadow: inset 0 0 0 2000px rgba(5, 43, 88, 0.61); */

  position: relative;
}

.h-who-we-are h2 {
  margin-top: 100px;

  color: white;
}

.h-who-we-are p {
  padding-right: 70px;
}

.main-btn {
  margin-top: 50px;
}

.main-btn a {
  padding: 10px 30px;

  margin-top: 50px;

  text-transform: uppercase;

  color: white;

  border: 1px solid white;
}

.h-who-we-are .h-white {
  width: 0;

  height: 0;

  border-left: 130px solid transparent;

  border-right: 650px solid transparent;

  border-bottom: 100px solid white;

  position: absolute;

  rotate: 180deg;

  top: 0px;

  left: -80px;
}

.h-companies .com-slide .slick-slide .com-box {
  padding: 10px;
}

.h-companies .com-slide .slick-slide .com-box .box-bg {
  position: relative;

  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
    rgb(209, 213, 219) 0px 0px 0px 1px inset;
}

.h-companies .com-slide .slick-slide .com-box .logo img {
  position: absolute;

  top: 34%;

  left: 15px;

  background-color: white;

  padding: 15px 0px 20px 0px;

  width: 95px;

  height: 88px;

  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.h-companies .com-slide .slick-slide .com-box h5 {
  color: #2969b8;

  font-size: 20px;

  margin-top: 50px;

  padding: 15px;

  min-height: 100px;
}

.h-companies .slick-slider {
  margin-bottom: 0px;
}

.h-companies .slick-prev,
.slick-next {
  top: 30%;
}

.h-companies .slick-next:before {
  content: url("https://api.iconify.design/fluent/ios-arrow-24-regular.svg?width=50&height=98&flip=horizontal");
}

.h-companies .slick-prev:before {
  content: url("https://api.iconify.design/fluent/ios-arrow-24-regular.svg?width=50&height=98");
}

.h-companies .slick-prev {
  left: -50px;
}

.h-csr .d-flex {
  align-items: center;

  background-color: #2969b8;
}

.h-csr .padding-left-0 {
  padding-left: 0px;
}

.h-csr .h-csr-text {
  color: white;

  padding: 40px 15px;
}

.h-csr .h-csr-text h2 {
  color: white;

  margin-top: 40px;
}

.h-csr .h-csr-text p {
  margin-bottom: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.h-news .date p {
  background-color: #2969b8;

  display: inline-block;

  margin-top: -25px;

  margin-left: 15px;

  width: 55px;

  padding: 15px 13px;

  color: white;

  text-align: center;
  line-height: 22px;
}

.h-news .news-blog h5 {
  font-size: 20px;

  color: #222222;

  padding-left: 85px;

  margin-top: -40px;

  font-family: var(--font-family-ph);
}

.h-news .news-blog .news-info {
  position: relative;
}

.h-partners .slick-dots li button,
.h-partners .slick-dots li.slick-active button {
  width: 10px !important;

  height: 10px !important;

  background: #29b831;

  margin-right: 0px !important;

  border-radius: 50%;
}

.h-partners .slick-dots li.slick-active button {
  opacity: 0.75;
}

.h-partners .slick-dots li button::before {
  width: 10px;

  height: 10px;
}

.h-partners .slick-dots li {
  margin: 0px;
}

.h-partners .slick-prev,
.slick-next {
  display: none;
}

.h-partners .partner-wrapper {
  padding: 1px;

  padding-top: 20px;

  position: relative;

  z-index: 9;

  background-color: white;

  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

  margin-bottom: -80px;
}

.h-partners .slick-dots {
  position: static;
}

.h-partners .slick-dotted.slick-slider {
  padding-bottom: 5px;

  margin-bottom: 0px;
}

.footer {
  background-size: cover;

  background: url("/wp-content/themes/ns_theme/images/footer-bg.jpg");

  color: white;

  background-repeat: no-repeat;
}

.footer .h-white {
  width: 0;

  height: 0;

  border-left: 1020px solid transparent;

  border-right: 300px solid transparent;

  border-bottom: 180px solid white;

  position: relative;

  rotate: 180deg;

  top: 0px;

  left: 152px;
}

.footer .first-footer {
  padding-top: 50px;
}

.footer .first-footer h5 {
  font-family: var(--font-family-ph);

  font-size: 20px;
}

.footer .first-footer hr {
  border-color: #29b831;

  margin-bottom: 30px;

  width: 59px;

  float: left;

  margin: 5px 0px 10px 0px;

  border-width: 1px;
}

.footer .first-footer .footer-info p {
  margin-top: 30px;

  margin-bottom: 10px;
}

.footer .first-footer h2 {
  margin-bottom: 20px;
}

.footer .copyright-footer hr {
  border-color: #29b831;

  margin-top: 28px;

  margin-bottom: 0px;
}

.footer .copyright-footer img {
  margin-left: 5px;
}

.footer .copyright-footer p {
  color: #29b831;
}

.footer .copyright-footer p span {
  color: white;
}

.footer .copyright-footer a {
/*  color: #29b831; */
}

.footer .copyright-footer p {
  margin-bottom: 0px;

  padding: 15px 10px;
}

.footer .first-footer .col-md-3 {
  padding-left: 0px;
}

.footer .first-footer .col-md-3 img {
  margin-right: 5px;
}

.footer .first-footer .col-md-3 .foot-mail {
  margin-top: 0px;
}

.footer a {
  color: rgba(255, 255, 255, 0.932);
}

.sub-banner {
  position: relative;
}

/* .sub-banner:after{

    width: 0;

    height: 0;

    content: "";

    border-left: 680px solid transparent;

    border-right: 150px solid transparent;

    border-bottom: 100px solid white;

    position: relative;

    bottom: 0px;

    right: 340px;

    position: absolute;

} */

.sub-banner {
  background: url("/wp-content/themes/ns_theme/images/banner.jpg");

  background-repeat: no-repeat;

  background-position: center;
}

.breadcrumbs {
  position: relative;
}

.breadcrumbs h6 {
  font-family: var(--font-family-ph);

  font-weight: bold;
}

.sub-banner .banner-title {
  font-weight: bold;

  font-family: var(--font-family-ph);

  margin-top: 10px;

  font-size: 28px;

  margin-bottom: 20px;
}

.breadcrumbs a {
  color: #fff;

  text-decoration: none;

  font-size: 16px;
}

.breadcrumbs li:last-child,
.breadcrumbs .single-title {
  color: #29b831;
}

.breadcrumbs li:last-child,
.breadcrumbs li:last-child a {
  color: #29b831;

  margin-top: 1px;
}

.banner-title .white {
  color: white;
}

.banner-title {
  color: #29b831;
}

.breadcrumbs .single iconify-icon {
  margin-bottom: -4px;

  display: inline-block;
}

.what-we-do-page .company-details-row {
  padding-top: 60px;

  padding-bottom: 70px;
}

.what-we-do-page .d-flex.logos img {
  padding: 10px 25px;
}

.what-we-do-page .d-flex.logos {
  justify-content: center;
}

.what-we-do-page .logo-bg {
  border-top: 1px solid #efefef;

  border-bottom: 1px solid #efefef;
}

.what-we-do-page .d-flex.logos a {
  border-left: 1px solid #efefef;
}

.what-we-do-page .d-flex.logos a:first-child {
  border-left: 1px solid transparent;
}

.what-we-do-page .d-flex.logos a .logo-tab img {
  opacity: 0.5;
}

.what-we-do-page .d-flex.logos a:hover .logo-tab img {
  opacity: 1;
}

.what-we-do-page .d-flex.logos a:hover .logo-tab {
  position: relative;
}

.what-we-do-page .d-flex.logos a:hover .logo-tab::before {
  border-top: 4px solid #29b831;

  width: 70%;

  content: "";

  left: 15%;

  position: absolute;

  margin: auto;
}

.what-we-do-page .d-flex.logos a:first-child .logo-tab {
  position: relative;
}

.what-we-do-page .d-flex.logos a:first-child .logo-tab::before {
  border-top: 4px solid #29b831;

  width: 70%;

  content: "";

  left: 15%;

  position: absolute;

  margin: auto;
}

.what-we-do-page .d-flex.logos a:first-child .logo-tab img {
  opacity: 1;
}

.what-we-do-page .company-details-row img {
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
  margin-top: 30px;
}

.what-we-do-page .image-1-2,
.what-we-do-page .image-1-3 {
  border-bottom-left-radius: 0px !important;

  border-bottom-right-radius: 0px !important;
}

.what-we-do-page .company-details-row .flex-end {
  display: flex;

  align-items: flex-end;
}

.what-we-do-page .company-details-row .flex-center {
  display: flex;

  align-items: center;
}

.what-we-do-page .company-details-row h2 {
  margin: 0px;

  font-weight: bold;

  color: #111111;

  font-family: var(--font-family-ph);

  font-size: 28px;
}

.what-we-do-page .company-details-row p,
.what-we-do-page .company-details-row h5 {
  color: #2a2a2a;

  font-family: var(--font-family-mu);
}

.what-we-do-page .company-details-row p {
  color: #000;
}

.what-we-do-page .company-details-row h5 {
  margin-top: 20px;

  font-weight: bold;
  font-size: 16px;

  padding-top: 10px;
}

.what-we-do-page .company-details-row h5 span {
  color: #29b831;
}

.what-we-do-page .company-details-row .fload-image-right img {
  max-width: 276px;

  float: right;

  margin-top: 10px;

  max-height: 213px;
}

.what-we-do-page .company-details-row .fload-image-right p {
  padding-right: 120px;
}

.what-we-do-page .company-details-row h2.mt-0 {
  margin-top: 0px;

  margin-bottom: 40px;
}

.what-we-do-page .company-details-row .pr-30 {
  padding-right: 30px;
}

.what-we-do-page .company-details-row .pl-0 {
  padding-right: 0px;
}

.what-we-do-page .company-details-row.align-center {
  align-items: center;
}

.what-we-do-page .company-details-row .d-flex-img {
  justify-content: space-around;

  align-items: flex-end;
}

.what-we-do-page .company-details-row .d-flex-img img {
  max-width: 48%;
}

.what-we-do-page .company-details-row.flex-end-content {
  align-items: flex-end;
}

.what-we-do-page .company-details-row.flex-end-content p {
  margin-bottom: 0px;
}

.what-we-do-page .with-bg-img,
.compliance-page {
  background: url("/wp-content/themes/ns_theme/images/com-bg.png");

  /* background-size: contain; */

  background-repeat: no-repeat;

  background-position: top center;
}

.what-we-do-page hr {
  margin: 0px;
}

.what-we-do-page .director-section .director-blog {
  padding: 30px 20px;

  border-radius: 20px;

  background-color: white;

  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.what-we-do-page .director-section {
  position: relative;

  margin-bottom: -100px;

  z-index: 9;
}

.what-we-do-page .director-blog .flex-center {
  justify-content: center;
}

.what-we-do-page .director-blog .dir-img {
  justify-content: flex-end;

  border-radius: 50%;

  padding: 10px;

  margin-bottom: 20px;

  border: 3px solid #29b831;
}

.what-we-do-page .director-blog .dir-img img {
  margin: auto;
}

.what-we-do-page .director-blog .pl-0 {
  padding-left: 0px;
}

.what-we-do-page .director-blog h4 {
  margin-bottom: 15px;

  color: #29b831;

  font-family: var(--font-family-ph);

  font-weight: bold;
}

.what-we-do-page .director-blog h5 {
  font-size: 19px;

  color: #111111;

  font-family: var(--font-family-ph);
}

.what-we-do-page .director-blog .align-center {
  align-items: center;
}

.what-we-do-page .director-blog .text {
  min-height: 500px;
}

#go-top:hover,
a:hover {
  cursor: pointer;
}

#go-top {
  z-index: 99;
}

.compliance-page .first-para-content {
  padding: 0px 0px;
}

.leader-box {
  padding: 10px;
}

.compliance-page .director-blog .leader-order {
  background-color: #2969b8;

  text-align: center;

  color: #fff;

  /* border-radius: 20px; */

  padding: 30px 20px;

  margin: auto;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.compliance-page .director-blog .leader-order img {
  margin: auto;

  max-width: 100px;
}

.compliance-page .director-blog .leader-order .long-text {
  min-height: 200px;
}

.compliance-page .director-blog .detail-info {
  display: flex;

  margin: auto;

  margin-top: -30px;

  max-width: 80%;
}

.compliance-page .director-blog .leader-order img {
  margin-bottom: 20px;
}

.compliance-page .director-blog .detail-info img {
  max-width: 120px;

  border: 1px solid #777;
}

.compliance-page .director-blog .detail-info h5 {
  margin-top: 40px;

  color: #29b831;

  font-family: var(--font-family-ph);
}

.compliance-page .director-blog .detail-info .personal-detail-info {
  padding-left: 20px;
}

.compliance-page .director-blog .detail-info .personal-detail-info p {
  font-family: var(--font-family-mu);
  color: #333;
}

.compliance-page .personal-detail-info p {
  font-weight: bold;
}

.compliance-page .director-blog p {
  margin-bottom: 0px;
}

.compliance-page .slick-prev:before,
.slick-next:before {
  font-size: 30px;

  color: green;
}

.compliance-page .slick-next:before {
  content: url("https://api.iconify.design/fluent/ios-arrow-24-regular.svg?width=50&height=98&flip=horizontal");
}

.compliance-page .slick-prev:before {
  content: url(https://api.iconify.design/fluent/ios-arrow-24-regular.svg?width=50&height=98);
}

.compliance-page .slick-prev.slick-arrow {
  top: 30%;

  left: -45px;
}

@import url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

a:link {
  text-decoration: none;
}

.pdf-section .vn-red a {
  background-color: #fff;

  display: inline-block;

  position: relative;

  margin: 0px 5px;

  padding: 10px 10px 10px 55px;

  color: #111;

  transition: all 0.4s ease;

  border-radius: 50px;
}

.pdf-section .vn-red a:before {
  content: "\f019";

  font-family: fontAwesome;

  position: absolute;

  font-style: normal;

  font-weight: normal;

  text-decoration: inherit;

  font-size: 24px;

  border-radius: 0 20px 0 0;

  color: #fff;

  background-color: #2969b8;

  padding: 10px 13px;

  top: 0;

  left: 0;

  border-radius: 50px;

  transform: scale(1);
}

.pdf-section .vn-red a:hover {
  color: white;

  background-color: #2969b8;

  transition: all 0.7s ease 0s;

  transition: #2969b8 1000ms ease-in-out;
}

.pdf-section .vn-red:hover a:before {
  transform: scale(0.8);

  transition: all 0.9s ease 0s;
}

.pdf-section .pdf-box .row {
  align-items: center;

  padding: 10px 20px;
}

.pdf-section .pdf-box {
  margin-bottom: 20px;

  padding: 10px;

  background-color: #d6e7fc;

  border: 1px solid #ddd;
}

.pdf-section {
  padding: 0px 100px;

  margin-top: 70px;
}

.pdf-section .pdf-box h5 {
  margin-bottom: 0px;

  color: #2969b8;

  font-size: 18px;
}

.pdf-section .pdf-box .col-md-3,
.pdf-section .pdf-box .col-md-1 {
  padding-left: 0px;

  padding-right: 0px;
}

.who-we-are-page h2,
.compliance-page .first-para-content h2,
.what-we-do-page h2,
.organization-chart-page h2,
.hess-page h2,
.history-page h2,
.csr-page h2,
.news-page h2,
.single-page .padding .single-blog-title h3,
.video-page h2,
.gallery-page h2,
.career-page h2,
.services-page h2,
.contact-us-page h2 {
  font-family: var(--font-family-ph);

  font-weight: bold;
}

.gallery-in-page .slick-slide.slick-current.slick-active,
.gallery-in-page .slick-track {
  width: 100% !important;
}

.gallery-in-page .n2-ss-slider-wrapper-inside:before,
.gallery-in-page .n2-ss-slider-wrapper-inside:after {
  display: none;
}

.gallery-in-page {
  padding: 0px;

  background-color: #ddd;

  border: 1px solid #ccc;
}

.gallery-in-page .n2-ss-slider-controls {
  border-top: 1px solid #aaa;
}

.gallery-in-page .nextend-thumbnail-inner .n2-thumbnail-dot {
  border: 2px solid #ccc !important;
}

.gallery-in-page .nextend-thumbnail-inner .n2-active {
  border: 2px solid #29b831 !important;
}

.compliance-page .bg-sky-blue {
  background-color: #4695f786;

  padding: 10px;
}

.compliance-page .bg-sky-blue .padding {
  border: 1px;
}





/* ----------------------------------------------- */



.compliance-page .bg-sky-blue .padding {

  border: 1px solid white;

  padding: 20px 40px;

}

.contact-profile-gallery .contact-profile .contact-person-img{

  max-width: 150px;

  max-height: 150px;

  margin-bottom: 30px;

  border-radius: 50%;

}

.contact-profile-gallery .contact-profile h2{

  margin-bottom: 30px;

  font-family: var(--font-family-ph);

  font-weight: bold;

}

.contact-profile-gallery .contact-profile h5{

  color: #fff;

  font-family: var(--font-family-ph);

  margin-bottom: 20px;

  font-weight: bold;

}

.contact-profile-gallery .contact-profile{

  border: 1px solid white;

  height: 100%;

  padding: 40px 20px;

  color:#fff;

  text-align: center;

}

.contact-profile-gallery .col-padding{

  padding: 10px;

  background-color: #2969b8;

  height: 100%;

}

.contact-profile-gallery .contact-profile a{

  color: white;

}

.contact-profile-gallery .contact-profile a:hover{

  color: #ccc;

}

.contact-profile-gallery .contact-profile p{

  margin-bottom: 5px;

}

.contact-profile-gallery .para{

  margin-top: 60px;

  text-align: justify;



}

.sologan .sologan-text{

  background-image: url('/wp-content/themes/ns_theme/images/sologon-bg.jpg');

  background-size: cover;

  background-repeat: no-repeat;

  padding: 50px 100px;

  min-height: auto;

box-shadow: inset 0 0 0 2000px rgba(13, 58, 126, 0.33);

  color: white;

  position: relative;

  margin-bottom: -100px;

  font-family: var(--font-family-ph);

  margin-top: 50px;

  z-index: 9;

  border-radius: 10px;

}

.sologan .sologan-text img{

  position: absolute;

  bottom: 0;
  DISPLAY: NONE;
  left: 40px;

  z-index: 2;

}

.who-we-are-page h5{

  font-family: var(--font-family-ph);

  font-weight: bold;

/*   color: #22ee2d; */

}

.who-we-are-page .bod-box{

  background-color: #2969b8;

  padding: 30px;

  min-height: 270px;

  margin-top: 30px;

  border-top-right-radius: 30px;

  color: white;

}

.who-we-are-page .bod-box h6{

  margin-bottom: 20px;

}

.who-we-are-page .bod-box {

  --b: 3px;  /* border thickness*/

  --s: 30px; /* size of the corner*/

  --g: 25px; /* the gap*/

  --c: #9dc6f8d3;

  

  padding: calc(var(--b) + var(--g));

  background-image:

      conic-gradient(from  90deg at top    var(--b) left  var(--b),#0000 25%,var(--c) 0),

      conic-gradient(from -90deg at bottom var(--b) right var(--b),#0000 25%,var(--c) 0);

  background-position:

      var(--_p,0%) var(--_p,0%),

      calc(100% - var(--_p,0%)) calc(100% - var(--_p,0%));

      background-size: var(--s) var(--s);

      background-repeat: no-repeat;

      cursor: auto;

      transition: 

      background-position .3s var(--_i,.3s), 

      background-size .3s calc(.3s - var(--_i,.3s));

}

.who-we-are-page .bod-box.alt {

      background-image:

      conic-gradient(from 180deg at top    var(--b) right var(--b),#0000 25%,var(--c) 0),

      conic-gradient(from   0deg at bottom var(--b) left  var(--b),#0000 25%,var(--c) 0);

      background-position:

      calc(100% - var(--_p,0%)) var(--_p,0%),

      var(--_p,0%) calc(100% - var(--_p,0%));

}

.who-we-are-page .bod-box:hover {

      background-size: calc(100% - var(--g)) calc(100% - var(--g));

      --_p: calc(var(--g)/2);

      --_i: 0s;

}

.who-we-are-page .who-we-are-content a{

  color: #2969b8;

} 

.who-we-are-page .who-we-are-content .padding-10{

  padding: 5px 20px;

  background-color: #2969b8;

  display: inline-block;

  margin-bottom: 50px;

}

.who-we-are-page .who-we-are-content h4{

  border-top: 1px solid #9dc6f8d3;

  color: white;

  font-family: var(--font-family-ph);

  padding: 7px 20px;

  margin-bottom: 0px;

  border-bottom: 1px solid #9dc6f8d3;

}

.who-we-are-page .who-we-are-content{

  margin-bottom: 30px;

  border: 3px solid #649de5;

  padding: 0px 40px;

  padding-bottom: 30px;
margin-top:30px;

  text-align: justify;
position:relative;

}
.who-we-are-page .who-we-are-content .w-w-r-title{
margin-top:-30px;
}

.who-we-are-page .who-we-are-content .about-u-kyaw-hlaing p{

  margin-bottom: 5px;

}

.who-we-are-page .who-we-are-content img{

  margin-top: 30px;

  border-radius: 50%;

  padding: 5px;

  border: 3px solid #29b831;

  max-width: 200px;

  margin: auto;

  display: flex;



}

.who-we-are-page .who-we-are-content .row.align-items-center{

  margin-bottom: 30px;

}

.organization-chart-page .organization-chart-content{

  margin-top: 50px;

}

.bg-sky-blue{

  background-color: #4695f786;

  padding: 10px;

}

.bg-sky-blue .padding {

  border: 1px solid white;

  padding: 20px 40px;

}

.history-page .about-img {

  position: relative;

  margin-right: 40px;

  border-radius: 10px;

}

.history-page .about-img img{

  position: relative;

}

.history-page .about-img .bg-blue {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  right: -40px;

  bottom: -30px;

  background: #2969b8;

  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;

}

.history-page .about-img img{

  border-top-left-radius: 30px;

  border-top-right-radius: 30px;

}

.history-page{

background: url(/wp-content/themes/ns_theme/images/com-bg.png);

/* background-size: contain; */

background-repeat: no-repeat;

background-position: top center;

}

.pagination .page-numbers.current{

     color: #29b831;

     background-color: #29b8302d;

}

.pagination .page-numbers{

  color: #111111;

padding: 5px 12px;

border: 1px solid #29b831;

margin-right: 2px;

}

.pt-40{

  padding-top: 40px;

}

.single-page .padding{

  padding: 5px 10px;

  background-color: #2969b8;

}

.single-page .padding .single-blog-title{

  border-top: 1px solid #9dc6f8d3;

  color: white;

  padding: 7px 5px;

  margin-bottom: 0px;

  border-bottom: 1px solid #9dc6f8d3;

}

.single-page .custom-sidebar h4,.single-page h3{

  font-family: var(--font-family-ph);

  margin-bottom: 0px;

  padding: 10px 0px;

  font-weight: bold;

}

.single-page .custom-sidebar{

  margin-bottom: 30px;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.single-page .custom-sidebar .all-posts{

  padding: 20px 15px 0px 15px;

  border: 1px solid #edf2fd;

}

.single-page h3{

 

  margin-top: 0px;

  padding-top: 0px;

}

#gallery-1 .gallery-item {

  float: left;

  margin-top: 7px !important;

  text-align: center;

  width: 33%;

  margin-bottom: 0px;

}

#menu-main-menu .menu-item{

  padding: 0px 25px;

  font-weight: bold;

}
#menu-main-menu .menu-item a{

  padding-right: 0px;
  padding-left: 0px;

}


.fadeIt {

  transition: opacity 1s ease-in;

}

.fadeItOut { opacity: 0; }

.fadeItIn { opacity: 1; }

.video-page .our-video{

  margin: auto;
  margin-bottom: 20px;

}
.video-page .our-video iframe{
  max-width: 100%;
  border: 7px solid #bed9fa;
  max-height: 309px;
}
.services-page {

  background: url(/wp-content/themes/ns_theme/images/com-bg.png);

  /* background-size: contain; */

  background-repeat: no-repeat;

  background-position: top center;

}

.services-page .service-detail .icon img{

  margin: auto;

  width: 40px;

}

.services-page .service-detail .icon .service-icon{

  padding: 10px;

  width: 51px;

  border-radius: 50px;

  background: white;

  border: 1px solid green;

}

.service-slide .service-box img{

  max-width: 45px;

}

.page-id-85 .h-white{

  border-bottom: 180px solid #FAFDFB;

}

.h-news .news-blog img{

  border: 1px solid #ccc;

}

.home .partner-wrapper .slick-arrow:before {

  display: none;

}

.csr-page .mission-vision-section .mission-vision-box{

  color: rgba(255, 255, 255, 0.76);

  padding: 35px 20px 10px 20px;

  text-align: center;

  min-height: 350px;

}

.csr-page .mission-vision-section .col-lg-4:nth-child(1) .mission-vision-box,.csr-page .mission-vision-section .col-lg-4:nth-child(1) .mission-vision-box h3{

  background: #29b831;

}

.csr-page .mission-vision-section .mission-vision-box hr{

  margin-top: -25px;

  margin-bottom: 40px;

  border-color: rgba(255, 255, 255, 0.356);

}

.csr-page .mission-vision-section .col-lg-4:nth-child(2) .mission-vision-box,.csr-page .mission-vision-section .col-lg-4:nth-child(2) .mission-vision-box h3{

  background: #ef0c06;

}

.csr-page .mission-vision-section .col-lg-4:nth-child(3) .mission-vision-box,.csr-page .mission-vision-section .col-lg-4:nth-child(3) .mission-vision-box h3{



  background: #2969b8;

}

.csr-page .mission-vision-section{

  margin-top: 50px;

}

.csr-page .mission-vision-section .mission-vision-box h3{

  font-family: var(--font-family-ph);

  display: inline-block;

  padding: 0px 10px;

  color: rgba(255, 255, 255, 0.897);

}

.csr-page .csr-education-bg-section{

  padding: 60px 0px;

  background: url('/wp-content/themes/ns_theme/images/edu-bg.png');

  background-size: cover;

 

}

.csr-page .csr-education-bg-section .ehse-box{

  min-height: 200px;

  margin-bottom: 15px;

  padding: 30px;

  padding-bottom: 0px;

  margin-top: 15px;

}

.csr-page .csr-education-bg-section .ehse-box h4{

  font-family: var(--font-family-ph);

  margin-bottom: 15px;

  font-weight: bold;

  color: #29b831;

}

.csr-page .csr-education-bg-section .ehse-box h4 .first-letter{

  color: #111111;

}

.pt-80.gallery-page .our-gallery img{

  max-width: 100% !important;

  height: auto !important;

  margin-top: 10px;

}

.pt-80.gallery-page .our-gallery H4{

  margin-top: 50px;

}





.gallery-page [data-toggle="collapse"] .fa:before {  

  content: "\002B";

}



.gallery-page  [data-toggle="collapse"].collapsed .fa:before {

  content: "\2212";

}



.gallery-page  .my-collapse-class {

  display: none;

}

.gallery-page   .my-collapse-class.show{

  display: block;

} 



.gallery-page  .my-collapse-class.fadeIt {

  transition: opacity 0.2s ease-in;

}

.gallery-page .card-header a{

  width: 100%;

  display: flex;

  justify-content: space-between;

}

.gallery-page .card-header h5{

  margin: 0px;

  color: #29b831;

  font-weight: bold;

  font-family: var(--font-family-ph);

}

.gallery-page .card-header{

  padding: 5px 0px;

}

.gallery-page h4{

  color: white;

  padding: 7px 15px;

  font-weight: bold;

  background-color: #2969b8;

  font-family: var(--font-family-ph);

}

.gallery-page .card-header a:hover{

  text-decoration: none;

}

.gallery-page .card-header:hover h5{

  color: #05700a;

}

.n2-font-1bc0f869f2100043a30427cdfe9ebf36-simple ,.n2-font-8b51224331d87fb4b1cbffb7139b2e9c-simple {

  font-style: normal !important;

  font-family: var(--font-family-mu) !important;

  font-size: 16px !important;

}

.n2-font-8b51224331d87fb4b1cbffb7139b2e9c-simple{

  font-weight: bold !important;

}



a[aria-expanded=true] .fa-plus,[aria-expanded=false] .fa-minus{

  display:none;

}

a[aria-expanded=true] .fa-minus,[aria-expanded=false] .fa-plus{

  display:block;

}

.career-page .post-job-bx{
  margin: 0;
  padding: 0;
  list-style: none;
}

.career-page .post-job-bx>li {
  margin-bottom: 30px;
}

.career-page .post-job-bx .post-bx {
  padding: 25px;
  background-color: #fff;
  border-left: 5px solid #93c0f7;
  border-radius: 4px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  display: block;
  position: relative;
}

.career-page .post-job-bx>li:nth-of-type(odd) .post-bx {
  background-color: #f9faff;
}

.career-page .job-post-info.m-a0 {
  margin: 0!important;
}

.career-page .post-job-bx h4 {
  margin-bottom: 10px;
  font-size: 1.5rem;
  line-height: 28px;
}

.career-page .post-job-bx h4 a{
  color: #2969b8;
  font-family: var(--font-family-ph);
  font-weight: bold;
}
.career-page .post-job-bx ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.career-page .job-time a:hover span, .job-time span {
  -webkit-transition: all .5s;
  transition: all .5s;
}
.career-page .job-time {
  margin-top: 20px;
}
.career-page .job-time span {
  border-radius: 4px;
  background-color: #4699ff;
  display: block;
  font-size: 15px;
  padding: 2px 10px;
  color: white;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
}

.career-page .job-post-info .posted-info {
  background-color: #e1e7ff;
  padding: 8px 10px;
  margin-top: 10px;
}
.career-page .job-post-info br{
  display: none;
}
.career-page .job-post-info li{
  list-style: disc;
}
.career-page .job-post-info ul{
  padding-left: 20px;
}
.career-page .job-post-info .posted-info p{
  margin-top: 2px;
  margin-bottom: 0px;
  font-weight: bold;
}

.career-page .job-read-button{
  color: #fff;
  padding: 5px 20px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0 solid transparent;
  line-height: 1.42857;
  border-radius: 50px;
  font-weight: 400;
  text-align: center;
  background-color: #29b831;
  white-space: pre;
}

.career-page .post-job-bx .post-bx:hover {
  border-color: #2969b8;
}

.career-page .top-header #site-nav{
  padding-left: 0px;
  padding-right: 0px;
}
#site-nav #menu-main-menu li:last-child {
  padding-right: 0px;
}
#site-nav #menu-main-menu li:first-child#menu-item-6 {
padding-left: 0px;
}
.pb-20{
  padding-bottom: 20px;
}
#site-nav .dropdown-menu:before {
content: '';
border-bottom: 10px solid #dde6ef;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
top: -10px;
left: 45%;
position: absolute;
}
#site-nav .menu ul.dropdown-menu {
  top: 50px;
  border: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  border: none;
  background-color:#dde6ef;
}
.navbar-expand-lg .navbar-nav .dropdown-menu li a:before{
  content: url('/wp-content/themes/ns_theme/images/logo-icon.png');
  max-width: 27px;
  height: 27px;
  margin-right: 10px;
  background: white;
  padding: 4px;

  padding-top: 3px;
  padding-left: 3px;
}
.n2-ss-section-main-content.n2-ss-layer-with-background.n2-ss-layer-content {
  transition: none;
}
.career-page .job-post-info .address{
  color: #2969b8;
}
.career-page .job-vac{
  color: #29b831;
  font-weight: bold;
  text-transform: uppercase;
}
.single-career .job-time span {
  border-radius: 4px;
  background-color: #4699ff;
  display: block;
  font-size: 15px;
  padding: 2px 10px;
  display: inline-block;
  color: white;
  text-align: center;
  text-transform: capitalize;
}

.single-career h4{
  font-family: var(--font-family-ph);
  font-weight: bold;
}
.single-career .address{
  color: #2969b8;
  font-weight: bold;
}
.single-career .static-text a, .single-career .static-text a:hover{
  color: #2969b8;
}
.footer{
  overflow: hidden;
}
.mm-navbars_top .mm-navbar.mm-navbar_has-btns{
  display: inline-block;
}
.mm-navbars_top .mm-navbar-img{
  max-width: 17%;
}
.menu #site-nav .container{
  justify-content: flex-end;
}
nav .mm-navbar__title{
  color: #2969b8;
  font-weight: bold;
}
.mm-menu_navbar_top-2 .mm-panels {
  top: 91px;
}
.n2-ss-slider .n2-ss-layer #n2-ss-2item1{
  font-family: var(--font-family-mu);
}
.organization-chart-content img{
  border-style: solid;
  border-width: 3px;
  border-image: linear-gradient(-45deg, #71b280a1, #134e5ec0) 1;
  padding: 30px 0px;
}
.what-we-do-page .company-details-row  .com-name-logo{
  display: flex;
  margin-top: 25px;
  margin-bottom: 30px;
  align-items: center;
}
.what-we-do-page .company-details-row  .com-name-logo img{
  max-width: 100px;
  height: auto;
	box-shadow:none;
  margin-top: 0px;
  float: left;
}
.pdding-left-1{
  padding-left: 10px;
}
.mm-listitem_selected>.mm-listitem__text{
  color: #29b831 !important;
}
[aria-current]:not([aria-current="true"]) {
  color: #29b831 !important;
}
.mm-menu a{
  color: #000 !important;
}
.what-we-do-page .company-details-row .d-lg-block{
  display: flex !important;
}

.h-news-csr-group{
  margin-bottom: 30px;
}

.h-news-csr-group .card{
  height:auto;
  overflow:hidden;
  cursor: auto;
  margin-bottom: 30px;
  position: relative;
  background-color: #03071b;
  border: 1px solid #ccc;
}
.h-news-csr-group .card img{
  cursor: auto;
}
.h-news-csr-group  h2{
  font-family: var(--font-family-ph);
  color:#fff;
  font-weight: bold;
  font-size: 28px;
  display: inline-block;
  padding:5px 20px;
  background-color: #2969b8;
}
.h-news-csr-group   .description{
  height:75px;
  width: 100%;
  padding:15px;
  cursor: auto;
  box-sizing: border-box;
  position:absolute;
  bottom:0px;
  color:#29b831;
  transition: .5s;
}
.h-news-csr-group .main-btn a{
  display:none;
  cursor: pointer;
}
.h-news-csr-group .main-btn{
  margin-top: 30px;
}
.h-news-csr-group .main-btn .normal-btn{
  display:inline;
  margin-top: 0px;
}
.h-news-csr-group   img{
  transition:.5s;
  width: 100%;
  height: auto;
  opacity: 0.8;
}  
.h-news-csr-group   p{
  color: white;
  visibility:hidden;
  opacity: 0;
}

.h-news-csr-group   .card:hover{
  cursor:pointer; 
}
.h-news-csr-group   .card:hover h2{
  color: white;
  display: block;
  padding:0px;
  background-color: unset;
}

.h-news-csr-group   .card:hover .description{
  height:60%;
  bottom:0px;
  background:#2969b8;
}

.h-news-csr-group   .card:hover p{
  opacity:1;
  visibility: visible;  
}

.h-news-csr-group   .card:hover img{
  transform:scale(1.1);
  opacity: 1;
}
/* ------------- */
.mission-vision-value-section  #accordion .card-header button:focus,.mission-vision-value-section  #accordion .card-header button{
  box-shadow: unset;
  text-decoration: none;
  color: #222;
	font-family:var(--font-family-ph);
	font-weight:bold;
	font-size:20px;
}
.contact-us-page .shops button{
  background-color: #2969b8;
  margin-bottom: 5px;
	
}



/* ------------------------------------------------------------- */
.content-center {
  justify-content: center;
  align-items: center;
  display: flex;
}
.content-center #js__text {
  position: absolute;

  margin: 0;
}
.image-wrapper {
  position: relative;
}
.popover {
  max-width: 600px !important;
  left: 100px !important;
  top: -100px !important;
}
.select-point {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
}

.select-point:focus,
.select-point:hover,
.select-point:active{
  background-color: unset !important;
  border-color: unset !important;
  box-shadow: unset !important;
}

.select-point.modal1 {
  left: 84px;
  top: 250px;
}

.select-point.modal2 {
  left: 162px;
  top: 311px;
}

.select-point.modal3 {
  left: 157px;
  top: 356px;
}

.select-point.modal4 {
  top: 465px;
  left: 194px;
}

.select-point.modal5 {
  top: 506px;
  left: 218px;
}

.select-point.modal6 {
  right: 106px;
  bottom: 24px;
  top: unset;
  left: unset;
}

.popover .arrow {
  display: none;
}
.contact-us-page .modal-content .modal-header h4{
    color: #29b831;
}
.contact-us-page .modal-content .modal-body .d-flex p{
  display: flex ;
}
.contact-us-page .modal-content .modal-body .d-flex p b{
  min-width: 80px;
}
.contact-us-page .modal.show .modal-dialog {
  margin-top: 200px;
}
.contact-us-page .modal-content .modal-body .d-flex .divider{
	width:10px;
}
.contact-us-page .modal-content .modal-body a{
	color:#000;
}
.contact-us-page .modal-content .modal-body a:hover{
	color:#222;
}
.who-we-are-page .who-we-are-content .about-u-kyaw-hlaing a{
	color:#000;
}
@media (max-width: 1600px) and (min-width: 1200px) {
  .footer .h-white {
      border-left: 650px solid transparent;
      border-right: 250px solid transparent;
      border-bottom: 150px solid white;
  }
  .csr-page .csr-education-bg-section {
      background-position: 31%;
  }
  .footer .first-footer {
      padding-top: 40px;
  }
  .footer .copyright-footer p {
      padding: 10px 10px;
  }
  .pt-80 {
      padding-top: 70px;
  }
  .compliance-page .first-para-content p{
      margin-bottom: 0px;
  }
  .pb-60 {
      padding-bottom: 50px;
  }
  .footer{
      overflow: hidden;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
 body{
      font-size: 15px;
  }
  .slick-next {
      right: -10px;
  }
  .h-companies .slick-prev {
      left: -35px;
  }
  #menu-main-menu .menu-item {
      padding: 0px 15px;
  }
  header .collapse.navbar-collapse #menu-main-menu a {
      font-size: 15px;
  }
  .mb-5, .my-5 {
      margin-bottom: 1rem!important;
  }
  .pt-5, .py-5 {
      padding-top: 1rem!important;
  }
  .pt-80 {
      padding-top: 60px;
  }
  .footer .h-white {
      border-left: 720px solid transparent;
      border-right: 200px solid transparent;
      border-bottom: 100px solid white;
  }
  .who-we-are-page .bod-box {
      min-height: 280px;
  }
  .pt-60 {
      padding-top: 40px;
  }
  .compliance-page .slick-prev.slick-arrow {
      left: -25px;
  }
  .slick-next {
      right:5px;
  }
  .compliance-page .director-blog .leader-order .long-text {
      min-height: 230px;
  }
  .pdf-section .vn-red a:before {
      font-size: 16px;
      padding: 3px 10px;
  }
  .pdf-section .vn-red a {
      padding: 3px 5px 3px 38px;
  }
  .pdf-section .pdf-box h5 {
      font-size: 16px;
  }
  .pdf-section .pdf-box .row {
      padding: 5px 20px;
  }
  .pb-60 {
      padding-bottom: 40px;
  }
  .n2-ss-slider-controls-below  .nextend-thumbnail-inner img {
      width: 100px  !important;
      height: auto  !important;
  }
  .contact-profile-gallery .contact-profile .contact-person-img {
      max-width: 100px;
      max-height: 100px;
  }
  h2{
      font-size: 1.8rem;
  }
  .pdf-section {
      margin-top: 50px;
  }
  .contact-profile-gallery .contact-profile {
      padding: 40px 10px;
  }
  .footer .first-footer .col-md-3 .foot-mail span{
      display: block;
  }
  .footer .first-footer {
      padding-top: 30px;
  }
  .what-we-do-page .company-details-row h2 {
      margin-top: 15px;
      margin-bottom: 20px;
  }
  .what-we-do-page .company-details-row {
      padding-top: 40px;
      padding-bottom: 40px;
  }
  .what-we-do-page .company-details-row .fload-image-right img {
      margin-top: -50px;
  }
  .h4, h4 {
      font-size: 1.3rem;
  }
  .what-we-do-page .director-blog h5 {
      font-size: 17px;
  }
  .what-we-do-page .director-section .director-blog {
      min-height: 560px;
  }
  .what-we-do-page .director-blog .dir-img {
      padding: 5px;
  }
  .csr-page .mission-vision-section .mission-vision-box {
      min-height: 400px;
  }
  .csr-page .csr-education-bg-section {
      background-position: 40%;
          padding: 40px 0px;
  }
  .csr-box .csr-info {
      min-height: 220px;
  }
  .h3, h3 {
      font-size: 1.45rem;
  }
  .csr-page .csr-education-bg-section .ehse-box {
      padding: 20px;
      padding-bottom: 0px;
  }
  .sologan .sologan-text {
      text-align: right;
      padding: 50px 50px;
  }
  .sologan .sologan-text h1{
      font-size: 2rem;
  }
  .single-career .job-time span {
      margin-top: 5px;
  }
  .n2-ss-slider-wrapper-inside:after {
      border-width: 0px 100px 70px 80px;
      right: -0px;
  }
  .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom {
      right: 147px;
  }
  div.sub-banner {
      height: 250px;
  }
  .n2-ss-slider-wrapper-inside:before {
      right: 180px;
      border-width: 70px 380px 0px 200px;
  }
  .h-who-we-are .h-white {
      border-left: 100px solid transparent;
      border-right: 500px solid transparent;
      border-bottom: 70px solid white;
      left: -150px;
  }
  .h-section .slick-slide h5{
      padding: 0px 15px;
  }
  .h-who-we-are{
      min-height: 600px;
      background-position: center;
  }
  .n2-ss-slider .n2-ss-layer #n2-ss-2item1{
      font-size: 24px;
      font-weight: bold;
  }
  header .web-logo img{
      max-width: 90px;
  }
  header .web-logo h4 {
    font-size: 18px;

  }
  header .web-logo h4 span {
      font-size: 16px;
  }
  .who-we-are-page .who-we-are-content .about-u-kyaw-hlaing p {
      text-align: left;
  }
  .what-we-do-page #tab-151 .com-name-logo{
      margin-bottom: 10px;
  }
  .csr-page .mission-vision-section {
      margin-top: 40px;
      margin-bottom: 20px;
  }
  .footer .copyright-footer p {
      font-size: 14px;
  }

  .select-point.modal1 {
    left: 70px !important;
    top: 210px !important;
}
.select-point.modal2 {
  left: 135px !important;
  top: 258px !important;
}
.select-point.modal3 {
  left: 130px!important;
  top: 289px!important; 
}
.select-point.modal4 {
  top: 379px !important;
  left: 160px !important;
}
.select-point.modal5 {
  top: 416px !important;
  left: 178px !important;
}
.select-point.modal6 {
  right: 99px !important;
  bottom: 74px !important;
}
.video-page .our-video iframe {
  max-width: 100%;
  border: 7px solid #bed9fa;
  max-height: 259px;
}
.csr-box .img {
  height: 176px;
}

}
@media (min-width: 768px) and (max-width: 991px) {
  header .web-logo {
      padding: 5px 0px;
  }
  .n2-ss-slider-wrapper-inside:before {
      border-width: 50px 350px 0px 80px;
      right: 120px;
  }
  .n2-ss-slider-wrapper-inside:after {
      border-width: 0px 100px 50px 20px;
      right: 0px;
  }
  .n2-ss-slider .n2-ss-layer #n2-ss-2item1{
      font-size: 1.5rem;
  }
  .pt-80 {
      padding-top: 50px;
  }
  .mb-5, .my-5 {
      margin-bottom: 1rem!important;
  }
  .history-page .about-smart {
      margin-bottom: 30px;
  }
  .pt-5, .py-5 {
      padding-top: 1rem!important;
  }
  .h-section .text-center {
      padding: 0px 100px;
  }
  
  .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom{
      right: 77px;
      margin-top: 10px;
  }
  .sologan .sologan-text {
      text-align: right;
      padding: 50px 30px;
  }
  .sologan .sologan-text h1{
      font-size: 1.7rem;
  }
  .footer .h-white {
      border-left: 520px solid transparent;
      border-right: 100px solid transparent;
      border-bottom: 80px solid white;
  }
  .h-who-we-are .h-white {
      border-left: 100px solid transparent;
      border-right: 350px solid transparent;
      border-bottom: 60px solid white;
  }
  .footer .first-footer {
      padding-top: 40px;
  }
  body{
      font-size: 14px;
  }
  .h2, h2 {
      font-size: 1.7rem;
  }
  .h3, h3 {
      font-size: 1.5rem;
  }
  .h4, h4 {
      font-size: 1.4rem;
  }
  div.sub-banner {
      height: 200px;
  }
  .sub-banner .banner-title {
      font-size: 24px;
      margin-bottom: 10px;
  }
  .who-we-are-page .who-we-are-content .padding-10 {
      margin-bottom: 30px;
  }
  .who-we-are-content .about-u-kyaw-hlaing .code{
      text-align: left;
    }
    h2.main-heading {
      font-size: 1.7rem;
          margin-bottom: 20px;
    }
    .h-news-csr-group h2 {
      font-size: 1.5rem;
    }
    .footer .first-footer .footer-info p {
      font-size: 13px;
  }
  .h-companies .slick-prev {
      left: -30px;
  }
  .footer .first-footer .col-md-3 .foot-mail span{
      display: block;
      white-space: pre;
  }
  .footer .copyright-footer p , .footer .copyright-footer p small{
     font-size: 11px;
      padding: 5px 0px;
  }
  .organization-chart-page .organization-chart-content {
      margin-top: 20px;
  }
  .pb-60 {
      padding-bottom: 40px;
  }
  .compliance-page .first-para-content p{
      margin: 0px;
  }
  .pt-60 {
      padding-top: 40px;
  }
  .compliance-page .director-blog .leader-order .long-text {
      min-height: 150px;
  }
  .slick-next {
      right: 3px;
  }
  .h-section .slick-slide h5 {
      margin-top: 20px;
      font-size: 18px;
      padding: 0px 10px;
  }
  .compliance-page .slick-prev.slick-arrow {
      left: -25px;
  }
  .pdf-section {
      padding: 0px 0px;
      margin-top: 50px;
  }
  .pdf-section .pdf-box h5 {
      font-size: 16px;
  }
  .pdf-section .vn-red a {
      padding: 3px 5px 3px 38px;
      font-size: 12px;
  }
  .pdf-section .vn-red a:before {
      font-size: 16px;
      padding: 3px 10px;
  }
  .pdf-section .pdf-box {
      padding: 0px 10px;
  }
  .contact-profile-gallery .contact-profile .contact-person-img {
      max-width: 100px;
      max-height: 100px;
      margin-bottom: 10px;
      border-radius: 50%;
  }
  .contact-profile-gallery .contact-profile h2 {
      margin-bottom: 10px;
  }
  .contact-profile-gallery .contact-profile {
      border: 1px solid white;
      height: 100%;
      padding: 20px 10px;
  }
  .n2-ss-slider-controls-below .nextend-thumbnail-inner img {
      width: 100px !important;
      height: auto !important;
  }
  .contact-profile-gallery .contact-profile h5 {
      margin-bottom: 10px;
  }
  .contact-profile-gallery .para {
      margin-top: 40px;
  }
  .footer {
      background-size: cover;
  }
  .what-we-do-page .company-details-row h2 {
      margin-top: 15px;
      margin-bottom: 10px;
      font-size: 22px;
  }
  .what-we-do-page .company-details-row h5 {
      margin-top: 0px;
      font-size: 14px;
      padding-top: 0px;
      margin-bottom: 20px;
  }
  .what-we-do-page .company-details-row {
      padding-top: 40px;
      padding-bottom: 40px;
  }
  .what-we-do-page .company-details-row .fload-image-right p {
      padding-right: 10px;
  }
  .what-we-do-page .director-section .d-row {
      display: block;
  }
  .what-we-do-page .director-section .director-blog {
      margin-bottom: 20px;
  }
  .career-page .job-time span {
      font-size: 13px;
  }
  .career-page .job-time span {
      font-size: 13px;
  }
  .custom-sidebar{
      margin-top: 30px;
  }
  .csr-page .mission-vision-section {
      margin-top: 30px;
  }
  .csr-page .mission-vision-section .mission-vision-box {
      min-height: 0px;
      margin-bottom: 20px;
  }
  .csr-page .mission-vision-section .mission-vision-box hr {
      margin-bottom: 20px;
      width: 70%;
  }
  .csr-page .csr-education-bg-section {
      padding: 30px 0px
  }
  .h5, h5 {
      font-size: 1.15rem;
  }
  .pt-80.gallery-page .our-gallery H4 {
      margin-top: 20px;
  }
  .mt-5, .my-5 {
      margin-top: 1rem!important;
  }
  .contact_us .location iframe {
      min-height: 300px;
  }
  #menu-main-menu{
      display: none;
  }
  .history-page .about-img {
      margin-bottom: 20px;
  }
  .organization-chart-content img {
      padding: 20px 0px;
      margin-top: 20px;
  }
  .contact-profile-gallery  .row{
      align-items: center;
  }
  .csr-box .csr-info h5 {
      font-size: 18px;
  }
  .csr-box .csr-info {
      min-height: 210px;
  }
  .h-who-we-are h2{
      margin-top: 50px;
  }
  .h-who-we-are{
      min-height: 480px;
  }
  .h-companies .com-slide .slick-slide .com-box h5{
      font-size: 18px;
  }
  .h-companies .com-slide .slick-slide .com-box .logo img{
      width: 80px;
      height: 78px;
  }
  .h-news .news-blog h5{
      font-size: 18px;
      margin-top: -50px;
  }
  .partners-slide img{
      padding: 10px;
  }
  .what-we-do-page .company-details-row img{
      display: flex;
      margin: auto;
      margin-bottom: 10px;
  }
  .what-we-do-page  .company-details-row .com-name-logo  img{
      margin: 0px;
  }
  .what-we-do-page .company-details-row.align-center#tab-152{
      align-items: flex-end;
  }
  .what-we-do-page .company-details-row.align-center#tab-152 img{
      margin-bottom: 40px;
  }
  .what-we-do-page .company-details-row.align-center#tab-152 .com-name-logo img{
      margin-bottom: 0px;
  }
  .com-name-logo.d-none.d-lg-block.d-sm-none{
      display:none !important;
  }
  .pt-70 {
      padding-top: 50px;
  }
  .h-news-csr-group .card:hover .description {
      height: 100%;
  }
  .main-btn a {
      padding: 6px 20px;
      font-size: 13px;
  }
  .pt-40 {
      padding-top: 30px;
  }
  .what-we-do-page #tab-153 .d-flex.d-flex-img{
      margin-bottom: 20px;
  }
 
  .select-point.modal1 {
    left: 85px !important;
    top: 260px !important;
}
.select-point.modal2 {
  left: 162px!important;
  top: 319px!important;
}
.select-point.modal3 {
  left: 160px!important;
    top: 359px!important;
}
.select-point.modal4 {
  top: 475px !important;
    left: 195px !important;
}
.select-point.modal5 {
  top: 510px !important;
    left: 218px !important;
}
.select-point.modal6 {
  right: 259px !important;
  bottom: 20px !important;
}
.csr-box .img {
  height: 205px;
}
}





@media (min-width: 550px) and (max-width: 768px) {
  header .menu {
      display: inline-block;
      float: right;
      margin-top: 0px;
  }
  header .web-logo img{
    max-width: 55px;
  }
  header .web-logo h4 {
    font-size: 20px;
  }
  header .web-logo {
    padding: 5px 0px;
}
.n2-ss-slider-wrapper-inside:before {
    border-width: 50px 350px 0px 80px;
    right: 120px;
}
.n2-ss-slider-wrapper-inside:after {
    border-width: 0px 100px 50px 20px;
    right: 0px;
}
.n2-ss-slider .n2-ss-layer #n2-ss-2item1{
    font-size: 1.5rem;
}
.pt-80 {
    padding-top: 50px;
}
.mb-5, .my-5 {
    margin-bottom: 1rem!important;
}
.history-page .about-smart {
    margin-bottom: 30px;
}
.pt-5, .py-5 {
    padding-top: 1rem!important;
}
.h-section .text-center {
    padding: 0px 0px;
}
.h-who-we-are p {
  padding-right: 0px;
}
.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls.n2-ss-slider-controls-absolute-center-bottom{
    right: 77px;
    margin-top: 10px;
}
.sologan .sologan-text {
    text-align: right;
    padding: 50px 30px;
}
.sologan .sologan-text h1{
    font-size: 1.19rem;
}
.footer .first-footer .col-md-3 {
  padding-left: 15px;
}
.footer .first-footer .col-md-3 .foot-mail {
  margin-top: 0px;
  display: flex;
}
.who-we-are-page .who-we-are-content .w-w-r-title {
  text-align: center;
}
div.sub-banner {
  background-size: cover !important;
  background-position: center !important;
}
.sologan .sologan-text img {
  left: 0px;
}
.footer .h-white {
    border-left: 520px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 80px solid white;
}
.h-who-we-are .h-white {
    border-left: 100px solid transparent;
    border-right: 350px solid transparent;
    border-bottom: 60px solid white;
}
.footer .first-footer {
    padding-top: 40px;
}
body{
    font-size: 14px;
}
.h2, h2 {
    font-size: 1.7rem;
}
.h3, h3 {
    font-size: 1.5rem;
}
.h4, h4 {
    font-size: 1.4rem;
}
div.sub-banner {
    height: 200px;
    background-position: center left !important;
    background-size: cover !important;
}
.sub-banner .banner-title {
    font-size: 24px;
    margin-bottom: 10px;
}
.who-we-are-page .who-we-are-content .padding-10 {
    margin-bottom: 30px;
}
.who-we-are-content .about-u-kyaw-hlaing .code{
    text-align: left;
  }
  h2.main-heading {
    font-size: 1.7rem;
        margin-bottom: 20px;
  }
  .h-news-csr-group h2 {
    font-size: 1.5rem;
  }
  .footer .first-footer .footer-info p {
    font-size: 13px;
}
.h-companies .slick-prev {
    left: -30px;
}
.footer .first-footer .col-md-3 .foot-mail span{
    display: block;
    white-space: pre;
}
.footer .copyright-footer p , .footer .copyright-footer p small{
   font-size: 11px;
    padding: 5px 0px;
}
.organization-chart-page .organization-chart-content {
    margin-top: 20px;
}
.pb-60 {
    padding-bottom: 40px;
}
.compliance-page .first-para-content p{
    margin: 0px;
}
.pt-60 {
    padding-top: 40px;
}
.compliance-page .director-blog .leader-order .long-text {
    min-height: 150px;
}
.slick-next {
    right: 3px;
}
.h-section .slick-slide h5 {
    margin-top: 20px;
    font-size: 18px;
    padding: 0px 10px;
}
.compliance-page .slick-prev.slick-arrow {
    left: -25px;
}
.pdf-section {
    padding: 0px 0px;
    margin-top: 50px;
}
.pdf-section .pdf-box h5 {
    font-size: 16px;
    margin-top: 20px;
}
.what-we-do-page .director-blog .align-center {
  text-align: center;
}
.pdf-section .vn-red a {
  padding: 3px 15px 3px 48px;
    font-size: 12px;
}
.pdf-section .vn-red a:before {
    font-size: 16px;
    padding: 3px 10px;
}
.pdf-section .pdf-box {
    padding: 0px 10px;
    text-align: center;
}
.pdf-section .pdf-box .vn-red{
  margin:20px 0px;
}
.contact-profile-gallery .contact-profile .contact-person-img {
    max-width: 100px;
    max-height: 100px;
    margin-bottom: 10px;
    border-radius: 50%;
}
.contact-profile-gallery .contact-profile h2 {
    margin-bottom: 10px;
}
.contact-profile-gallery .contact-profile {
    border: 1px solid white;
    height: 100%;
    padding: 20px 10px;
}
.n2-ss-slider-controls-below .nextend-thumbnail-inner img {
    width: 100px !important;
    height: auto !important;
}
.contact-profile-gallery .contact-profile h5 {
    margin-bottom: 10px;
}
.contact-profile-gallery .para {
    margin-top: 40px;
}
.footer {
    background-size: cover;
}
.what-we-do-page .company-details-row h2 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 22px;
}
.what-we-do-page .company-details-row h5 {
    margin-top: 0px;
    font-size: 14px;
    padding-top: 0px;
    margin-bottom: 20px;
}
.what-we-do-page .company-details-row {
    padding-top: 40px;
    padding-bottom: 40px;
}
.what-we-do-page .company-details-row .fload-image-right p {
    padding-right: 10px;
}
.what-we-do-page .director-section .d-row {
    display: block;
    text-align: center;
}
.what-we-do-page .director-section .director-blog {
    margin-bottom: 20px;
}
.career-page .job-time span {
    font-size: 13px;
    margin-bottom: 5px;
}
.single-career .job-time span {
  margin-bottom: 5px;
}
.custom-sidebar{
    margin-top: 30px;
}
.csr-page .mission-vision-section {
    margin-top: 30px;
}
.csr-page .mission-vision-section .mission-vision-box {
    min-height: 0px;
    margin-bottom: 20px;
}
.csr-page .mission-vision-section .mission-vision-box hr {
    margin-bottom: 20px;
    width: 70%;
}
.csr-page .csr-education-bg-section {
    padding: 30px 0px
}
.h5, h5 {
    font-size: 1.15rem;
}
.pt-80.gallery-page .our-gallery H4 {
    margin-top: 20px;
}
.mt-5, .my-5 {
    margin-top: 1rem!important;
}
.contact_us .location iframe {
    min-height: 300px;
}
#menu-main-menu{
    display: none;
}
.history-page .about-img {
    margin-bottom: 20px;
}
.organization-chart-content img {
    padding: 20px 0px;
    margin-top: 20px;
}
.contact-profile-gallery  .row{
    align-items: center;
}
.csr-box .csr-info h5 {
    font-size: 18px;
}
.csr-box .csr-info {
    min-height: 210px;
}
.h-who-we-are h2{
    margin-top: 50px;
}
.h-who-we-are{
    min-height: 480px;
}
.h-companies .com-slide .slick-slide .com-box h5{
    font-size: 18px;
}
.h-companies .com-slide .slick-slide .com-box .logo img{
    width: 80px;
    height: 78px;
}
.h-news .news-blog h5{
    font-size: 18px;
    margin-top: -50px;
}
.partners-slide img{
    padding: 10px;
}
.what-we-do-page .company-details-row img{
    display: flex;
    margin: auto;
    margin-bottom: 10px;
}
.what-we-do-page  .company-details-row .com-name-logo  img{
    margin: 0px;
}
.what-we-do-page .company-details-row.align-center#tab-152{
    align-items: flex-end;
}
.what-we-do-page .company-details-row.align-center#tab-152 img{
    margin-bottom: 40px;
}
.what-we-do-page .company-details-row.align-center#tab-152 .com-name-logo img{
    margin-bottom: 0px;
}
.com-name-logo.d-none.d-lg-block.d-sm-none{
    display:none !important;
}
.pt-70 {
    padding-top: 50px;
}
.h-news-csr-group .card:hover .description {
    height: 100%;
}
.main-btn a {
    padding: 6px 20px;
    font-size: 13px;
}
.pt-40 {
    padding-top: 30px;
}
.what-we-do-page #tab-153 .d-flex.d-flex-img{
    margin-bottom: 20px;
}
.csr-page .csr-education-bg-section .ehse-box {
  min-height: 0px;
  padding-top: 10px;
}
.video-page .our-video iframe {
  width: 100%;
  height: 189px;
}

.select-point.modal1 {
  left: 80px !important;
    top: 230px !important;
}
.select-point.modal2 {
  left: 152px!important;
  top: 290px!important;
}
.select-point.modal3 {
  left: 145px!important;
  top: 329px!important;
}
.select-point.modal4 {
  top: 435px !important;
  left: 180px !important;
}
.select-point.modal5 {
  top: 470px !important;
  left: 202px !important;
}
.select-point.modal6 {
  right: 112px !important;
  bottom: 20px !important;
}
	.contact-us-page .modal.show .modal-dialog {
  margin-top: 100px;
}
.csr-box .img {
  height: 179px;
}

}

@media(max-width: 549px){
  header .web-logo {
      padding: 5px 0px;
  }
  header .web-logo img{
      max-width: 20%;
  }
  .menu #site-nav{
      padding: 0px;
  }
  header .menu{
      display: inline-block;
      float: right;
      margin-top: -40px;
  }
  .mm-menu_offcanvas.mm-menu_opened {
      display: block;
      z-index: 9999;
  }
  .history-page .about-img .bg-blue {
      bottom: -20px;
  }
  .n2-ss-slider-wrapper-inside:before {
      border-width: 50px 350px 0px 80px;
      right: 120px;
  }
  .pt-80 {
      padding-top: 30px;
  }
  .mb-5, .my-5 {
      margin-bottom: 1rem!important;
  }
  .history-page .about-smart {
      margin-bottom: 30px;
      text-align: justify;
  }
  .history-page .about-img .bg-blue {
      right: -10px;
      margin-bottom: 10px;
  }
  .history-page .about-img {
      margin:auto;
      margin-right: 15px;
  }
  .bg-sky-blue .padding {
      padding: 20px 5px;
  }
  .pt-5, .py-5 {
      padding-top: 1rem!important;
  }
  .sologan .sologan-text {
      text-align: right;
      padding: 30px 35px;
  }
  .sologan .sologan-text h1{
      font-size: 1.5rem;
      text-align: center;
  }
  .footer .first-footer h2 {
      margin-top: 20px;
  }
  .footer .first-footer .col-md-3 {
      padding-left: 15px;
  }
  .footer .h-white {
      border-left: 520px solid transparent;
      border-right: 100px solid transparent;
      border-bottom: 80px solid white;
  }
  .footer .first-footer {
      padding-top: 40px;
  }
  body{
      font-size: 14px;
  }
  .h2, h2 {
      font-size: 1.4rem;
  }
  .h3, h3 {
      font-size: 1.35rem;
  }
  .h4, h4 {
      font-size: 1.3rem;
  }
  .pt-70 {
    padding-top: 30px;
  }
  h2.main-heading {
    margin-bottom: 20px;
  }
  .h-section .slick-dots li button, .h-section .slick-dots li.slick-active button {
    width: 8px !important;
    height: 8px !important;
  }
  .slick-dots li {
    width: 15px;
    height: 25px
  }
  .h-section .slick-slide h5 {
    margin-top: 20px;
  }
  .h-section .slick-slide h5 {
      font-size: 18px;
  }
  .h-who-we-are h2 {
    margin-top: 60px;
  }
  .h-who-we-are p {
    padding-right: 0px;
    text-align: justify;
  }
  .h-who-we-are {
    min-height: 540px;
  }
  .h-companies .slick-next:before ,.h-companies .slick-prev:before,.compliance-page .slick-next:before,.compliance-page .slick-prev:before{
      background-size: 10px 20px;
      background-size: 30px 40px;
      display: block;
      width: 50px;
      background-repeat: no-repeat;
      height: 40px;
      content: "";
      background-image: url(https://api.iconify.design/fluent/ios-arrow-24-regular.svg?width=50&height=98&flip=horizontal);
  }
  .h-companies .slick-prev:before,.compliance-page .slick-prev:before{ 
    background-image: url(https://api.iconify.design/fluent/ios-arrow-24-regular.svg?width=50&height=98);
  }
  .h-companies .slick-prev {
    left: -10px !important;
    }
      .slick-next {
        right: 8px !important;
    }
    .h-news-csr-group .card:hover .description {
      height: 100%;

    }
    .h-news-csr-group h2 {
      font-size: 20px;
    }
    .h-news-csr-group .main-btn {
      margin-top: 10px;
    }
    .main-btn a {
      padding: 5px 20px;
    }
    .h-partners .partner-wrapper img{
      padding: 20px;
    }
    .h-companies .com-slide .slick-slide .com-box h5{
      font-size: 18px;
    }
      .main-btn {
        margin-top: 30px;
    }
  div.sub-banner {
    height: 65px;
    background-size: contain !important;
      background-position: center !important;
      box-shadow: unset;
  }
  div.sub-banner .container{
    display: none;
  }
  .compliance-page .first-para-content {
      padding: 0px 15px;
  }
  .sub-banner .banner-title {
      font-size: 22px;
      margin-bottom: 10px;
  }
  .sologan .sologan-text img {
      display: none;
  }
  .who-we-are-page .who-we-are-content .padding-10 {
      margin-bottom: 30px;
      padding: 5px 10px;
  }
  .who-we-are-page .about-u-kyaw-hlaing{
      padding: 20px 15px 0px 15px;
  text-align: center;
  }
  .who-we-are-content .about-u-kyaw-hlaing .code {
      text-align: center;
  }
 
    h2.main-heading {
      font-size: 1.4rem;
    }
    .footer .first-footer .footer-info p {
      font-size: 13px;
  }
  
  .footer .copyright-footer p , .footer .copyright-footer p small{
     font-size: 11px;
      padding: 5px 0px;
      text-align: center;
  }
  .organization-chart-page .organization-chart-content {
      margin-top: 20px;
  }
  .pb-60 {
      padding-bottom: 20px;
  }
  .compliance-page .first-para-content p{
      margin: 0px;
  }
  .pt-60 {
      padding-top: 20px;
  }
  .who-we-are-page .bod-box h6 {
      font-size: 15px;

  }
  .compliance-page .director-blog .leader-order .long-text {
      min-height: 150px;
  }
  .slick-next {
      right: 20px;
  }
  .slick-prev, .slick-next {
      width: 15px;
      height: 15px;
  }
  .compliance-page .director-blog .detail-info .personal-detail-info {
      padding-left: 10px;
  }
  .compliance-page .director-blog .detail-info {
      max-width: 90%;
  }
  .compliance-page .director-blog .detail-info img {
      max-width: 80px;
  }
  .compliance-page .slick-prev.slick-arrow {
      left: -5px;
  }
  .compliance-page .slick-next.slick-arrow {
    right: 10px !important;
}
.leader-box {
  padding: 15px;
}
.what-we-do-page .with-bg-img, .compliance-page{
  overflow-x: hidden;
}
  .pdf-section {
      padding: 0px 0px;
      margin-top: 50px;
  }
  .pdf-section .pdf-box .dir-img img{
      display: flex;
      margin: auto;
  }
  .pdf-section .pdf-box h5 {
      font-size: 16px;
      margin-top: 15px;
      text-align: center;
      margin-bottom: 20px;
  }
  .pdf-section .pdf-box .row {
      padding: 30px 20px;
  }
  .sologan .sologan-text {
      margin-top: 20px;
  }
  .what-we-do-page .logo-bg{
      display: none;
  }
  .what-we-do-page .company-details-row .pl-0 {
      padding-right: 15px;
      padding-left: 15px !important;
  }
  .what-we-do-page .company-details-row .pr-30 {
      padding-right: 15px;
  }
  .what-we-do-page .director-blog .pl-0 {
      padding-left: 15px !important;
      text-align: center;
  }
  .what-we-do-page .company-details-row.flex-end-content  .d-sm-none{
      display: none !important;
  }
  .what-we-do-page .director-section .director-blog {
      text-align: center;
  }
  .what-we-do-page .company-details-row .d-flex-img img {
      max-width: 100%;
  }
  .what-we-do-page .company-details-row .d-flex-img {
      display: block !important;
  }
  .what-we-do-page .director-blog h5 {
      font-size: 16px;
  }
  .what-we-do-page .company-details-row p {
    text-align: justify;
  }
  .pdf-section .vn-red a {
      margin-top: 10px;
      margin-bottom: 10px;
  }
  .compliance-page .bg-sky-blue .padding {
      padding: 20px 15px;
  }
  /* .pdf-section .vn-red{
    display: flex;
    justify-content: center;
  } */
  .pdf-section .vn-red a {
      padding: 3px 2px 3px 30px;
      font-size: 11px;
      margin: 0px 2px;
     display:block;
     /* max-width: 50%; */
  }
  .pdf-section .vn-red a:before {
    font-size: 12px;
    padding: 3px 10px;
  }
  .pdf-section .pdf-box {
      padding: 0px 10px;
  }
  .contact-profile-gallery .contact-profile .contact-person-img {
      max-width: 100px;
      max-height: 100px;
      margin-bottom: 10px;
      border-radius: 50%;
  }
  .contact-profile-gallery .contact-profile h2 {
      margin-bottom: 10px;
  }
  .contact-profile-gallery .contact-profile {
      border: 1px solid white;
      height: 100%;
      padding: 20px 10px;
  }
  .n2-ss-slider-controls-below .nextend-thumbnail-inner img {
      width: 100px !important;
      height: auto !important;
  }
  .contact-profile-gallery .contact-profile h5 {
      margin-bottom: 10px;
  }
  .contact-profile-gallery .para {
      margin-top: 20px;
  }
  .footer {
      background-size: cover;
      padding-bottom: 10px;
  }
  .what-we-do-page .company-details-row h2 {
      margin-top: 15px;
      margin-bottom: 10px;
      font-size: 20px;
  }
  .what-we-do-page .company-details-row h5 {
      margin-top: 0px;
      font-size: 14px;
      padding-top: 0px;
      margin-bottom: 20px;
  }
  .what-we-do-page .company-details-row {
      padding-top: 20px;
      padding-bottom: 20px;
  }
  .what-we-do-page .company-details-row .com-name-logo {
      margin-top: 0px;
      margin-bottom: 20px;
  }
  .what-we-do-page .company-details-row .fload-image-right img {
      margin: auto;
      display: flex;
      float: none;
      margin-bottom: 10px;
  }
  .what-we-do-page .company-details-row img{
      display: flex;
      
      margin: auto;
      margin-bottom: 10px;
  }
  .what-we-do-page .company-details-row .com-name-logo img {
      margin: 0px;
      margin-bottom: 0px;
  }
  .what-we-do-page .company-details-row .fload-image-right p {
      padding-right: 10px;
  }
  .what-we-do-page .director-section .d-row {
      display: block;
  }
  .what-we-do-page .director-section .director-blog {
      margin-bottom: 20px;
  }
  .career-page .job-time span {
      font-size: 13px;
  }
  .career-page .job-time span {
      font-size: 13px;
      margin-bottom: 5px;
  }

  .career-page .job-read-button {
      float: left !important;
      margin-top: 5px;
      margin-bottom: 5px;
  }
  .custom-sidebar{
      margin-top: 30px;
  }
  .csr-page .mission-vision-section {
      margin-top: 30px;
  }
  .csr-page .mission-vision-section .mission-vision-box {
      min-height: 0px;
      margin-bottom: 20px;
  }
  .csr-page .mission-vision-section .mission-vision-box hr {
      margin-bottom: 20px;
      width: 70%;
  }
  .csr-page .csr-education-bg-section {
      padding: 20px 0px 20px 0px;
  }
  .csr-page .csr-education-bg-section .ehse-box {
      padding: 0px
  }
  .csr-box {
      margin-top: 20px;
  }
  .career-page .post-job-bx h4 {
      font-size: 1.15rem;
      margin-bottom: 0px;
  }
  .career-page .post-job-bx .post-bx {
      padding: 30px 15px;
  }
  .career-page .post-job-bx>li {
      margin-bottom: 10px;
  }
  .single-career .job-time span {
      margin-bottom: 5px;
  }
  .single-page .custom-sidebar h4, .single-page h3 {
      padding: 0px 0px;
  }
  .single-page .custom-sidebar .sidebar-blog-info .title {
      font-size: 14px;
  }
  .h5, h5 {
      font-size: 1.15rem;
  }
  .pt-80.gallery-page .our-gallery H4 {
      margin-top: 20px;
  }
  .mt-5, .my-5 {
      margin-top: 1rem!important;
  }
  .contact_us .location iframe {
      min-height: 300px;
  }
  .contact_us .contact-info {
      position: relative;
  }
  .who-we-are-page .who-we-are-content {
      padding: 0px 15px;
  }
  .who-we-are-page .who-we-are-content h4 {
      padding: 7px 0px;
      font-size: 1.1rem;
  }
  .who-we-are-page .who-we-are-content .row.align-items-center {
      margin-bottom: 10px;
  }
  .who-we-are-page .who-we-are-content {
      margin-bottom: 10px;
  }
  .who-we-are-page .bod-box {
      margin-top: 20px;
  }
  .footer .h-white {
      left: 2px;
  }
  .who-we-are-page .who-we-are-content .w-w-r-title {
      text-align: center;
  }
  .organization-chart-content img {
      border-width: 1px;
      padding: 10px 0px;
  }
  .my-collapse-class.fadeIt.fadeItOut.collapse.show{
      opacity: 1;
  }
  .gallery-page .accordion .fadeItOut{
      opacity: 1;
  }
  .video-page .our-video iframe{
      width: 100%;
      height: 160px;
  }
  .h-section .text-center {
      padding: 0px 0px;
  }
  .n2-ss-slider-wrapper-inside:after , .n2-ss-slider-wrapper-inside:before{
    display: none;
  }
  .home.blog #page{
    overflow: hidden;
  }
  .mission-vision-value-section .card-header {
    padding: 0.05rem 0.25rem;
  }
  .pdf-section .pdf-box .col-sm-6{
    width: 50%;
  }
  .page-template-video-page.page-template-video-page-php .h-white{
    display: none;
  }
  .select-point {
    background-color: transparent !important;
  }
  .select-point.modal1 {
    left: 46px !important;
    top: 128px !important;
  }
  .select-point.modal2 {
    left: 83px!important;
    top: 160px!important;
  }
  .select-point.modal3 {
    left: 84px!important;
    top: 189px!important;
  }
  .select-point.modal4 {
    top: 240px !important;
    left: 105px !important;
  }
  .select-point.modal5 {
    top: 265px !important;
    left: 118px !important;
}
  .select-point.modal6 {
    right: 65px !important;
    bottom: 10px !important;
  }
  .popover {
    max-width:100% !important;
    left: 0px !important;
  }
  .select-point .modal-pop{
    left: 0px !important;
    top: 50px !important;
    width: 100% !important;
  }
.contact-us-page .modal-content .modal-header h4 {
    font-size:16px;
}
	.contact-us-page .modal.show .modal-dialog {
    margin-top: 50px;
}
	.contact-us-page .modal-content .modal-body .d-flex p b {
    min-width: 50px;
		
}
	.contact-us-page .modal-content .modal-body .d-flex{
		display:block !important;
		margin-bottom:10px;
	}
	.contact-us-page .modal-content .modal-body .d-flex p{
		margin-bottom:0px;
	}
	.contact-us-page .modal-content .modal-body .d-flex .divider{
		display:none;
	}
  .video-page .our-video {
    margin: auto;
    margin-bottom: 5px;
}
.csr-box .img {
  height: 179px;
}
}

@media (min-width: 421px) and (max-width: 450px) {
  .select-point.modal1 {
    left: 60px !important;
    top: 183px !important;
}
.select-point.modal2 {
  left: 119px!important;
  top: 223px!important;
}
.select-point.modal3 {
  left: 114px!important;
  top: 259px!important;
}
.select-point.modal4 {
  top: 340px !important;
  left: 140px !important;
}
.select-point.modal5 {
  top: 365px !important;
  left: 158px !important;
}
.select-point.modal6 {
  right: 86px !important;
  bottom: 10px !important;
}
.video-page .our-video iframe {
  height: 230px;
}
.csr-box .img {
  height: 262px;
}
}

@media (min-width: 391px) and (max-width: 420px) {
  
.select-point.modal1 {
  left: 58px !important;
  top: 168px !important;
}
.select-point.modal2 {
  left: 110px!important;
  top: 215px!important;
}
.select-point.modal3 {
  left: 108px!important;
  top: 239px!important;
}
.select-point.modal4 {
  top: 310px !important;
  left: 130px !important;
}
.select-point.modal5 {
  top: 340px !important;
  left: 148px !important;
}
.select-point.modal6 {
  right: 80px !important;
    bottom: 10px !important;
}
.video-page .our-video iframe {
  height: 220px;
}
.csr-box .img {
  height: 262px;
}
}

@media (min-width:375px) and (max-width:  390px) {

.select-point.modal1 {
  left: 56px !important;
  top: 158px !important;
}
.select-point.modal2 {
  left: 103px!important;
  top: 195px!important;
}
.select-point.modal3 {
  left: 100px!important;
  top: 219px!important;
}
.select-point.modal4 {
  top: 290px !important;
  left: 125px !important;
}
.select-point.modal5 {
  top: 320px !important;
  left: 138px !important;
}
.select-point.modal6 {
  right: 75px !important;
  bottom: 10px !important;
}
.video-page .our-video iframe {
  width: 100%;
  height: 200px;
}
.csr-box .img {
  height: 216px;
}
}
@media (min-width: 361px) and (max-width: 375px) {

.select-point.modal1 {
  left: 56px !important;
  top: 158px !important;
}
.select-point.modal2 {
  left: 103px!important;
  top: 195px!important;
}
.select-point.modal3 {
  left: 100px!important;
  top: 219px!important;
}
.select-point.modal4 {
  top: 290px !important;
  left: 125px !important;
}
.select-point.modal5 {
  top: 320px !important;
  left: 138px !important;
}
.select-point.modal6 {
  right: 75px !important;
  bottom: 10px !important;
}
.video-page .our-video iframe {
  width: 100%;
  height: 200px;
}
.csr-box .img {
  height: 216px;
}
}
@media (min-width: 321px) and (max-width: 360px) {

  .select-point.modal1 {
    left: 50px !important;
    top: 148px !important;
  }
  .select-point.modal2 {
    left: 95px!important;
    top: 185px!important;
  }
  .select-point.modal3 {
    left: 93px!important;
    top: 205px!important;
  }
  .select-point.modal4 {
    top: 270px !important;
    left: 115px !important;

  }
  .select-point.modal5 {
    top: 290px !important;
    left: 128px !important;
  }
  .select-point.modal6 {
    right: 75px !important;
    bottom: 10px !important;
  }
  .video-page .our-video iframe {
    width: 100%;
    height: 180px;
  }
}
@media  (max-width: 320px) {
  .video-page .our-video iframe {
    width: 100%;
    height: 170px;
}
}