@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
.footer-left h3,
.nav-right p a:hover,
.recent-posts ul li a:hover,
.top-nav,
.top-nav a,
.up-arrow a:hover {
  color: #fff;
}
.r-tabs,
.rslides,
.slider {
  position: relative;
}
body {
  font-family: "Open Sans", sans-serif;
}
body a {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
}
.header-top {
  padding: 0.4em 0;
  background: #3e3d3d;
  border-bottom: 1px solid #f58634;
}
.top-nav {
  float: left;
}
.gallheading,
.new-text {
  color: #f58634;
  font-family: "Open Sans", sans-serif;
}
.gallheading {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  margin: 0 0 1em;
}
.top-nav a:hover {
  color: #0cf;
  text-decoration: none;
}
.new-text {
  font-size: 13px;
  text-align: center;
  font-weight: 700;
}
.product-text {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
  text-align: center;
  font-weight: 700;
}
.nav-right {
  float: right;
  color: #fff;
}
.nav-right p {
  color: #fff;
  margin: 0;
  font-size: 11px;
}
.footer-comments ul li a,
.nav-right p a {
  color: #fff;
  text-decoration: none;
}
.header-bottom {
  padding: 0.5em 0 1.5em;
}
.head-logo {
  float: left;
  margin-top: 0;
  max-width: 410px;
}
.copy,
.head-logo img,
.table-responsive table {
  width: 100%;
}
.head-logo a,
.mail-info-grid span,
.mySlides:first-child,
.r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block;
}
.logo-right {
  float: right;
  margin-top: 2.5em;
  color: #636363;
  font-weight: 700;
}
.logo-right p {
  color: #424242;
  font-size: 12px;
}
.banner-bg,
.sponsors-grid {
  background: #fff;
}
.banner-top {
  z-index: 999;
  position: sticky;
  padding: 0;
  border-bottom: #313842;
  background: #6e5e59;
  margin: 0 auto;
  top: 144px;
}
.banner-middle {
  background: #fff;
  padding: 1em;
  margin-top: 25px;
}
.wrap {
  width: 90%;
  margin: 0 auto;
}
.strip {
  background: url(../images/strip2.png);
  height: 16px;
  margin-bottom: 1em;
}
.archives-info,
.register-but,
.thumb-slider {
  margin-top: 1em;
}
.rslides {
  list-style: none;
  overflow: hidden;
  object-fit: contain;
  width: 100%;

  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  float: left;
  width: 100%;

  object-fit: cover;
  border: 0;
}
.rslides_tabs {
  text-align: center;
  width: 111.3%;
  position: absolute;
  bottom: 0;
  z-index: 999;
  margin: 0;
  left: 100%;
  padding: 1em 0;
  background-color: #606a77;
}
.ul_name,
a.pro-link2:active,
a.pro-link2:hover,
a.pro-link:active,
a.pro-link:hover,
a.pro-link:link,
a.pro-link:visited {
  text-align: left;
  font-family: Verdana, Geneva, sans-serif;
}
.table-box,
.text-danger {
  margin-top: 20px;
  width: 100%;
}
.rslides_tabs li {
  display: inline;
}
.rslides_tabs a {
  border: 1px solid #cbcbcb;
}
.rslides_tabs .rslides_here a {
  color: #fff;
  font-weight: 700;
}
a.pro-link1:active,
a.pro-link1:hover,
a.pro-link1:link,
a.pro-link1:visited,
a.pro-link2:active,
a.pro-link2:hover,
a.pro-link2:link,
a.pro-link2:visited,
a.pro-link:active,
a.pro-link:hover,
a.pro-link:link,
a.pro-link:visited {
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
}
#slider3-pager a {
  display: inline-block;
  padding: 0.2em;
}
#slider3-pager img {
  float: left;
  display: block;
}
.container #slider3-pager .rslides_here a {
  background: 0 0;
  border: 1px solid #000;
}
a.pro-link2:link,
a.pro-link2:visited {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #010101;
}
a.pro-link2:hover {
  font-size: 14px;
  color: #fc0629;
}
a.pro-link2:active {
  font-size: 14px;
  color: #09f;
}
.table-box {
  height: auto;
  margin-left: 0;
}
.ul_name {
  font-size: 13px;
  color: #000;
  padding-top: 5px;
  padding-bottom: 5px;
}
a.pro-link:link,
a.pro-link:visited {
  font-size: 12px;
  color: #333;
}
a.pro-link:hover {
  font-size: 12px;
  color: #fc0629;
}
a.pro-link:active {
  font-size: 12px;
  color: #09f;
}
a.pro-link1:link,
a.pro-link1:visited {
  font-size: 12px;
  color: #f58634;
}
a.pro-link1:active,
a.pro-link1:hover {
  font-size: 12px;
  color: #0404fb;
}
a.pro-link10:link,
a.pro-link10:visited {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #f58634;
  text-decoration: none;
  font-weight: 700;
  font-style: normal;
}
a.pro-link10:active,
a.pro-link10:hover {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  color: #0404fb;
  text-decoration: none;
  font-weight: 700;
  font-style: normal;
}
.ab-txt {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  color: #3a3a3a;
  padding-top: 15px;
  line-height: 20px;
}
.text-danger {
  color: #000;
  height: 27px;
  background-color: #fff;
  font-size: 11px;
  text-align: center;
}
.single-left-grid h6 {
  font-size: 13px;
  color: #09f;
  padding-top: 4px;
  margin-top: 0;
  text-align: justify;
  line-height: 20px;
}
.success-right h3 {
  font-size: 1.5em;
  color: #fff;
  font-weight: 600;
  text-align: left;
  background-color: #f58634;
  height: 30px;
  padding-top: 4px;
  margin-top: 0;
  padding-left: 10px;
}
.dot-container,
.mySlides,
.recent h3,
.sponsors-grid p {
  text-align: center;
}
.success-right ul {
  padding: 0 0 0 10px;
  margin-top: 1em;
}
.column h3,
.column h4 {
  font-size: 18px;
  padding-bottom: 7px;
}
.success-right ul li {
  margin: 0 0 12px;
  display: block;
}
.success-right ul li a {
  font-size: 1.1em;
  color: #000;
}
.success-right ul li a:hover {
  text-decoration: none;
  color: #1793d1;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}
.column h4 {
  font-family: ExoRegular, Calibri, Arial;
  color: #fff;
  border-bottom: 1px solid #e8eaee;
}
.column {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 5px;
  padding-bottom: 0;
  padding-left: 5px;
  width: 98%;
}
.column h3 {
  font-family: Font1, Font1W;
  color: #5d6f8d;
  border-bottom: 1px solid #717172;
}
.bann-right h2,
.contact-form input[type="submit"],
.pro-text,
.team1 h4 a {
  font-family: "Open Sans", sans-serif;
}
.tbcont {
  background-color: #84716b;
  padding: 20px;
  border-radius: 10px;
  margin: 20px 0;
}
.cont p strong {
  color: #fff;
  padding-right: 10px;
}
.cont p a:hover {
  color: #acd0fc;
}
.cont p a {
  color: #fff;
  text-align: left;
  padding: 3px;
  text-decoration: none;
  font-weight: 600;
}
.typeimg {
  width: 20%;
  float: left;
}
.typeimg img,
.typeimg2 img {
  margin: 0 auto;
  width: 100%;
}
.typeimg2 {
  width: 50%;
  float: left;
}
.listing-text {
  color: #555;
  font-size: 13px;
  line-height: 1.8em;
}
.back-to-home a:hover,
.banner-left-grid p.comments a:hover,
.img-font {
  color: #f58634;
}
.table-responsive table tr td {
  padding: 5px;
  border: 1px solid #84716b;
}
.slideshow-container {
  position: relative;
  background: #f1f1f1f1;
}
.next,
.prev {
  position: absolute;
}
.mySlides {
  display: none;
  padding: 80px;
}
.next,
.prev {
  cursor: pointer;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: 700;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.next:hover,
.prev:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.dot-container {
  padding: 20px;
  background: #ddd;
}
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s;
}
.active,
.dot:hover {
  background-color: #717171;
}
q {
  font-style: italic;
}
.author {
  color: #6495ed;
}
@media (max-width: 1024px) {
  .rslides_tabs li {
    display: inline;
    float: left;
    width: 18%;
    margin: 1%;
  }
  .rslides_tabs {
    width: 114%;
    left: 100%;
  }
  .r-tabs .r-tabs-nav .r-tabs-anchor {
    padding: 0.5em 0.535em;
  }
}
.blog-grid-left img,
.post-left img,
.search input[type="text"] {
  width: 100%;
  border: 1px solid #cbcbcb;
}
@media (max-width: 768px) {
  .mat table td,
  .tbdetail table td {
    width: 100%;
    height: auto;
  }
  #slider3-pager a,
  #slider3-pager img {
    width: 100%;
  }
  .rslides_tabs {
    bottom: -1px;
    width: 100%;
    left: 0;
  }
  .rslides_tabs li:nth-child(6) {
    display: none;
  }
  .typeimg,
  .typeimg2 {
    width: 100%;
    display: block;
  }
  .tbdetail table td {
    display: block;
  }
}
@media (max-width: 640px) {
  #slider3-pager a {
    width: 100%;
  }
  .rslides_tabs {
    bottom: 0;
  }
}
@media (max-width: 480px) {
  #slider3-pager a {
    width: 100%;
  }
  .rslides_tabs {
    bottom: 20px;
  }
}
@media (max-width: 320px) {
  #slider3-pager a {
    width: 20%;
  }
  .rslides_tabs {
    bottom: 25px;
  }
}
.strip1 {
  background: url(../images/strip3.png);
  height: 36px;
  margin-top: 1em;
}
.bann-right h2 {
  color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}
.ban-top p,
a.view {
  font-size: 13px;
  font-weight: 400;
}
.bann-right h2 a:hover {
  color: #ddd;
}
.ban-top p {
  color: #7f7f7f;
  margin: 1em 0;
  line-height: 1.8em;
}
.ban-top p a {
  color: #7f7f7f;
  text-decoration: none;
}
.ban-top p a:hover {
  color: #ccc;
}
a.view {
  color: #f58634;
  display: block;
  text-decoration: none;
}
.banner-left-grid li,
.twt-1 li,
.up-arrow-left li {
  display: inline-block;
}
a.view:hover {
  color: #999;
}
.banner-left-grid {
  padding: 1em;
}
.blog-grid-right p.comments a {
  color: #000;
  font-size: 12px;
  margin: 1em 0;
  font-style: italic;
  font-weight: 300;
}
.banner-bottom-left {
  padding-left: 0;
}
.banner-left-grid h3 {
  color: #333;
  font-size: 16px;
  margin: 0;
  float: left;
  font-weight: 700;
}
.mor,
.up-arrow-right {
  float: right;
}
.banner-left-grid ul {
  padding: 0.5em 0;
  margin: 0;
  border-bottom: 1px dotted #999;
}
.banner-left-grid a img {
  width: 100%;
  padding: 0.5em;
  border: 1px solid #cbcbcb;
  margin: 2em 0;
}
.banner-left-grid p.text,
.blog-grids,
.post-grids,
.recent-posts ul li {
  border-bottom: 1px solid #f2f2f2;
}
.banner-left-grid h4 {
  margin: 0;
}
.banner-left-grid h4 a,
.banner-left-grid h5 a,
.post-right h4 a,
.post-right1 h4 a {
  color: #f58634;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}
.banner-left-grid h4 a:hover,
.banner-left-grid h5 a:hover,
.blog-grid-right a:hover,
.post-right h4 a:hover,
.post-right1 h4 a:hover,
.team1 h4 a:hover {
  color: #444;
}
.banner-left-grid h5 {
  padding: 1em 0;
  border-bottom: 1px solid #eee;
}
.banner-left-grid p.comments,
.post-right p.comments,
p.comments {
  color: #d7d7d7;
  font-size: 12px;
  margin: 1em 0;
  font-style: italic;
}
.banner-left-grid p.comments a,
.post-right p.comments a {
  color: #000;
  text-decoration: none;
}
.banner-left-grid p.text {
  color: #555;
  margin: 0;
  font-size: 13px;
  font-style: italic;
  padding-bottom: 1em;
  line-height: 1.8em;
}
.blog-grids {
  padding: 3em 0;
}
.blog-grid-left {
  float: left;
  width: 20%;
}
.blog-grid-left img {
  padding: 0.2em;
}
.blog-grid-right {
  float: left;
  width: 75%;
  margin-left: 1em;
}
.blog-grid-right a {
  color: #f58634;
  font-size: 13px;
  margin: 0 0 0.5em;
  font-weight: 600;
  line-height: 1.5em;
  text-decoration: none;
}
.blog-grid-right p.comments {
  color: #d7d7d7;
  font-size: 12px;
  margin: 0;
  font-style: italic;
}
.post {
  margin: 3em 0 0;
}
.post h3 {
  color: #444;
  font-size: 20px;
  margin: 0;
  font-style: italic;
  position: relative;
  padding-bottom: 15px;
}
.post-grids {
  margin: 0;
  padding-bottom: 0;
}
.pro-text {
  padding-top: 25px;
  font-size: 13px;
  line-height: 1.8em;
  text-align: justify;
}
.post-left img {
  padding: 0.5em;
  margin: 0;
}
.copyright-new,
.post-right h4,
.travel-left-grid a img {
  margin: 1em 0 0;
}
.post-rightp.comments a:hover {
  color: #555;
}
.post-right p.text {
  color: #555;
  margin: 0;
  font-size: 13px;
  padding-bottom: 0;
  line-height: 1.8em;
}
.banner-bottom-right {
  border-left: 1px solid #f2f2f2;
  margin: 2em 0 0;
}
.search input[type="text"] {
  display: inline-block;
  background: 0 0;
  margin: 0;
  outline: 0;
  font-size: 13px;
  color: #999;
  padding: 0.7em 0.7em 0.7em 1em;
}
.mail-info-grids,
.sponsors-grids {
  margin-top: 2em;
}
.sponsors-grid-left {
  float: left;
  width: 47.9%;
  margin-right: 1em;
  padding: 1em;
}
.sponsors-grid-left:nth-child(2) {
  margin-right: 0;
}
.sponsors-grid p {
  color: #666;
  margin: 0;
  font-size: 13px;
  border: 1px solid #cbcbcb;
  padding: 4em 0;
}
.footer-comments ul,
.recent-posts ul {
  margin: 2em 0 0;
  padding: 0;
}
.recent h3 {
  margin: 0;
  color: #333;
  font-size: 18px;
  font-weight: 700;
}
.recent-posts ul li {
  display: block;
  margin: 0 0 0.8em;
  padding-bottom: 0.8em;
}
.footer-comments ul li,
.footer-left ul li {
  border-bottom: 1px solid #3f3f3f;
}
.recent-posts ul li a {
  color: #555;
  font-size: 13px;
  text-decoration: none;
}
.up-arrow {
  background: #222323;
  padding: 0.5em 2em;
}
.up-arrow-right a {
  color: #f58634;
  font-size: 13px;
  margin: 1em 0;
  font-style: italic;
  text-decoration: none;
  padding-right: 2em;
  background: url(../images/up-ar.png) 81px 8px no-repeat;
}
.up-arrow-left p,
.up-arrow-new p {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}
.copyright,
.up-arrow-left {
  float: left;
}
.up-arrow-left p {
  margin: 0;
  padding-right: 2em;
  padding-top: 2px;
}
.up-arrow-new p {
  margin: 0;
  padding-left: 32em;
  padding-top: 0;
  float: left;
  text-align: right;
}
.nbs-flexisel-ul,
.pro-tb li {
  text-align: center;
}
.up-arrow-left ul {
  padding: 0;
  margin: 0;
  color: #ffed04;
}
.up-arrow-left li {
  color: #ffed04;
}
.up-arrow-left li a {
  color: #ffed04;
  display: block;
  font-size: 13px;
  font-weight: 400;
  font-style: italic;
  padding: 0.5em 1em;
  text-decoration: none;
}
#flexiselDemo1,
#flexiselDemo2,
#flexiselDemo3,
.mob-nav,
.r-tabs .r-tabs-accordion-title,
span.menu {
  display: none;
}
.nbs-flexisel-container {
  position: relative;
  max-width: 100%;
}
.container h2 {
  color: #f58634;
  font-size: 18px;
  font-weight: 700;
}
h2.product-text a {
  color: #f58634;
}
h2.product-text a:hover {
  color: black;
}
.whatsapp-float {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 50px;
  left: 40px;
  background-color: #48a468;
  color: #fff;
  border-radius: 100px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}
.whatsapp-float i {
  color: #fff;
  text-align: center;
  font-size: 100px;
  margin-top: 100px;
}
.nbs-flexisel-ul {
  position: relative;
  width: 9999px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.nbs-flexisel-inner {
  overflow: hidden;
  margin: 0 auto;
}
.nbs-flexisel-item {
  float: left;
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
  line-height: 0;
}
.nbs-flexisel-item > img {
  cursor: pointer;
  positon: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 250px;
  max-height: 250px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
}
.nbs-flexisel-item p {
  padding: 10px;
}
.nbs-flexisel-item p a {
  color: #000;
  font-size: 1.2em;
}
.nbs-flexisel-item p a:hover {
  color: #000;
}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  width: 26px;
  height: 37px;
  position: absolute;
  cursor: pointer;
  z-index: 100;
}
.team1 h4 a {
  color: #f58634;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  text-align: left;
}
.team1 {
  margin: 1em;
}
.team1 p {
  color: #d7d7d7;
  font-size: 12px;
  font-style: italic;
}
.lor-ip p,
p.text-1 {
  color: #555;
  font-size: 13px;
  padding-bottom: 1em;
}
.recent {
  padding: 1em 0;
  border: 1px solid #c6c6c3;
  margin: 1em 0;
  background: #fff;
}
.lor-ip,
.pro-tb {
  margin: 2em 0;
}
.lor-ip p {
  margin: 1em 0;
}
p.text-1 {
  float: left;
  width: 49%;
  border-bottom: none;
  line-height: 1.8em;
}
p.text-2 {
  float: right;
  width: 49%;
  border-bottom: none;
  line-height: 1.8em;
  color: #555;
  font-size: 13px;
  padding-bottom: 1em;
}
p.text-3,
p.text-4 {
  width: 32%;
  color: #555;
  font-size: 13px;
  padding-bottom: 1em;
  line-height: 1.8em;
  border-bottom: none;
}
p.text-3 {
  float: left;
  margin: 0 2% 0 0;
}
p.text-4 {
  float: right;
}
.respond {
  padding: 2em 0;
}
.ar-ch p {
  font-size: 13px;
  color: #444;
  line-height: 1.8em;
  font-weight: 400;
}
.ar-ch {
  padding: 1em;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.r-tabs .r-tabs-nav .r-tabs-tab {
  position: relative;
  top: 0;
}
.r-tabs .r-tabs-nav .r-tabs-anchor {
  background: #f7f7f7;
  margin-bottom: 0;
  padding: 0.5em 1.135em;
  display: inline-block;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  border-bottom: 1px solid #c2c1c1;
  font-size: 1em;
}
.r-tabs .r-tabs-nav .r-tabs-state-active {
  background-color: #fff;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled,
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
  opacity: 0.5;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
  color: #f58634;
  background-color: #fff;
  border-bottom: none;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  display: inline-block;
  padding: 10px;
  background-color: #f7f7f7;
  color: #f58634;
  font-weight: 700;
  text-decoration: none;
  margin-bottom: 3px;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  background-color: #fff;
  color: #f58634;
  margin-bottom: 0;
  border-bottom: none;
}
.r-tabs .r-tabs-nav {
  margin: 0;
  padding: 0;
}
.r-tabs .r-tabs-tab {
  display: inline-block;
  margin: 0;
  list-style: none;
}
.r-tabs .r-tabs-panel {
  padding: 0 1em;
  display: none;
}
@media only screen and (max-width: 768px) {
  .r-tabs .r-tabs-nav {
    display: none;
  }
  .r-tabs .r-tabs-accordion-title {
    display: block;
  }
}
.product-complete-info p {
  color: #555;
  margin: 0;
  font-size: 13px;
  padding-bottom: 1em;
}
.product-complete-info h3 {
  color: #666;
  font-size: 1.2em;
  display: block;
  margin: 0 0 0.5em;
  font-weight: 700;
}
.pro-tb {
  border: 1px solid #d3d3d3;
}
.prod {
  padding: 4.1em 0 0;
}
.twt {
  margin: 2em 0 0.8em;
}
.twt p {
  color: #555;
  margin: 0;
  font-size: 13px;
  line-height: 1.8em;
  position: relative;
}
.twt p:after {
  height: 18px;
  width: 25px;
  content: "";
  background: url(../images/smal.png) no-repeat red;
  display: block;
  position: absolute;
  left: 25px;
  top: 113px;
}
.twt-1 ul {
  padding: 0 0 0 1em;
  margin: 0;
}
.footer {
  background: #313842;
  padding: 0.5em 1em;
}
.footer-left ul li a {
  color: #f58634;
  font-size: 13px;
}
.footer-left h3:after {
  top: 35%;
  left: 40%;
  width: 61%;
}
.footer-grids h3 {
  color: #fff;
  font-size: 18px;
  margin: 0 0 1em;
  font-weight: 600;
}
.footer-comments,
.viewport p {
  margin: 2em 0 0;
}
.viewport p {
  color: #999;
  font-size: 13px;
  line-height: 1.7em;
}
.archives-info ul li,
.viewport p span {
  display: block;
  margin: 1em 0;
}
.footer-comments h3 {
  color: #fff;
  font-size: 16px;
  margin: 0;
  font-family: "Georgia Italic";
  font-style: italic;
  position: relative;
}
.footer-comments h3:after {
  content: "";
  background: url(../images/strip3.png);
  position: absolute;
  display: block;
  height: 10px;
  top: 35%;
  left: 36%;
  width: 63%;
}
.contact-form input[type="submit"]:hover,
.more a:hover,
.register-but input[type="submit"]:hover,
.respond input[type="submit"]:hover {
  background: #f58634;
}
.footer-comments ul li {
  display: block;
  color: #999;
  font-size: 12px;
  margin: 0 0 1em;
  padding-bottom: 1em;
  line-height: 1.7em;
}
.footer-comments ul li a:hover,
.single-bottom ul li a:hover {
  color: #e47600;
}
.footer-flick ul,
.login-left {
  padding: 0;
}
.footer-flick li {
  float: left;
  width: 23%;
  margin: 1%;
}
.copyright p {
  color: #fff;
  font-size: 13px;
  margin: 0;
  text-align: left;
}
.copyright-new p,
.copyright-new p a {
  color: #fff;
  font-size: 13px;
  margin: 0;
  text-align: right;
}
.copyright-new p a:hover {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}
.copyright p a {
  color: #999;
  text-decoration: none;
}
.copyright p a:hover {
  color: #ffed04;
}
.celebrity-bg {
  min-height: 132em;
}
.technology-bg {
  min-height: 36em;
}
.technology {
  background: url(../images/404.jpg) 0 0 / cover no-repeat;
  min-height: 550px;
  padding: 2em;
}
.technology h3 {
  font-size: 6em;
  margin: 0;
  color: #313842;
}
.technology p {
  font-size: 25px;
  margin: 0;
  color: #2e2e2e;
}
.technology h2 {
  color: #313842;
  font-size: 18em;
  margin: 0;
  text-align: center;
}
.back-to-home,
.contact-form form {
  text-align: right;
}
.checkbox input + i:after,
.contact h2,
.costom,
.plain {
  text-align: center;
}
.back-to-home a {
  font-size: 2em;
  color: #313842;
  text-decoration: none;
}
.lifestyle-bg {
  min-height: 199em;
}
.lifestyle-left-grid h4 a {
  font-size: 18px;
  line-height: 1.5em;
}
.lifestyle-left-grid p.text {
  padding-bottom: 2em;
  border-bottom: none;
  line-height: 1.8em;
}
.more a {
  color: #000;
  font-size: 13px;
  text-decoration: none;
  background: #ffed04;
  padding: 0.7em 2em;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
}
.more a:hover {
  color: #fff;
}
.travel-bg {
  min-height: 128em;
}
.archives h2,
.travel-bottom-left h2 {
  color: #666;
  font-size: 32px;
  margin: 0;
  text-align: center;
}
.travel-left-grid h6 {
  color: #f58634;
  margin: 1em 0 0;
  font-size: 18px;
}
.travel-left-grid span {
  color: #666;
  font-size: 14px;
  line-height: 1.7em;
  font-weight: 700;
}
.travel-left-grid p.text {
  border-bottom: none;
  margin: 1em 0;
}
.plain {
  background: url(../images/26.jpg) 0 0 / cover no-repeat;
  min-height: 264px;
}
.plain-info h6 {
  color: #ffed04;
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 0.5em;
  padding: 2em 0 0;
  line-height: 1.5em;
}
.plain-info h6 span {
  color: #fff;
  display: block;
  font-size: 18px;
  text-transform: lowercase;
}
.contact-bg {
  min-height: 59em;
}
.contact h2 {
  color: #f58634;
  font-size: 32px;
  margin: 0 0 1em;
}
.map iframe {
  width: 100%;
  min-height: 400px;
  border: none;
}
.mail-info-grid h3 {
  font-size: 20px;
  margin: 0 0 1em;
  color: #f58634;
  font-weight: 600;
}
.mail-info-grid p {
  color: #333;
  font-size: 14px;
  margin: 0.5em 0 0;
}
.mail-info-grid h6 {
  color: #f58634;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
  margin: 0.5em 0;
}
.contact-form input[type="text"],
.contact-form textarea,
.respond textarea {
  width: 100%;
  color: #898888;
  padding: 0.5em;
  border: 1px solid #d5d4d4;
  outline: 0;
  -webkit-appearance: none;
}
.contact-form input[type="text"] {
  background: 0 0;
  font-size: 14px;
  margin-bottom: 1em;
}
.contact-form textarea,
.respond textarea {
  resize: none;
  font-size: 14px;
  min-height: 150px;
}
.single-left-grid img,
.single-left-grid-new {
  width: 100%;
  padding: 0.2em;
}
.contact-form input[type="submit"] {
  border: none;
  outline: 0;
  color: #fff;
  padding: 0.5em 1.5em;
  font-size: 14px;
  font-weight: 600;
  margin: 0.5em 0 0;
  -webkit-appearance: none;
  background: #666;
}
.single-bg {
  min-height: 134em;
}
.single-left-grid img {
  border: 1px solid #cbcbcb;
  margin: 0.5em 0;
}
.single-left-grid h1,
.single-left-grid h2,
.single-left-grid h3,
.single-left-grid h4 {
  font-style: normal;
  font-weight: 700;
  margin: 0 0 1em;
  font-family: "Open Sans", sans-serif;
  text-decoration: none;
}
.single-left-grid h4 {
  color: #e87119;
  font-size: 17px;
}
.single-left-grid h1 {
  color: #f27c24;
  font-size: 28px;
}
.single-left-grid h2,
.single-left-grid h3 {
  color: #515151;
  font-size: 18px;
  line-height: 22px;
}
.single-left-grid p.text {
  border-bottom: none;
  line-height: 1.8em;
  color: #767676;
  margin: 0;
  font-size: 13px;
  padding-bottom: 1em;
  text-align: justify;
}
.single-bottom ul {
  margin: 1em 0 0;
  padding: 1em 0 0;
  border-top: 2px solid #ddd8d8;
}
.single-bottom ul li {
  display: inline-block;
  font-size: 14px;
  color: #d7d7d7;
  margin: 0 1em;
}
.single-bottom ul li a {
  color: #d7d7d7;
  font-size: 14px;
  text-decoration: none;
}
.respond h4 {
  color: #666;
  font-size: 26px;
  margin: 0 0 1em;
  font-weight: 600;
}
.respond input[type="text"] {
  width: 48%;
  color: #898888;
  background: 0 0;
  outline: 0;
  font-size: 14px;
  padding: 0.5em;
  margin: 0 25px 20px 0;
  border: 1px solid #d5d4d4;
  -webkit-appearance: none;
}
.respond input[type="text"].name {
  margin: 0 0 20px;
}
.respond input[type="submit"] {
  border: none;
  outline: 0;
  color: #fff;
  padding: 0.5em 1.5em;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin: 0.5em 0 2em;
  -webkit-appearance: none;
  background: #666;
}
.acount-btn,
.login-right input[type="submit"] {
  background: #313842;
  transition: 0.5s;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
}
.archives-bg {
  min-height: 122em;
}
.archives-info h5 {
  color: #e47600;
  font-size: 22px;
  margin: 0;
}
.archives-info ul {
  margin: 2em 0 0;
  padding-left: 2em;
}
.archives-info ul li a {
  color: #666;
  font-size: 14px;
  padding-left: 1em;
  text-decoration: none;
  background: url(../images/r-ar.png) 0 6px no-repeat;
}
.archives-info ul li a:hover {
  color: #e47600;
  padding-left: 1.5em;
}
.fullwidth-bg {
  min-height: 151em;
}
.login-left h3,
.login-right h3 {
  color: #f58634;
  font-size: 1.2em;
  padding-bottom: 0.5em;
  font-weight: 600;
}
.login-left p,
.login-right p {
  color: #868583;
  display: block;
  font-size: 13px;
  margin: 0 0 2em;
  line-height: 1.8em;
}
.acount-btn {
  font-size: 1em;
  padding: 0.7em 1.2em;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
}
.checkbox,
.news-letter {
  color: #555;
  font-size: 0.85em;
}
.acount-btn:hover,
.login-right input[type="submit"]:hover {
  background: #f58634;
  text-decoration: none;
  color: #fff;
}
.login-right form {
  padding: 1em 0;
}
.login-right form div {
  padding: 0 0 2em;
}
.login-right span {
  color: #999;
  font-size: 0.8125em;
  padding-bottom: 0.2em;
  display: block;
  text-transform: uppercase;
}
.login-right input[type="password"],
.login-right input[type="text"] {
  border: 1px solid #f58634;
  outline-color: #f58634;
  width: 96%;
  font-size: 0.8125em;
  padding: 0.7em;
}
.login-right input[type="submit"] {
  font-size: 1em;
  padding: 0.6em 1.2em;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  border: none;
  outline: 0;
}
.login-page {
  padding: 5em 0;
}
.register {
  padding: 4em 0 5em;
}
.register-bottom-grid h3,
.register-top-grid h3 {
  color: #f58634;
  font-size: 1.2em;
  padding-bottom: 15px;
  margin: 0;
  font-weight: 600;
}
.register-bottom-grid div,
.register-top-grid div {
  width: 48%;
  float: left;
  margin: 10px 0;
}
.register-bottom-grid span,
.register-top-grid span {
  color: #999;
  font-size: 0.85em;
  padding-bottom: 0.2em;
  display: block;
  text-transform: uppercase;
}
.register-bottom-grid input[type="password"],
.register-bottom-grid input[type="text"],
.register-top-grid input[type="password"],
.register-top-grid input[type="text"] {
  border: 1px solid #f58634;
  outline-color: #f58634;
  width: 96%;
  font-size: 1em;
  padding: 0.5em;
}
.checkbox {
  margin-bottom: 4px;
  padding-left: 27px;
  line-height: 27px;
  cursor: pointer;
  float: left;
  position: relative;
}
.checkbox:last-child {
  margin-bottom: 0;
}
.news-letter {
  font-weight: 600;
  margin-bottom: 1em;
  display: block;
  text-transform: uppercase;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  clear: both;
}
.checkbox i {
  position: absolute;
  bottom: 5px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  outline: 0;
  border: 2px solid #f58634;
}
.checkbox input + i:after {
  content: "";
  background: url("../images/tick1.png") 1px 2px no-repeat;
  top: 2px;
  left: 2px;
  width: 15px;
  height: 15px;
  font: 12px/16px FontAwesome;
  position: absolute;
  opacity: 0;
  transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}
.checkbox input {
  position: absolute;
  left: -9999px;
}
.checkbox input:checked + i:after {
  opacity: 1;
}
.news-letter:hover {
  color: #00bff0;
}
.register-but form input[type="submit"] {
  background: #313842;
  color: #fff;
  font-size: 1em;
  padding: 0.6em 2em;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  display: inline-block;
  text-transform: uppercase;
  border: none;
  outline: 0;
}
div.register-bottom-grid {
  margin-top: 3em;
}
@media (max-width: 1440px) {
  .banner-left-grid h4 a,
  .banner-left-grid h5 a,
  .blog-grid-right h5 {
    font-size: 12px;
  }
  .blog-grid-left {
    width: 19%;
  }
}
@media (max-width: 1280px) {
  .lifestyle-bg {
    min-height: 199em;
  }
}
@media (max-width: 1024px) {
  .celebrity-bg {
    min-height: 133em;
  }
  .technology-bg {
    min-height: 36em !important;
  }
  .archives-bg {
    min-height: 132em !important;
  }
  .fullwidth-bg {
    min-height: 138em !important;
  }
  .contact-bg {
    min-height: 56em !important;
  }
  .lifestyle-left-grid h4 a {
    font-size: 18px;
  }
  .lifestyle-bg {
    min-height: 185em !important;
  }
  .sponsors-grid-left {
    width: 46.9%;
  }
  .travel-bg {
    min-height: 133em !important;
  }
  .ar-ch p,
  .banner-left-grid p.text,
  .footer-left ul li a,
  .lor-ip p,
  .more a,
  .post-right p.text,
  .single-left-grid p.text,
  .team1 h4 a,
  .travel-left-grid span,
  .twt p,
  .viewport p,
  p.text-1,
  p.text-2,
  p.text-3 {
    font-size: 12px;
  }
  .blog-grid-right a {
    font-size: 11px;
  }
  .banner-left-grid h3 {
    font-size: 14px;
  }
  .r-tabs .r-tabs-nav .r-tabs-anchor {
    padding: 0.5em 0.47em;
  }
  .footer-grids h3,
  .travel-left-grid h6 {
    font-size: 16px;
  }
  .twt p:after {
    top: 126px;
  }
  .plain-info h6 {
    font-size: 27px;
  }
  .travel-bottom-left h2 {
    font-size: 28px;
  }
  .post-right h4 {
    margin: 0;
  }
  .banner-left-grid a img {
    margin: 1em 0;
  }
  .mail-info-grid p {
    font-size: 13px;
  }
  .respond {
    padding: 2em 0 0;
  }
  .success-right {
    width: 100%;
  }
  .text-danger {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 990px) {
  span.menu {
    display: block;
    cursor: pointer;
    float: none;
    margin: 0 auto 1em;
    width: 7%;
    color: #313842;
    font-size: 16px;
    font-weight: 600;
    position: relative;
  }
}
@media (max-width: 768px) {
  span.menu {
    display: block;
    cursor: pointer;
    float: none;
    margin: 0 auto 1em;
    width: 7%;
    color: #313842;
    font-size: 16px;
    font-weight: 600;
    position: relative;
  }
  .contact-form form,
  .footer-logo {
    margin-top: 2em;
  }
  .banner-bottom-right {
    border-left: none;
  }
  .banner-left-grid {
    float: left;
    width: 100%;
  }
  .post-left {
    float: left;
    width: 44%;
  }
  .post-right {
    float: left;
    width: 56%;
  }
  .footer-left,
  .viewport {
    float: left;
    width: 50%;
  }
  .footer-comments {
    float: left;
    width: 51%;
    margin-top: 2em;
  }
  .footer-logo {
    float: left;
    width: 49%;
  }
  .advertisement h3:after {
    left: 19%;
    width: 81%;
  }
  .technology {
    width: 693px;
  }
  .lifestyle-left-grid {
    float: none;
    width: 100%;
  }
  .lifestyle-bg {
    min-height: 309em !important;
  }
  .travel-bg {
    min-height: 237em !important;
  }
  .contact-bg {
    min-height: 74em !important;
  }
  .archives-grid {
    float: left;
    width: 33.33%;
  }
  .archives-left {
    width: 100%;
    float: none;
  }
  .archives-bg {
    min-height: 186em !important;
  }
  .fullwidth-left-grid:nth-child(3) {
    display: none;
  }
  .fullwidth-bg {
    min-height: 135em !important;
  }
  .celebrity-bg {
    min-height: 240em !important;
  }
  .respond input[type="text"],
  .success-right {
    width: 100%;
  }
  .single-bg {
    min-height: 251em !important;
  }
  .post-right h4 {
    margin: 0;
  }
  .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: inline-block;
    float: left;
    padding: 1em 3.9em;
    border: 1px solid #000;
  }
  .twt p:after {
    height: 18px;
    width: 25px;
    content: "";
    background: url(../images/smal.png) no-repeat red;
    display: block;
    position: absolute;
    left: 49px;
    top: 63px;
  }
  .post {
    margin: 1em 0 0;
  }
  .mail-info-grid h6 {
    font-size: 15px;
  }
  .mail-info-grid h3 {
    font-size: 19px;
  }
  .post-grids-1 {
    margin: 1em 0;
  }
  .post-right1 {
    float: right;
    width: 56%;
  }
  .post-left1 {
    float: left;
    width: 39%;
  }
  .post-grids {
    padding-bottom: 0;
    border-bottom: 1px solid #f2f2f2;
    padding-top: 1em;
    margin: 0 0 1em;
  }
  .login-page {
    padding: 0;
  }
  .login-left p,
  .login-right p {
    font-size: 12px;
  }
}
@media (max-width: 640px) {
  .header-bottom {
    padding: 2em 0;
  }
  .blog-grid-right a {
    font-size: 11px;
  }
  .banner-left-grid h4 {
    line-height: 1em;
  }
  .celebrity-bg {
    min-height: 241em !important;
  }
  .technology h3 {
    font-size: 3em;
  }
  .technology p {
    font-size: 18px;
  }
  .technology h2 {
    font-size: 7em;
  }
  .banner-bg {
    min-height: 140px;
  }
  .technology-bg {
    min-height: 13em !important;
  }
  .technology {
    width: 566px;
    background: url(../images/404.jpg) 0 0/100% no-repeat;
    min-height: 284px;
  }
  .lifestyle-bg {
    min-height: 296em !important;
  }
  .archives-bg {
    min-height: 189em !important;
  }
  .archives-info ul li a {
    font-size: 12px;
  }
  .fullwidth-left p.comments {
    margin: 0.5em 0;
  }
  .head-logo {
    float: left;
    margin-top: 0;
  }
  .logo-right,
  .nav-right {
    display: none;
  }
  .bann-right h2 a {
    font-size: 18px;
    margin: 0.5em 0;
  }
  .bann-right h2 {
    margin: 0;
  }
  .recent {
    padding: 2em 0 0;
  }
  .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    padding: 1em 2.7em;
    border: 1px solid #000;
  }
  .up-arrow {
    background: #222323;
    padding: 0.5em;
  }
  .up-arrow-left li a {
    font-size: 12px;
    padding: 0.5em 0.2em;
  }
  .footer {
    background: #313842;
    padding: 1.5em 1em;
  }
  .copyright,
  .success-right {
    width: 100%;
  }
  .text-danger {
    width: 100%;
    text-align: center;
  }
  .copyright-new {
    width: 100%;
    margin: 0;
  }
  .copyright-new p {
    text-align: left;
  }
}
@media (max-width: 480px) {
  .archives-grid:nth-child(3),
  .nav-right {
    display: none;
  }
  .head-logo {
    float: left;
    margin-top: 0;
    text-align: center;
  }
  .banner-left-grid a img,
  .footer-left {
    margin: 1em 0;
  }
  .header-bottom {
    padding: 2em 0;
  }
  span.menu {
    width: 12%;
  }
  .banner-grids {
    top: -4em;
  }
  .archives-grid {
    float: left;
    width: 50%;
  }
  .archives-left {
    width: 100%;
    float: none;
  }
  .advertisement h3:after {
    left: 32%;
    width: 68%;
  }
  .sponsors h3:after {
    left: 21%;
    width: 77%;
  }
  .archives-bg {
    min-height: 193em !important;
  }
  .footer-comments,
  .footer-left,
  .footer-logo,
  .viewport,
  p.text-1,
  p.text-2,
  p.text-3,
  p.text-4 {
    float: none;
    width: 100%;
  }
  #slider3-pager a,
  .success-right {
    width: 100%;
  }
  .banner-left-grid h3:after {
    background: 0 0;
  }
  .copyright p,
  .post-right h4 a,
  .post-right p.text,
  .post-right1 h4 a {
    font-size: 12px;
  }
  .banner-left-grid p.comments {
    margin: 0.5em 0;
  }
  .blog-grid-left {
    width: 37%;
    margin: 0 auto;
    float: none;
  }
  .blog-grid-right {
    float: none;
    width: 100%;
    margin: 0.5em 0 0;
    text-align: center;
  }
  .post-right h4,
  .travel-left-grid p.text {
    margin: 0;
  }
  .post-right p.comments {
    font-size: 11px;
    margin: 0.3em 0;
  }
  .celebrity-bg {
    min-height: 252em !important;
  }
  .technology {
    width: 406px;
    min-height: 200px;
  }
  .technology h3 {
    font-size: 2em;
  }
  .technology h2 {
    font-size: 5em;
  }
  .bann-right h2 a,
  .technology p {
    font-size: 16px;
  }
  .back-to-home a {
    font-size: 1.2em;
  }
  .banner-bg {
    min-height: 91px;
  }
  .technology-bg {
    min-height: 8em !important;
  }
  .lifestyle-left-grid h4 a {
    font-size: 14px;
  }
  .lifestyle-left-grid {
    margin-top: 1em;
    padding: 0;
  }
  .lifestyle-bg {
    min-height: 262em !important;
  }
  .plain-info h6 span,
  .travel-left-grid h6 {
    font-size: 13px;
  }
  .travel-left-grid span {
    font-size: 11px;
  }
  .plain-info h6 {
    font-size: 18px;
    line-height: 1.5em;
  }
  .post {
    margin: 1em 0 0;
  }
  .post h3:after {
    width: 73%;
    left: 27%;
  }
  .plain {
    background: url(../images/26.jpg) 0 0/100% no-repeat;
    min-height: 144px;
    margin-top: 1em;
  }
  .travel-bg {
    min-height: 204em !important;
  }
  .nav-right {
    float: none;
  }
  .contact-bg {
    min-height: 78em !important;
  }
  .rslides_tabs {
    bottom: 0;
    padding: 0.2em 0;
  }
  p.comments {
    margin: 1em 0 0.5em;
  }
  .banner-left-grid h5 {
    padding: 0 0 1em;
  }
  .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    padding: 0.8em 1.35em;
  }
  .twt p:after {
    left: 49px;
    top: 84px;
  }
  .copyright,
  .lor-ip {
    margin: 2em 0 0;
  }
  .viewport p {
    margin: 1em 0 0;
    font-size: 12px;
  }
  .banner-bottom-right {
    margin: 0;
    padding: 0;
  }
  .respond h4 {
    font-size: 22px;
  }
  .register-bottom-grid div,
  .register-top-grid div {
    width: 100%;
    float: none;
    margin: 10px 0;
  }
  div.register-bottom-grid {
    margin-top: 5em;
  }
  .register {
    padding: 1em 0;
  }
  .login-left h3,
  .login-right h3,
  .register-bottom-grid h3,
  .register-top-grid h3 {
    font-size: 1.1em;
  }
  .login-right.wow.fadeInRight {
    padding: 0;
  }
  .text-danger {
    width: 100%;
    text-align: center;
  }
  .up-arrow-new p {
    color: #fff;
    font-size: 13px;
    margin: 0;
    text-decoration: none;
    padding-left: 25em;
    padding-top: 0;
    float: left;
    width: 100%;
  }
}
@media (max-width: 320px) {
  .head-logo a img {
    width: 69%;
  }
  .banner-grids {
    top: -5em;
  }
  span.menu {
    width: 16%;
    margin: 0 auto 0.5em;
    font-size: 14px;
  }
  .rslides img {
    width: 146%;
  }
  .archives-grid,
  .banner-left-grid {
    float: none;
    width: 100%;
  }
  .bann-left,
  .bann-right,
  .banner-bottom-left,
  .banner-left-grid,
  .contact-form,
  .footer-flick,
  .footer-left,
  .mail-info-grid,
  .post-grids-1,
  .viewport {
    padding: 0;
  }
  .banner-left-grid h3,
  .post-right1 h4 {
    margin: 0;
  }
  .post-left {
    float: none;
    width: 66%;
    margin: 0 auto;
  }
  .post-right {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0.5em 0 0;
  }
  .post-grids {
    margin: 0;
    padding-bottom: 1em;
  }
  .post h3:after {
    width: 60%;
    left: 40%;
  }
  .advertisement h3:after {
    left: 54%;
    width: 45%;
  }
  .advertisement p {
    padding: 7em 0;
  }
  #slider3-pager a,
  .success-right {
    width: 100%;
  }
  .rslides_tabs {
    width: 100%;
    left: 0;
  }
  .sponsors-grid p {
    padding: 2em 0;
  }
  .sponsors-grid-left {
    width: 45.9%;
  }
  .video h3:after {
    left: 55%;
    width: 45%;
  }
  .video iframe {
    width: 100%;
    height: 117px;
    margin-top: 1em;
  }
  .twitter h3:after {
    left: 30%;
    width: 70%;
  }
  .twitter-info p span.time a {
    width: 43%;
  }
  .recent-posts h3:after {
    left: 48%;
    width: 54%;
  }
  .ban-top p,
  .mail-info-grid h6,
  .mail-info-grid p,
  .plain-info h6 span,
  .recent-posts ul li a,
  .single-bottom ul li a,
  .twt p {
    font-size: 12px;
  }
  .recent-posts ul li,
  .single-left-grid img {
    margin: 0 0 0.5em;
  }
  .copyright {
    margin: 1em 0 0;
  }
  .banner-left-grid a img {
    margin: 0.5em 0;
  }
  .celebrity-bg {
    min-height: 350em !important;
  }
  .technology {
    background: url(../images/404.jpg) -45px 0/208% no-repeat;
    width: 244px;
    padding: 0.5em;
    min-height: 157px;
  }
  .technology h2 {
    font-size: 9em;
  }
  .back-to-home a,
  .technology h3 {
    font-size: 1.5em;
  }
  .technology-bg {
    min-height: 13em !important;
  }
  .archives-info ul li a,
  .contact-form input[type="text"],
  .lifestyle-left-grid h4 a {
    font-size: 13px;
  }
  .lifestyle-bg {
    min-height: 253em !important;
  }
  .single-left-grid h4 {
    font-size: 14px;
  }
  .single-bottom ul li {
    display: block;
    font-size: 12px;
  }
  .single-bg {
    min-height: 227em !important;
  }
  .archives-grid:nth-child(4),
  .fullwidth-left-grid:nth-child(2),
  .logo-right {
    display: none;
  }
  .archives-info h5,
  .mail-info-grid h3 {
    font-size: 16px;
  }
  .archives-info ul {
    margin: 2em 0 0;
    padding-left: 0;
  }
  .archives h2 {
    font-size: 26px;
  }
  .archives-bg {
    min-height: 194em !important;
  }
  .fullwidth-bg {
    min-height: 141em !important;
  }
  .contact h2 {
    font-size: 24px;
  }
  .map iframe {
    min-height: 150px;
  }
  .contact-form form,
  .fb-like-box.fb_iframe_widget,
  .fb-page.fb_iframe_widget {
    margin-top: 1em;
  }
  .contact-form textarea {
    font-size: 13px;
    min-height: 100px;
  }
  .contact-bg {
    min-height: 50em !important;
  }
  .plain-info h6 {
    font-size: 13px;
    padding: 1em 0 0;
  }
  .more a {
    padding: 0.5em 1em;
  }
  .respond textarea {
    min-height: 112px;
  }
  .ar-ch,
  .header-bottom {
    padding: 1em 0;
  }
  .bann-right h2 {
    margin: 0;
    line-height: 0.8em;
  }
  .bann-right h2 a {
    font-size: 14px;
    line-height: 0.5em;
  }
  .banner-bottom-right,
  .recent-posts ul {
    margin: 1em 0 0;
    padding: 0;
  }
  .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    padding: 0.5em 0.68em;
    font-size: 0.8125em;
  }
  .lor-ip p {
    font-size: 12px;
    padding-bottom: 0;
  }
  .twt p:after {
    left: 49px;
    top: 126px;
  }
  .footer-grids h3 {
    font-size: 15px;
    margin: 0;
  }
  .lor-ip iframe {
    width: 240px !important;
    height: 270px !important;
  }
  .footer-flick iframe {
    width: 246px !important;
    height: 270px !important;
  }
  .text-danger,
  .up-arrow-new p {
    width: 100%;
    text-align: center;
  }
  .fb-page.fb_iframe_widget span {
    width: 100% !important;
  }
  .up-arrow-new p {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
  }
  .copyright p,
  .copyright-new p {
    color: #fff;
    font-size: 13px;
    margin: 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .ab-txt,
  .ban-top p,
  .banner-nav > li > a,
  .copyright p,
  .copyright-new p a,
  .footer-left ul li a,
  .nav > li > a,
  .new-text,
  .single-left-grid p.text,
  .ul_name,
  .up-arrow-right a,
  .viewport p,
  a.pro-link1:link,
  a.pro-link1:visited,
  a.pro-link:visited,
  body {
    font-size: 17px !important;
  }
  .single-left-grid h6 {
    font-size: 19px !important;
  }
  .single-left-grid h2,
  .single-left-grid h3 {
    font-size: 20px !important;
  }
  .tbdetail table td {
    padding: 5px;
  }
  .single-left-grid h4 {
    font-size: 18px !important;
  }
  a.pro-link:link {
    font-size: 17px;
  }
  span.menu {
    color: #fff;
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 10px;
  }
}
.costom {
  margin: 100px 0;
}
.costom h3 {
  font-size: 40px;
  color: #f58634;
}
.costom a {
  font-size: 25px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .top-nav {
    display: none;
  }
  .mob-nav {
    display: block;
    color: #fff;
  }
  .mob-nav a {
    color: #fff;
    line-height: 35px;
    text-decoration: none;
  }
  .mob-nav a.facebook-img,
  .mob-nav a.twitter-img,
  .mob-nav a.youtube-img {
    padding-left: 20px;
    float: right;
  }
}

.new-types h2 {
  color: #e87119;
  font-size: 17px;
}

.new-types .new-text {
  font-size: 13px;
  text-align: center;
  font-weight: 700;
  color: #e87119;
}

/* add styling by rahul  */

/* Sticky Header */

.header {
  position: sticky;
  top: 0; /* Sticks to the top of the viewport */
  z-index: 1000; /* Ensures it stays above other content */
  background-color: #fff; /* Optional background to avoid overlap issues */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow for visibility */
}

.header-top {
  padding: 10px 0;
}

.header-bottom {
  padding: 10px 0;
}

.clearfix {
  clear: both;
}

/* about */
.sliding img {
  display: block;
  float: left;
  width: 100%;
  object-fit: fill;
  border: 0;
}

/* enquiry button */

/* Flexbox for Inner Container */
.cta-two__inner {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #313842;
  padding: 10px 20px 10px 10px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px; /* Spacing between text and button */
  flex-wrap: wrap; /* Ensures proper layout on smaller screens */
}

/* Title Box */
.cta-two__title-box .title {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

/* Button Box */
.cta-two__btn-box .cta-two__btn {
  display: inline-block;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 600;
  background-color: #007bff;
  color: #ffffff;
  border: none;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);
}

/* Button Hover Effect */
.cta-two__btn-box .cta-two__btn:hover {
  background-color: #0056b3;
  box-shadow: 0 6px 15px rgba(0, 86, 179, 0.3);
  transform: translateY(-2px);
}

.cta-two__btn-box .cta-two__btn {
  margin-top: 10px;
}


/* added by rahul */
/* added by rahul */

.h3-heading{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 35px;
    margin: 0 0 15px;
    color: #be1319;
    
}

.sidebar-heading a{
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}

.accordion .accordion-item {
    border-bottom: 1px solid #e5e5e5;
  }
  
  .accordion .accordion-item button[aria-expanded='true'] {
    border-bottom: 1px solid #03b5d2;
  }
  
  .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px;
    color: #ffffff;
    border: none;
    background: none;
    outline: none;
    background: #e87119;
  }
  
  .accordion button:hover,
  .accordion button:focus {
    cursor: pointer;
    color: #03b5d2;
  }
  
  .accordion button:hover::after,
  .accordion button:focus::after {
    cursor: pointer;
    color: #03b5d2;
    border: 1px solid #03b5d2;
  }
  
  .accordion button .accordion-title {
    color: #fff;
  }
  
  .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 20px;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
  }
  
  .accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
  }
  .accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
  }
  
  .accordion button[aria-expanded='true'] {
    color: #ffffff;
  }
  .accordion button[aria-expanded='true'] .icon::after {
    width: 0;
  }
  .accordion button[aria-expanded='true'] + .accordion-content {
    padding: 15px;
    opacity: 1;
    /* max-height: 9em; */
    max-height: 12em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 0em 0;
  } 


  /* added by Rahul - 31/7/2025 */

   
 .single-left-grid h3 {
    color: #f27c24;
    font-size: 18px;
    line-height: 22px;
}

.color-heading{
color: #f27c24 !important;
    font-size: 18px;
    line-height: 22px;
}
.float {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 50px;
  left: 20px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 100;
}
.my-float i{
  color: #fff;
  margin-top: 8px;
}