@font-face {
	font-family: 'cour';
	src: url('fonts/cour.eot');
	src: local('☺'), url('fonts/cour.woff') format('woff'), url('fonts/cour.ttf') format('truetype'), url('fonts/cour.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
    font-weight: normal;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

body{
  font-family: 'cour';
  background: #0f1526;
  font-size: 100%;
  color: #fff;
}
*{ outline:none;}
#loader{
	position: fixed;
    top: 0px;
    left: 0px;
    z-index: 50001;
    width: 100%;
	height: 100%;
	background: #0f1526;
}
.youtube-video{ position: absolute; left:0; top:0; width: 100%; height:100%}
.loader-cont{ position: absolute; width: 211px; left:50%; top: 50%; height: 200px; margin: -100px 0 0 -105px; color:#cff8ff; }
.overhid{ overflow: hidden;}
#faqs .section-cont{ min-height: 440px; }
#solutions .section-cont h2{ padding-bottom: 0;}
.slide-overhid{ width: 80%; margin: 0 auto; overflow: hidden;}
.slide-overhid img{ width: 100%;}
#logo-lft{ float:left; width: 48%;}
#logo-lft .logo img{  width: 90%;}
.userformdetails{ float: right; width: 40%;}

ul.soln_bull_exp{ color:#ca7893; padding-top: 33%; }
ul.soln_bull_events{color:#a1ca78; padding-top: 20%; }
ul.soln_bull_retail{color:#789fca; padding-top: 33%; }

ul.soln_bull_exp li{ margin: 5px 0 5px 20px; background: url(../images/bullet1.png) no-repeat left top; padding-left:30px; }
ul.soln_bull_events li{ margin: 5px 0 5px 20px; background: url(../images/bullet3.png) no-repeat left top; padding-left:30px; }
ul.soln_bull_retail li{ margin: 5px 0 5px 20px; background: url(../images/bullet2.png) no-repeat left top; padding-left:30px; }




.menubar{ position: absolute; left:0; top:0; width: 100%; z-index: 5200;background: #0f1526;  border-bottom:1px solid #29344c;}
.menubar ul{ float: right; margin:30px 20px 0 0; }
.menubar ul li{ float: left; padding:10px; line-height: 60px; }
.menubar ul li:last-child{ float: left; margin:0 10px 0 100px; line-height: 60px; }
.menubar ul li a{ color:#48dcb3; padding:10px 10px; font-weight:bold; text-decoration: none; }
.menubar ul li a:hover{ color:#fff; }
.menubar ul li a.active, .menubar ul li a.active:hover{ color:#fff; }
.menubar ul li:last-child a{ display: inline-block;
  color: #d5883b;
  border: 2px solid #d5883b;
  margin: 0;
  position: relative;
  padding: 10px 30px;
  border-radius: 50px;
  font-weight: bold;
  transition: 0.3s;
  line-height: normal;
  text-decoration: none;  }
  .menubar ul li:last-child a:hover{
    color: #fff;
    border: 2px solid #fff;
 }
 .menubar ul li:last-child a.active{ display: inline-block;
  color: #fff;
  border: 2px solid #fff;
  margin: 0;
  position: relative;
  padding: 10px 30px;
  border-radius: 50px;
  font-weight: bold;
  transition: 0.3s;
  line-height: normal;
  text-decoration: none;  }
ul.menu-slide{ overflow: hidden; position: absolute; width: 100%; bottom:12%; line-height: 60px; border-bottom: 1px solid #425173;}
ul.menu-slide li{ width:33%; float: left; text-align: center; }

ul.menu-slide li:nth-child(1){ color:#ca7893; }
ul.menu-slide li:nth-child(2){ color:#a1ca78; }
ul.menu-slide li:nth-child(3){ color:#789fca; }

ul.menu-slide li.active:nth-child(1), ul.menu-slide li:hover:nth-child(1){ color:#ca7893; border-bottom: 2px solid #ca7893;cursor: pointer; }
ul.menu-slide li.active:nth-child(2), ul.menu-slide li:hover:nth-child(2){ color:#a1ca78; border-bottom: 2px solid #a1ca78;cursor: pointer; }
ul.menu-slide li.active:nth-child(3), ul.menu-slide li:hover:nth-child(3){ color:#789fca; border-bottom: 2px solid #789fca;cursor: pointer; }

.parent-container{ position: absolute; width: 100%;  height:100%; left:0; top:0; }
.homemain-container{
  margin:0;
  width:100%;
  position: absolute;
  height: 100%;top:0;
  overflow: hidden;
}
section{ position: relative;}
.homemain-container img{
  width: 100%;
}
.home-content {
  position: absolute;
  width: 50%;
  right: 40px;
  bottom: 40px;
  text-align: right;
  top: auto;
  left: auto;
}
.home-content h1{
  font-size:150%;
  color: #fff;
  font-style: italic;
}
.lnk_experience{ display: inline-block; color: #d5883b; border:2px solid #d5883b; margin-right: 10px; position: relative; padding:10px 20px;  border-radius: 50px; margin-top:20px; font-weight: bold; transition: 0.3s; text-decoration: none; font-family: 'cour'; }
.lnk_experience:hover{ color: #cff8ff; border:2px solid #cff8ff; }
.lnk_experience i{ color: #d5883b; float: right; }
.lnk_experience:hover i{ color: #cff8ff; float: right; }


.video{ width: 100%; }

.fadein p { position:absolute; left:0; top:0; opacity: 0; }
.fadein p:first-child { position: relative; left:auto; top:auto; opacity: 1; }
.conthead{position:relative;}
.conthead h2{position:absolute; left:0; top:0; opacity: 0;}
.conthead h2:first-child{position:relative; left:auto; top:auto; opacity: 1;}
.user{ position: absolute; right:30%; bottom:0%; z-index: 1; width:25%; }
.user img{ width: 90%; }
#guyshadow{  position: absolute; left:0; bottom:0; }
#gamerboy{  position: relative; }
#content2{ position: absolute; left:5%; z-index: 1001; width:40%;}
.user-content { position: fixed; left:0%; top:0%; z-index: 5502; width:100%; height: 100%; background: rgba(0, 0, 0, .8); }
.user-content h1, #logo-lft p{ padding:0; font-size: 1.2rem; color: #cff8ff; }
.section0 p, .user-content p{ padding:0 0 20px 0; color: #cff8ff; }

#logo-lft p{ text-align: center;}

.cont{ position: absolute; right:5%; bottom:10%; z-index: 1002; width:470px; }
.cont h2{ color:#fff;  font-style: italic; font-size: 200%; text-align: right; font-style: italic; }
.cont h2 span{ color:#48dcb3;}

footer{position: absolute; left:5%; bottom:10px; z-index: 1001; width:40%;}
.footer1{position: absolute; left:0%; bottom:5%; z-index: 1001; width:100%;}
.footer1 p{ color:#888888;font-size: 80%; text-align: center;}
footer p{  color:#888888; font-size: 80%;}
.arrow {
    animation: slide1 1s ease-in-out infinite;
    margin-left: 9px;
    width:20px; height: 20px; text-align: center;
    margin-top:2px; 
  }
#formview{ overflow: hidden;}
#formview li:nth-child(1){ margin-right: 1px;}
#formview li{ float: left; padding:10px 30px; background: #cff8ff;color: #000; border-radius: 10px 10px 0 0;  }
#formview li:hover{ float: left; padding:10px 30px; background: #1ac0e1;color: #000; cursor: pointer; border-radius: 10px 10px 0 0;  }
#formview li.active{ float: left; padding:10px 30px; background: #1ac0e1; color: #000;border-radius: 10px 10px 0 0; cursor: default;  }

.popup-cont{ background: #0f1526; border:1px solid #1ac0e1; position: absolute; left:50%; top:50%; width: 500px; height: 500px; margin:-250px 0 0 -250px; border-radius: 10px;  }
.video-cont{ background: #0f1526; border:1px solid #1ac0e1; position: absolute; left:50%; top:50%; width: 560px; height: 315px; margin:-157px 0 0 -280px; border-radius: 0px;  }
.formfields{ padding:30px; text-align: center;  }

.formfields-innr{ width: 60%; margin: 0 auto;}
.formfields h3{color: #fff; text-align: center; font-weight: bold; font-size: 100%; padding-bottom: 20px; }
.formfields img{padding:30px 0; }
.formfields p{color: #fff; text-align: center; font-weight: bold; padding:20px 0; }
.formfields p span{color: #1ac0e1; }
.txtbox{  font-size: 100%; font-family: 'cour'; background: transparent; text-align: center; border:none; border-bottom:1px solid #425173; display: block; margin: 20px 0; padding:10px 0; width: 100%; color: #fff; }
.txtbox:focus { border-bottom:2px solid #48dcb3; }
.submitbtn{font-family: 'cour'; background: transparent;  color: #d5883b; border:2px solid #d5883b; padding:10px 30px;  border-radius: 50px;  margin-top:10px; font-size: 100%; }
.submitbtn:hover{color: #fff; cursor: pointer; border:2px solid #fff; }
.popup-close{ position: absolute; right:-10px; top:-10px; z-index: 2100;}
.popup-close:hover{ cursor: pointer; }
.popup-close img{ width: 30px;}
#myVideo{ width: 100%;  height: 100%; border-radius: 10px; }
.logo img{ width: 24%;}
.video img{ width:60%;  border:1px solid #1ac0e1;}
.video img:hover{ cursor: pointer; }
.section1 p span{color: #1ac0e1;}
.landscapemode{ position: absolute; left:0; top:0; z-index: 5100; width: 100%; height:100%; display: none;}

ul.contact-list{ overflow: hidden;}
ul.contact-list li{ float: left; width: 33%;}

.chatbot{ position: fixed; right:5px; bottom:0; z-index: 5200;}
ul.chatbot-icon{ overflow: hidden; animation: slide2 1s ease-in-out infinite; cursor: pointer; }
ul.chatbot-icon li{ float: left; padding:0 5px;  line-height: 50px;  font-size: .8rem; color: #fff; }
ul.chatbot-icon li img{ width:50px; }

.section>.tableCell>img{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
  filter: alpha(opacity=10); 
  opacity: 0.1;
}
.section>.tableCell{ position: relative;}

#txtmore {display: none;}
.section-cont{ position: relative; width: 90%; margin: 0 auto; top:6%;}
#about .section-cont{ position:absolute ; width: 40%; left:5%; top:25%; z-index: 1;}
#about .section-cont h2{ color: #1ac0e1;  }

.section-cont .video img{ width: 100%; }
.section-cont h2{ color: #fff; font-size: 125%; padding-bottom:20px; font-family: 'cour'; }

.section-cont p{ padding-bottom: 10px;  }
.overhid{ overflow: hidden;}
.content-lft{ float: left; width: 48%;}
.content-lft h2{ text-align: left;}
.content-rgt{ float: right; width: 48%;}


ul.featurs-list li, ul.featurs-list1 li{ overflow: hidden;}
ul.featurs-list li img, ul.featurs-list1 li img{ float: left;margin:0 10px 30px 0;}
ul.featurs-list li h3, ul.featurs-list1 li h3{ font-size: 1.2rem; font-weight: bold; padding-bottom: 5px; }

ul.featurs-list li:nth-child(1) h3, ul.featurs-list li:nth-child(1) p{ color:#cab178}
ul.featurs-list li:nth-child(2) h3, ul.featurs-list li:nth-child(2) p{ color:#ca9178}
ul.featurs-list li:nth-child(3) h3, ul.featurs-list li:nth-child(3) p{ color:#789fca}
ul.featurs-list li:nth-child(4) h3, ul.featurs-list li:nth-child(4) p{ color:#ca7893}
ul.featurs-list li:nth-child(5) h3, ul.featurs-list li:nth-child(5) p{ color:#c778ca}

ul.featurs-list1 li:nth-child(1) h3, ul.featurs-list1 li:nth-child(1) p{ color:#a1ca78}
ul.featurs-list1 li:nth-child(2) h3, ul.featurs-list1 li:nth-child(2) p{ color:#78caae}
ul.featurs-list1 li:nth-child(3) h3, ul.featurs-list1 li:nth-child(3) p{ color:#a178ca}
ul.featurs-list1 li:nth-child(4) h3, ul.featurs-list1 li:nth-child(4) p{ color:#78ca80}
ul.featurs-list1 li:nth-child(5) h3, ul.featurs-list1 li:nth-child(5) p{ color:#cac778}

.accordion {
  color: #1ac0e1;
  cursor: pointer;
  padding:0 0 0 30px;
  width: calc(100%-30px);
  border: none;
  text-align: left;
  outline: none;
  font-size: 100%;
  transition: 0.4s;
  background:#1d2841 url(../images/icons/plus.png) no-repeat left top;
  border-radius: 10px;
  margin-bottom: 20px;
}
.accordion p { padding:10px 40px 10px 10px;}
.accordion:hover {
  background: #1d2841 url(../images/icons/plus.png) no-repeat left top;
}
.accordion.active {
  background: #1d2841 url(../images/icons/minus.png) no-repeat left top;
}
.panel {
  padding: 0;
  display: none;
  overflow: hidden;
  color: #fff;
}
.panel p{ padding-top:0;}
.chatbot-sec{ text-align: center; padding: 20px; }
.chatbot-sec img{ width: 20%;}
.chatbot-sec p{ padding:10px 0 ; font-size: 1.2rem;}
.chatbot-sec p span{ color:#1ac0e1 }

.chatbot-popup{ position: fixed;
  right: 10px;
  bottom: 80px;
  background: #fff;
  z-index: 5100;
  min-height: 60%;
  border-radius: 10px;
  padding: 20px;
  width: 300px;}

@keyframes slide1 {
  0%, 100% { transform: translate(0, 0);}
  50% { transform: translate(7px, 0);}
}
@keyframes slide2 {
  0%, 100% { transform: translate(0, 0);}
  50% { transform: translate(0, 7px);}
}
@keyframes slideguy {
  0% { transform: translate(0, 0);}
  25% { transform: translate(1px, 0);}
  50% { transform: translate(1px, 1px);}
  75% { transform: translate(-1px, 0);}
  100% { transform: translate(0, 0);}
}
@keyframes slideguyshadow {
  0%,100% { opacity: .8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
    filter: alpha(opacity=80); }
  50% { opacity: .2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; 
    filter: alpha(opacity=20); }
}

.menubar .logo {
  float: left;
  margin-left: 5%;
}
.menubar .logo  img{
  width: 130px;
}
nav{ display: block;}
a{  color:#d5883b; text-decoration: underline; }
a:hover{  color:#d5883b; text-decoration: none; }

ul.footer_links{ overflow: hidden; padding-bottom: 5px;}
ul.footer_links li{ float: left; padding-right:10px;font-size: .8rem; color:#cff8ff;}
ul.footer_links li a{  color:#cff8ff; }
ul.footer_links li a:hover{  color:#FFF; }

.cont, .conthead h2{ text-align: right;}
.conthead h2{ position: absolute; right:0;}

#getInTouch{ overflow:hidden; position: relative; width: 40%; margin: 0 auto; text-align: center;}


.enquiry .menubar{ position: relative; overflow: hidden;}
.enquiry .section{ position: relative; width: 90%; margin: 0 auto;}
.enquiry h1{ color:#1ac0e1; text-align: center; font-size: 1.4rem; padding: 20px 0;}
.enquiry h2{font-size: 1.6rem; color:#1ac0e1; float: left;}
.enquiry .btn_dwn{ float: right; text-decoration: none; margin-top:0}
.enquiry .tblgrid{ margin-top:20px ; height: 320px; overflow-x: hidden; overflow-y: scroll;}
.enquiry .clr{ clear: both;}
.enquiry .tblgrid table{border:1px solid #1ac0e1;}
.enquiry th{color: #1ac0e1; padding:5px;}
.enquiry td{padding:5px; color: #fff;}
.user-content-enquiry { position: fixed; left:0%; top:0%; z-index: 5502; width:100%; height: 100%; background: rgba(0, 0, 0, .8); }
.user-content-enquiry .popup-cont{background: #0f1526; border:1px solid #1ac0e1; position: absolute; left:50%; top:50%; width: 500px; height: 320px; margin:-160px 0 0 -250px; border-radius: 10px; }
.enquiry .tblgrid::-webkit-scrollbar { width: 10px; }
  
  /* Track */
 .enquiry .tblgrid::-webkit-scrollbar-track {
  background: #1ac0e1; 
  }
  
  /* Handle */
 .enquiry .tblgrid::-webkit-scrollbar-thumb {
  background: #fff; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
  background: #fff; 
  }

.enquiry  .content-lft, .enquiry  .content-rgt{ width: 45%;}
.fordesktop{display: block;}
.formobile{display: none;}
@media (min-width:2000px)  {
  .youtube-video{left: 50%;
    width: 80%;
    margin: 0 0 0 -40%;} 
 
}
@media (min-width:1400px)  {
  .logo img{ width: 30%;}
 
}
@media (min-width:1366px)  and (max-width:1366px) {
  footer{ width: 50%;}
  p{ font-size: 1rem;}
  .menubar ul li a{ font-size: 1rem;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
    .parent-container{ position: absolute; width: 65%; height:100%; left:50%; top:0; margin-left:-35%; }
    ul.footer_links{ overflow: hidden; padding-bottom: 5px; margin: 0 auto; width: 75%;}
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){

    .home-content{position: relative;
      width: 100%;
      right: auto;
      bottom: auto;
      text-align: center;
      top: auto;
      left: auto;
      padding-top:40px;
    }
    #about .section-cont {
      position: relative;
      width: 90%;
      left: auto;
      top: auto;
      z-index: 1;
    }
    .formfields h3{font-size: 80%; }
    p{font-size: 70%;}
    .content-lft { float: none;  width: 100%; }
    .content-rgt { float: none;  width: 100%; }
    .user{ right: 35%;}
    .chatbot-sec {padding: 0;}
    ul.contact-list li{ float: none; padding:0; width: 100%; }
    .txtbox{ margin:10px 0; }
      .logo{ text-align: center;}
      .logo img { width: 40%; }
    #content2 { position: relative; left: 0%; width: 90%; }
    .section0 h1, .user-content h1, #logo-lft p {
      padding: 5px;
      font-size: .8rem;
      text-align: center;
    }
    .section0 p, .user-content p {
      text-align: center;
      padding:5px 5px 20px 5px;
    }
    .cont a i{ position: absolute; top:4px;}
    .homemain-container{
      position: relative;
      height: auto;
    }
    .cont {
      position: relative;
      right: 0%;
      bottom: auto;
      z-index: 1002;
      width: 100%;
    }
    .cont h2{ font-size: 1rem; text-align: center;}
    
    .lnk_experience, .lnk_experience:hover {
      padding: 5px 20px;
      display: block;
      margin: 10px auto 0 auto;
      width: 145px;
      font-size: .8rem;
      text-decoration: none;
      text-align: center;
    }
    .arrow{ height:15px;}
    .video { padding: 20px 0; text-align: center;}
    .video img{ width: 90%;}
    
    footer {
      position: relative;
      left: 0;
      bottom: 0;
      z-index: 1001;
      width: 100%;
      text-align: center;
      padding-bottom: 20px;
    }
    .slide-overhid{ width: 100%;}
    ul.soln_bull_exp, ul.soln_bull_events, ul.soln_bull_retail{ padding-top: 0;}
    .popup-cont{ height: 360px;left:5%; width: 90%;margin:-180px 0 0 0; }
    .video-cont{  left:5%; width: 90%;  margin:-157px 0 0 0;  }
    .formfields-innr{ width: 100%;}
    .section-cont h2{ text-align: center;}
    #about .section-cont p{ text-align: center;}
      .menubar .logo{ float: left; margin: 0;}
      nav{ padding-top:40px; display: none;}
      #logomain{display: none; width: 35%; }
      #logomain img{ width: 100%; }
      ul.chatbot-icon li{ line-height: 35px; }
      ul.chatbot-icon li img{ width: 30px;}
      .chatbot-popup{ z-index:5250; top:20px; bottom: 50px; right:2%; padding:2%; width: 92%; height: 80%;}
      .parent-container{ position: relative;}
      .section>img{ display: none; }
      .section-cont{ position: relative; top:0; width: 90%; text-align: left; padding-bottom: 30px;left:0; }
    
      #getInTouch{ width: 100%; margin: 0 auto;}
      .section-cont h2{ padding-bottom: 10px;padding-top:40px;}
    .section3 .section-cont{ width: 90%; }
    .mobile-menu, .menuclose{ position: fixed; width: 40px; right:0;}
    .mobile-menu img, .menuclose img{ width: 100%;}
    
    .menubg{ position: fixed; left:0; top:0; width: 100%; height: 100%; background:rgba(16, 23, 38, .7); z-index: 5200; display: none;}
    .menubar{  overflow: hidden; position: fixed; z-index: 5350; background: #0f1526; height: 40px;  }
    nav{ position: fixed;  width: 100%; background: #0f1526;}
    .menubar ul{ float: none; width: 100%; padding:10px 0; margin:0; }
    .menubar ul li{ float: none; width: 100%; line-height: 40px; }
    
    .youtube-video{ position: relative;}
   
  }


@media (min-width:290px) and (max-width:870px) {
  .fordesktop{display: none;}
.formobile{display: block;}
.formfields h3{font-size: 80%; }
.home-content{position: relative;
  width: 100%;
  right: auto;
  bottom: auto;
  text-align: center;
  top: auto;
  left: auto;
  padding-top:40px;
}
#about .section-cont {
  position: relative;
  width: 90%;
  left: auto;
  top: auto;
  z-index: 1;
}
p{font-size: 70%;}
.content-lft { float: none;  width: 100%; }
.content-rgt { float: none;  width: 100%; }
.user{ right: 35%;}
.chatbot-sec {padding: 0;}
ul.contact-list li{ float: none; padding:0; width: 100%; }
.txtbox{ margin:10px 0; }
  .logo{ text-align: center;}
  .logo img { width: 40%; }
#content2 { position: relative; left: 0%; width: 90%; }
.section0 h1, .user-content h1, #logo-lft p {
  padding: 5px;
  font-size: .8rem;
  text-align: center;
}
.section0 p, .user-content p {
  text-align: center;
  padding:5px 5px 20px 5px;
}
.cont a i{ position: absolute; top:4px;}
.homemain-container{
  position: relative;
  height: auto;
}
.cont {
  position: relative;
  right: 0%;
  bottom: auto;
  z-index: 1002;
  width: 100%;
}
.cont h2{ font-size: 1rem; text-align: center;}

.lnk_experience, .lnk_experience:hover {
  padding: 5px 20px;
  display: block;
  margin: 10px auto 0 auto;
  width: 145px;
  font-size: .8rem;
  text-decoration: none;
  text-align: center;
}
.arrow{ height:15px;}
.video { padding: 20px 0; text-align: center;}
.video img{ width: 90%;}

footer {
  position: relative;
  left: 0;
  bottom: 0;
  z-index: 1001;
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
}
.slide-overhid{ width: 100%;}
ul.soln_bull_exp, ul.soln_bull_events, ul.soln_bull_retail{ padding-top: 0;}
.popup-cont{ height: 360px;left:5%; width: 90%;margin:-180px 0 0 0; }
.video-cont{  left:5%; width: 90%;  margin:-157px 0 0 0;  }
.formfields-innr{ width: 100%;}
.section-cont h2{ text-align: center;}
#about .section-cont p{ text-align: center;}
  .menubar .logo{ float: left; margin: 0;}
  nav{ padding-top:40px; display: none;}
  #logomain{display: none; width: 35%; }
  #logomain img{ width: 100%; }
  ul.chatbot-icon li{ line-height: 35px; }
  ul.chatbot-icon li img{ width: 30px;}
  .chatbot-popup{ z-index:5250; top:20px; bottom: 50px; right:2%; padding:2%; width: 92%; height: 80%;}
  .parent-container{ position: relative;}
  .section>img{ display: none; }
  .section-cont{ position: relative; top:0; width: 90%; text-align: left; padding-bottom: 30px;left:0; }

  #getInTouch{ width: 100%; margin: 0 auto;}
  .section-cont h2{ padding-bottom: 10px;padding-top:40px;}
.section3 .section-cont{ width: 90%; }
.mobile-menu, .menuclose{ position: fixed; width: 40px; right:0;}
.mobile-menu img, .menuclose img{ width: 100%;}

.menubg{ position: fixed; left:0; top:0; width: 100%; height: 100%; background:rgba(16, 23, 38, .7); z-index: 5200; display: none;}
.menubar{  overflow: hidden; position: fixed; z-index: 5350; background: #0f1526; height: 40px;  }
nav{ position: fixed;  width: 100%; background: #0f1526;}
.menubar ul{ float: none; width: 100%; padding:10px 0; margin:0; }
.menubar ul li{ float: none; width: 100%; line-height: 40px; }

.youtube-video{ position: relative;}

}

@media (min-width:290px) and (max-width:500px) {
ul.footer_links{ padding-bottom: 10px;}
ul.footer_links li{ float: left; width: 50%; margin-bottom: 5px; padding-right:0; text-align: center;}
ul.footer_links li:nth-child(even){ display: none;}
}