@import "bootstrap.min.css";
@import "font-awesome.min.css";
@import "owl.carousel.css";
@import "lightbox.css";
@import "animate.css";
@font-face {
  font-family: 'HarabaraMaisBold-HarabaraMaisBold';
  src: url('../fonts/textfonts/HarabaraMaisBold-HarabaraMaisBold.eot');
  src: url('../fonts/textfonts/HarabaraMaisBold-HarabaraMaisBold.woff2') format('woff2'),
       url('../fonts/textfonts/HarabaraMaisBold-HarabaraMaisBold.woff') format('woff'),
       url('../fonts/textfonts/HarabaraMaisBold-HarabaraMaisBold.ttf') format('truetype'),
       url('../fonts/textfonts/HarabaraMaisBold-HarabaraMaisBold.svg#HarabaraMaisBold-HarabaraMaisBold') format('svg'),
       url('../fonts/textfonts/HarabaraMaisBold-HarabaraMaisBold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TYPOCOMICSBoldDEMO';
  src: url('../fonts/textfonts/TYPOCOMICSBoldDEMO.eot');
  src: url('../fonts/textfonts/TYPOCOMICSBoldDEMO.woff2') format('woff2'),
       url('../fonts/textfonts/TYPOCOMICSBoldDEMO.woff') format('woff'),
       url('../fonts/textfonts/TYPOCOMICSBoldDEMO.ttf') format('truetype'),
       url('../fonts/textfonts/TYPOCOMICSBoldDEMO.svg#TYPOCOMICSBoldDEMO') format('svg'),
       url('../fonts/textfonts/TYPOCOMICSBoldDEMO.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700&subset=latin-ext');
*{
  padding: 0;
  margin: 0;
  font-family: 'Ubuntu', sans-serif;
}
/* Short Class */
.ListStyleNone{
  list-style: none;
  display: block;
}
/* Site */
#TopLine{
  position: relative;
  width: 100%;
  height:25px;
  background: #dbdde9;
}
#SiteHeader{
  position: relative;
  width: 100%;
  height: auto;
  background: #eff0f5;
}
#SiteLogo{
  position: relative;
  width: 390px;
  height: auto;
  float: left;
  padding-top: 25px;
}
#HeaderRight{
  position: relative;
  width: calc(100% - 400px);
  height: auto;
  float: right;
}
#SiteLang{
  position: relative;
  float: right;
  width: 200px;
  height: 40px;
  margin-bottom: 20px;
  background: url(../img/earthvector.png)no-repeat top 5px right;
}
#SiteLang ul{
  display: block;
}
#SiteLang ul li{
  position: relative;
  display: inline-block;
  margin: 0 5px;
}
#SiteLang ul li::before{
  position: absolute;
  content: '';
  width: 1px;
  height: 70%;
  background: #1d1d1b;
  right: -8px;
  top: 0;
  bottom: 0;
  margin:  auto;
}
#SiteLang ul li:last-child::before{
  display: none;
}
#SiteLang ul li a{
  font-size: 11px;
  color: #1d1d1b;
  text-decoration: none;
  transition: all .3s;
}
#SiteLang ul li a:hover{
  color: #f1592a;
  transition: all .3s;
}
#PurgeProf{
  position: relative;
  float: right;
}
#HeaderMenu{
  position: relative;
  float: right;
  z-index: 99;
}
#HeaderMenu ul li{
  position: relative;
  display: inline-block;
  line-height: 45px;
}
#HeaderMenu ul li::before{
  position: absolute;
  content: '';
  width: 2px;
  height: 45px;
  top: 0;
  right: 0;
  background: url(../img/menuline.png)no-repeat center;
}
#HeaderMenu ul li:last-child::before{
  display: none;
}
#HeaderMenu ul li a{
  display: block;
  padding: 0 17px;
  color: #283891;
  font-size: 18px;
  text-decoration: none;
  transition: all .3s;
}
#HeaderMenu ul li:hover > a{
  color: #f1592a;
  transition: all .3s;
}
#HeaderMenu ul ul{
  position: absolute;
  display: none;
  top: 90%;
  width: 250px;
  height: auto;
  background: #eff0f5;
  z-index: 99;
  padding-top: 10px;
}
#HeaderMenu ul ul li{
  display: block;
}
#HeaderMenu ul ul li a{
  font-size: 16px;
}
#HeaderMenu ul ul li::before{
  display: none;
}
#HeaderMenu ul li:hover ul{
  display: block;
}
#HomeSlider{
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #dbdde9;
}
#HomeSlider .item a img{
  display: block;
  max-width: 100%;
}
#HomeSlider .owl-controls{
  position: absolute;
  width: 40%;
  right: 0;
  top: 15px;
  text-align: right;
}
#HomeSlider .owl-page {
  display: inline-block;
  margin: 2px;
  overflow: hidden;
}
#HomeSlider .owl-page span {
  background: blue;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: blue;
}
#HomeSlider .owl-page.active span{
  background: #ed6324;
}
.SliderImage img {
    max-width: 100%;
}
.SliderText{
  position: relative;
  padding-top: 50px;
}
.SliderLogo{
  position: relative;
  margin-bottom: 35px;
}
.SliderLogo img{
  display: block;
  width: auto;
}
.STextSec{
  position: fixed;
  max-width: 100%;
  font-size: 40px;
  color: #f1592a;
  top: 50%;
  transform: translateY(-50%);
}
.STextSec a{
  display: block;
  font-size: 24px;
  color: #283891;
  text-decoration: none;
}
.SliderList{
  display: block;
}
.SliderList li{
  position: relative;
  display: block;
  padding-left: 20px;
  font-weight: 400;
  font-size: 30px;
}
.SliderList li::before {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #f1592a;
  overflow: hidden;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.STText{
  font-size: 40px;
  color: #283891;
  line-height: 100%;
}
#MaxTechno{
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px 0;
  background: #ed6324;
}
#MTHeadImage{
  position: relative;
  width: 345px;
  height: 65px;
  margin: 0 auto;
  margin-bottom: 25px;
}
#MTBoxes{
  position: relative;
  width: 100%;
  height: auto;
}
#MTBoxes > div{
  height: 229px;
}
#MTBoxes .col-md-2{
  padding: 0 !important;
}
.MTBox{
  position: relative;
  width: 185px;
  height: 165px;
  background: #283891;
  margin-bottom: 10px;
}
.MTBox img{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.MTBoxText{
  display: block;
  font-size: 19px;
  color: #fff;
  text-align: center;
  padding: 0 10px;
  margin: 0;
}
#WhyTurboPurge{
  position: relative;
  width: 100%;
  height: auto;
  padding: 35px 0;
  background: #dbdde9;
}
.WhyList{
  position: relative;
  padding-top: 60px;

}
.WhyList h1{
  font-size: 45px;
  color: #050708;
  margin: 0;
  padding: 0;
  margin-bottom: 50px;
  font-style: italic;
}
.WhyList span{
  font-style: normal;
  font-family: 'HarabaraMaisBold-HarabaraMaisBold' !important;
}
.TextBlue{
  color: #283891;
}
.TextOrange{
  color: #f1592a;
}
.WhyList ul{

	list-style:none;
	margin:0;
}
.WhyList ul li{
  position: relative;
  padding-left: 20px;
  font-size: 30px;
  color: #283891;
  margin-bottom: 15px;
  font-weight: 400;
}
.WhyList ul li::before{
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #f1592a;
  overflow: hidden;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#FreeTrial{
  position: relative;
  width: 100%;
  height: auto;
  padding-left: 20px;
  margin-bottom: 35px;
}
#FreeTrial a{
  cursor: pointer;
}
.ListDesc{
  position: relative;
  width: 100%;
  height: auto;
  font-size: 18px;
  color: #283891;
  font-weight: 400;
}
.HomeChart{
  position: relative;
}
.ChartHeadOne{
  display: block;
  font-size: 30px;
  color: #050708;
  font-style: italic;
  margin-bottom: 10px;
  text-align: center;
  font-weight: 400;
}
.ChartHeadTwo{
  display: block;
  height: 100px;
  font-size: 55px;
  text-align: center;
  color: #050708;
  background: url(../img/line.png)no-repeat bottom center;
  font-family: 'TYPOCOMICSBoldDEMO';
}
.ChartSec{
  position: relative;
  width: 100%;
  height: auto;
}
#CatalogSec{
  position: relative;
  width: 100%;
  height: auto;
  background: #ed6324;
}
#CatalogDesc{
  position: relative;
  width: 670px;
  height: auto;
  margin: 0 auto;
}
#CatalogImage, #CatalogTextButton{
  position: relative;
  display: inline-block;
  vertical-align: top;
}
#CatalogImage{
  width: 285px;
}
#CatalogImage img{
  position: absolute;
  top: 0;
}
#CatalogTextButton{
  width: 375px;
  padding-top: 10px;
}
#CatalogTextButton p{
  line-height: 100%;
  color: #fff;
  font-size: 37px;
  margin-bottom: 20px;
}
#CatalogTextButton a{
  display: block;
  margin-bottom: 20px;
  cursor: pointer;
}
#HomeVideo{
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}
#HomeVideo h1{
  position: relative;
  display: block;
  line-height: 100%;
  color: #5a5a5a;
  font-size: 45px;
  text-align: center;
  margin-bottom: 85px;
  font-weight: 400;
}
#HomeVideo h1::before{
  position: absolute;
  content: '';
  width: 100px;
  height: 10px;
  background: #9e9e9e;
  border-radius: 20px;
  left: 0;
  right: 0;
  bottom: -35px;
  margin: auto;
}
#VideoList{
  display: block;
  text-align: center;
}
#VideoList li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}
.HomeVideoSec{
  position: relative;
  width: 355px;
  height: 200px;
  overflow: hidden;
}
#SiteFooter{
  position: relative;
  width: 100%;
  height: auto;
  padding: 45px 0;
  background: #ed6324;
}
#FooterCompany{
  color: #303030;
  display: block;
  line-height: 100%;
  font-size: 40px;
  margin: 0;
  margin-bottom: 5px;
}
#FooterSlogan{
  display: block;
  font-size: 20px;
  color: #303030;
  line-height: 100%;
  margin: 0;
  margin-bottom: 30px;
}
#FooterAddress{
  display: block;
  font-size: 24px;
  color: #303030;
  line-height: 120%;
  margin-bottom: 50px;
}
.FooterHeader{
  display: block;
  font-size: 24px;
  color: #303030;
  margin: 0;
  margin-bottom: 20px;
}
.FooterTrial{
  display: block;
  cursor: pointer;
}
#InformationList{
  display: block;
}
#InformationList li {
  display: block;
  font-size: 24px;
  color: #303030;
  font-weight: 500;
}
#InformationList li i{
  width: 25px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
}
#FooterTurboPurge{
  display: block;
  margin: 10px 0;
}
#FooterSocial{
  display: block;
}
#FooterSocial li{
  display: inline-block;
  vertical-align: top;
  margin: 5px;
}
#FooterSocial li a{
  display: block;
  width: 45px;
  height: 45px;
  background: #303030;
  border-radius: 5px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  font-size: 25px;
  transition: all .3s;
}
#FooterSocial li a:hover{
  background: #fff;
  color: #303030;
  transition: all .3s;
}
#FooterMenu{
  display: block;
}
#FooterMenu li{
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
#FooterMenu li::before {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #303030;
  overflow: hidden;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all .3s;
}
#FooterMenu li:hover::before{
  background: #fff;
  transition: all .3s;
}
#FooterMenu li a {
  color: #303030;
  font-size: 18px;
  text-decoration: none;
  transition: all .3s;
}
#FooterMenu li a:hover {
  color: #fff;
  transition: all .3s;
}
/* Under Pages */
#PageImageText{
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
#PageImageText .container{
  position: relative;
}
#PageText{
  position: absolute;
  width: 100%;
  height: auto;
  padding: 15px 0;
  background: rgba(241,89,42,0.6);
  z-index: 9;
  top: 50%;
  transform: translateY(-50%);
  font-size: 75px;
  color: #fff;
  text-align: right;
  padding-right: 50px;
}
#PageWhyTurboPurge{
  position: relative;
  width: 100%;
  height: auto;
  padding: 15px 0;
  background: #dbdde9;
}
#PageWhyTurboPurge h1 {
  font-size: 45px;
  color: #283891;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}
#PageWhyTurboPurge p{
  color: #79797a;
  font-size: 24px;
  line-height: 120%;
}
.Txt h1{
  font-size: 40px;
  color: #283891;
}
.Txt p{
  font-size: 24px;
  color: #79797a;
  line-height: 130%;
}
.Txt, .Txt2{
  position: relative;
  padding: 15px 0;
}
.Txt2 h1{
  font-size: 35px;
  color: #79797a;
  margin-bottom: 40px;
}
.Txt2 p{
  font-size: 22px;
  color: #79797a;
  letter-spacing: -1px;
}
.Txt2 img,.Txt3 img{
  margin:0 0 30px 30px;
}
.TxtImage {
  padding: 0;
}
.TxtImage img{
  display: block;
  max-width: 100%;
  float: right;
}
#ThreexTechno{
  position: relative;
  width: 100%;
  height: auto;
  padding: 25px 0;
  background: #ed6324;
}
#TxTList li{
  display: block;
  margin-bottom: 10px;
}
.TxTNumber, .TxTText{
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.TxTNumber{
  width: 10%;
  text-align: center;
  color: #fff;
  font-size: 50px;
}
.TxTText{
  width: calc(100% - 11%);
  color: #fff;
  font-size: 20px;
  line-height: 100%;
}
.Txt3 h1{
  margin-bottom: 30px;
}
.Txt3 p{
  margin-bottom: 30px;
}
#BottomLine{
  position: relative;
  width: 100%;
  height: auto;
  padding: 25px 0;
  background: #dbdde9;
}
#BottomLine h1{
  display: block;
  font-size: 50px;
  color: #283891;
  margin-bottom: 35px;
  line-height: 100%;
  font-weight: 400;
}
#BottomLine img{
  display: block;
  max-width: 100%;
  margin-bottom: 50px;
}
#BottomLine p{
  font-size: 24px;
  line-height: 120%;
  color: #79797a;
  margin-bottom: 15px;
}
#GlobalPageImage{
  position: relative;
  width: 100%;
  height: auto;
  background: #dbdde9;
}
#GlobalPageImage .container{
  padding: 0;
  position: relative;
}
#GlobalPageImage h1{
  position: absolute;
  top: 20px;
  left: 170px;
  width: 200px;
  color: #fff;
  font-size: 60px;
}
#GlobalPageImage h2{
  position: absolute;
  right: 0;
  top: 50px;
  background: rgba(241,89,42,0.8);
  padding: 10px 15px;
  color: #fff;
  font-size: 62px;
  font-weight: 400;
}
#AddBg{
  background: #eff0f5;
}
.TxtContainer{
  position: relative;
  padding: 10px 0;
}
.TxtContainer h1{
  color: #79797a;
  font-size: 36px;
  margin-bottom: 20px;
}
.TxtContainer p{
  line-height: 120%;
  color: #79797a;
  font-size: 20px;
  margin-bottom: 20px;
}
.TxtContainer ul{
  list-style: none;
}
.TxtContainer ul li{
  position: relative;
  font-size: 20px;
  color: #79797a;
  margin-bottom: 10px;
  text-indent: 20px;
}
.TxtContainer ul li::before{
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #79797a;
  left: 0;
  top: 10px;
}
.TxtContainer table{
  width: 100% !important;
}
.TxtContainer table tr:first-child >  td{
  padding: 10px;
  width: auto;
  color: #ed6324;
  font-size: 24px;
  margin-right: 10px;
  font-weight: bold;
}
.TxtContainer table tr td{
  padding: 10px;
  width: auto;
  color: #79797a;
  font-size: 20px;
}
.TxtContainer table tbody tr td:first-child{
  font-weight: bold;
}
.KullanimDetay ol li, .KullanimDetay ul li{
    color: #303030;
    font-size: 21px !important;
    margin-bottom: 10px;
}
#Collapse .panel{
  position: relative;
  background: none;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}
#Collapse .panel-heading{
  position: relative;
  padding: 10px 20px;
}
#Collapse .panel-title::before{
  position: absolute;
  content: '\f055';
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font: normal normal normal 20px/1 FontAwesome;
}
#Collapse .panel-heading a{
  font-size: 24px;
  color: #79797a;
  font-weight: bold;
  text-decoration: none;
}
#Collapse .panel-body{
  padding: 0 15px;
  font-size: 20px;
  color: #79797a;
  line-height: 120%;
}
.BgOrange{
  background: #ffa10d;
}
#ProductList{
  position: relative;
  width: 100%;
  height: auto;
  background: #eff0f5;
  padding: 30px 0;
}
.TableHead{
  position: relative;
  width: 150px;
  padding: 5px;
  text-align: center;
  background: #f15a2a;
  font-size: 20px;
  color: #fff;
  margin: 0 auto;
}
.LastHead{
  width: 180px;
}
#ProductList .table > thead > tr > th{
  padding: 0 10px;
  border: none;
}
#ProductList .table > thead{
  border-bottom: solid 1px #f08869;
}
#ProductList .table > tbody > tr {
  border-bottom: solid 1px #f08869;
}
#ProductList .table > tbody > tr > td{
  border: none;
  vertical-align: middle;
  text-align: center;
}
.ProductImage{
  display: block;
  margin-bottom: 15px;
}
.ProductLink{
  color: #231f20;
  text-decoration: none;
}
.ProductLink:hover{
  color: #231f20;
  text-decoration: none;
}
#ProductDetailsSec{
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 70px;
  background: url(../img/urundetatopbg.png)no-repeat top center #dbdde8;
}
#ProductSlogan{
  position: relative;
  width: 50%;
  height: auto;
  padding: 15px 50px 15px 0;
  background: rgba(241,89,42,0.8);
  color: #fff;
  font-size: 48px;
  left: 0;
  font-weight: bold;
  text-align: right;
  margin-bottom: 150px;
}
.Markalogo{
  margin-bottom: 150px;
}
.Cuval{
  position: absolute;
  display: block;
  top: -330px;
  right: 0;
  margin-bottom: 330px;
}
#ProductDetailsSec h1{
  color: #79797a;
  font-size: 50px;
  margin-bottom: 70px;
}
#ProductDetailsSec h2{
  color: #79797a;
  font-size: 36px;
  margin-bottom: 25px;
}
#ProductDetailsSec p{
  font-size: 30px;
  color: #79797a;
  margin-bottom: 50px;
}
#ProductDetailsSec ul{
  list-style: none;
  margin-bottom: 50px;
}
#ProductDetailsSec ul li{
  position: relative;
  display: block;
  text-indent: 20px;
  line-height: 100%;
  margin-bottom: 10px;
  font-size: 30px;
  color: #79797a;
}
#ProductDetailsSec ul li::before{
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 100%;
  overflow: hidden;
  background: #f36c21;
  left: 0;
  top: 12px;
}
#DetailsInfo{
  position: relative;
  padding: 0 30px;
  margin-bottom: 25px;
}
#DetailsInfo img, #DetailsInfo p{
  position: relative;
  display: inline-block;
  margin-right: 15px;
}
#DetailsInfo p::before{
  position: absolute;
  content: '';
  width:246px;
  height: 20px;
  background: url(../img/line2.png)no-repeat;
  right: -5px;
  bottom: -25px;
}
#MobileMenu{
  display: none;
}
.ContactInfo ul li{
  display: block;
  margin-bottom: 40px;
}
.ContactInfo{
  position: relative;
  padding: 25px 0;
}
.ContactInfo ul li span{
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.AdressIcon{
  font-size: 25px;
  color: #fff;
  width: 50px;
  height: 50px;
  background: #ed6324;
  text-align: center;
  border-radius: 5px;
  line-height: 50px;
  margin-right: 5px;
}
.AdressText{
  width: calc(100% - 60px);
  font-size: 18px;
  color: #000;
}
.ContactInfo .form-control {
  height: 48px;
  border: none;
  background-color: #f9f9f9;
  border-radius: 0;
  color: #ed6324;
  width: 100%;
}
.ContactInfo .form-control:focus {
    border-color: #ed6324;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(241,89,42,0.3), 0 0 8px rgba(241,89,42,0.3);
    box-shadow: inset 0 1px 1px rgba(241,89,42,0.3), 0 0 8px rgba(241,89,42,0.3);
}
.ContactInfo textarea {
    height: 150px !important;
}
.ContactInfo .btn span {
    display: inline-block;
    vertical-align: top;
}
.ContactInfo .btn{
  background:#ed6324;
  color: #fff;
  font-size: 15px;
}
.ContactInfo .row {
    padding: 0 5px 5px 5px;
}
#HomeNews{
  position: relative;
  width: 100%;
  height: 138px;
  background: #dbdde9;
  margin-bottom: 5px;
}
#HomeNews .NewsHead{
  display: none;
  width: 100%;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}
#NewsLeft{
  position: relative;
  width: 217px;
  height: 160px;
  float: left;
}
#NewsLeft img {
  position: absolute;
  top: -21px;
}
#NewsRight{
  position: relative;
  width: calc(100% - 240px);
  float: right;
  padding-top: 5px;
}
.NewsImage {
  position: relative;
  float: left;
  width: 170px;
  height: 130px;
}
.NewsDetails{
  position: relative;
  float: right;
  width: calc(100% - 200px);
  height: 130px;
  overflow: hidden;
}
.NewsDetails a{
  color: #303030;
}
.NewsDetails h1{
  font-size: 20px;
  color: #303030;
  margin: 0;
  padding: 0;
  font-weight: 700;
  margin-bottom: 5px;
}
.NewsDetails p{
  font-size: 14px;
  color: #303030;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
.nav-tabs {
  border: none;
}
.nav-tabs > li > a {
  color: #000;
  border-color: #ed6324;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #ffff;
  cursor: default;
  background-color: #ed6324;
  border: none;
}
.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: transparent;
}
.nav-tabs > li > a:hover {
  border-color: #ed6324;
  color: #000;
}
.tab-content{
  border: solid 1px #ed6324;
  border-radius: 0 0 10px 10px;
  margin-bottom: 20px;
  padding: 10px;
}
.TabsHeader{
  color: #79797a;
  font-size: 35px;
}
.TabMenu .tab-content ul {
  display: inline-block;
  margin: 25px;
  padding: 0 !important;
  width: 45%;
  vertical-align: top;
}
.TabMenu .tab-content ul li{
  color: #79797a;
  font-size: 18px;
  margin-bottom: 10px;
}
.TabMenu .tab-content ul li:first-child{
  list-style: none;
}
.TabMenu .tab-content ul li a{
  color: #79797a;
  font-size: 20px;
}
.MobileArrow{
  display: none;
}
.MobileArrow .TableHead{
  font-size: 14px !important;
}
#ScrollTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  z-index: 99;
  display: block;
  text-align: center;
  line-height: 40px;
  background: #283891;
  color: #ed6324;
  border-radius: 5px;
  cursor: pointer;
  opacity: 0;
}
.GlobalSocial{
  position: fixed;
  top: 40%;
  height: auto;
  z-index: 10;
  left: 0;
}
.GlobalSocial ul {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
.GlobalSocial ul li {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.GlobalSocial ul li a{
  display: block;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 25px;
  outline: 0;
}
.GSFacebook{
  background: #3b5999;
}
.GSTwitter{
  background: #55acee;
}
.GSInstagram{
  background: #e4405f;
}
.GSWhatsapp{
  background: #25D366;
}
.GSYoutube{
  background: #cd201f;
}
#SocialOpen {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  line-height: 50px;
  text-align: center;
  font-size: 25px;
  background: #e74c3c;
  color: #fff;
  cursor: pointer;
}
#SOpen{
	display:none;
}
@media screen and (max-width: 1366px){
  #TopLine {
    height: 10px;
  }
  #SiteLogo{
    width: 250px;
    padding-top: 10px;
  }
  #SiteLogo  a img{
    display: block;
    width: 100%;
  }
  #SiteLang {
    position: relative;
    float: right;
    width: 140px;
    height: 20px;
    margin-bottom: 10px;
    background: url(../img/earthvector.png)no-repeat top 5px right;
    background-size: 35px 15px;
  }
  #PurgeProf{
    width: 200px;
  }
  #PurgeProf img{
    display: block;
    width: 100%;
  }
  #HeaderMenu ul {
    margin: 5px;
  }
  #HeaderMenu ul li{
    line-height: 35px;
  }
  #HeaderMenu ul li::before{
    height: 35px;
  }
  #HeaderMenu ul li a{
    font-size: 15px;
  }
}
@media only screen and (min-width:320px) and (max-width:768px){
  #MTBoxes > div{
    margin-bottom: 10px;
  }
  .TabMenu .tab-content ul {
    display: block;
  }
  .nav-tabs > li{
    float: none;
    display: block;
    width: 100%;
  }
  .MobileArrow{
   display: block;
  }
  .table-responsive{
    border:0;
  }
}
@media only screen and (min-width:320px) and (max-width:768px) and (orientation:landscape) {
  .SliderLogo{
    width: 100%;
    margin: 0;
  }
  .SliderLogo img{
    margin: 0 auto;
    max-width: 130px !important;
  }
  .STHead{
    font-size: 18px;
    margin: 10px 0;
  }
  .SliderList{
    text-align: left;
    columns: 2;
  }
  .STText{
    font-size: 20px;
  }
  .STextSec{
    max-width: 100%;
  }
  .STextSec a{
    font-size: 20px;
  }
 .SliderImage {
    width: 45%;
    display: inline-block;
    vertical-align: top;
  }
 .SliderText {
    padding: 0;
    text-align: center;
    width: 53%;
    display: inline-block;
    vertical-align: top;
  }
  #MTBoxes > div{
    height: 260px;
    margin-bottom: 10px;
  }

  #CatalogImage{
    display: none;
  }
  #CatalogDesc,#CatalogTextButton{
    width: 100%;
  }
  #CatalogTextButton p{
    text-align: center;
    font-size: 30px;
  }
  #CatalogTextButton a{
    text-align: center;
  }
}
@media only screen and (min-width:320px) and (max-width:768px) and (orientation:portrait){
 .SliderText {
    padding: 0;
    text-align: center;
    display: block;
  }
  .SliderLogo{
    width: 100%;
    margin: 0;
  }
  .SliderLogo img{
    margin: 0 auto;
    max-width: 130px !important;
  }
  .STHead{
    font-size: 14px;
    margin: 0 !important;
    padding: 0 !important;
    word-wrap: break-word;
  }
  .SliderList{
    text-align: left;
    columns: 2;
  }
  .STText{
    font-size: 20px;
  }
  .STextSec{
    max-width: 100%;
  }
  .STextSec a{
    font-size: 20px;
  }
  .ChartHeadTwo{
    background: none;
  }
  .WhyList ul li::before{
    top: 10px;
    bottom: auto;
  }
  #CatalogImage{
    display: none;
  }
  #CatalogDesc,#CatalogTextButton{
    width: 100%;
  }
  #CatalogTextButton p{
    text-align: center;
    font-size: 30px;
  }
  #CatalogTextButton a{
    text-align: center;
  }
  .MTBox {
    width: 100%;
    height: 185px;
  }
  .MTBox img{
    max-width: 70%;
  }
  .MTBoxText{
    font-size: 16px;
    padding: 0 !important;
  }
}
@media only screen and (min-width:0) and (max-width:1024px) {
  #HomeNews{
    height: auto;
    padding:  15px 0;
  }
  #HomeNews .NewsHead{
    display: block;
    margin: 0;
    padding: 0;
    font-weight: 700;
  }
  #NewsLeft{
    display: none;
  }
  #NewsRight{
    width: 100%;
  }
  .NewsDetails h1 {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
  }
  .NewsDetails p{
    display: none;
  }
  #HomeSlider .container{
    padding: 0;
  }
  .SliderImage, .SliderText {
    padding: 0;
  }
  .SliderText {
    padding: 0 10px;
  }
  #ProductDetailsSec{
    padding-top: 150px;
  }
  #ProductSlogan{
    width: 100%;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
    margin-bottom: 100px;
  }
  .Cuval{
    display: none;
  }
  .Markalogo{
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  #MobileMenu{
    position: relative;
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background: #ed6324;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
  }
  #MobileMenu i{
    color: #fff;
    line-height: 50px;
  }
  #HeaderMenu ul {
  }
  #HeaderMenu ul li{
    display: block;
  }
  #HeaderMenu ul li::before{
    display: none;
  }
  #HeaderMenu ul li::after{
    position: absolute;
    content: '';
    width: 75%;
    height: 1px;
    background: #fff;
    border-radius: 100%;
    left: 0;
    right: 0;
    margin: auto;
  }
  #HeaderMenu ul li a{
    color: #fff;
  }
  #HeaderMenu ul li:hover a{
    color: #283891;
  }
  #HeaderMenu ul li:hover ul{
    display: none;
  }
  #HeaderMenu ul ul{
    position: relative;
    width: 100%;
    display: none;
  }
  #HeaderMenu ul ul li a{
    color: #ed6324;
  }
  #HeaderMenu ul ul li::after{
    position: absolute;
    content: '';
    width: 75%;
    height: 1px;
    background: #ed6324;
    border-radius: 100%;
    left: 0;
    right: 0;
    margin: auto;
  }
  .container{
    width: 100%;
    padding:10px;
  }
  #PurgeProf{
    display: none;
  }
  #SiteLogo{
    width: calc(100% - 75px);
    height: auto;
    margin: 0 auto;
    margin-bottom: 10px;
    float: left;
    padding: 0 20px;
  }
  #SiteLogo a img{
    display: block;
    max-width: 100%;
  }
  #HeaderRight{
    float: right;
    width: 70px;
  }
  #SiteLang{
    width: 100%;
    float: none;
    height: auto;
    margin: 0;
    background: none;
    text-align: center;
  }
  #SiteLang ul li {
    position: relative;
    display: block;
    margin: 0;
  }
  #SiteLang ul li::before{
    display: none;
  }
  #SiteLang ul li a{
    font-size: 14px;
  }
  #HeaderMenu{
    position: fixed;
    width: 200px;
    height: 100%;
    background: #ed6324;
    left: 0;
    top: 0;
    display: none;
  }
  #MTHeadImage{
    max-width: 100%;
  }
  #MTHeadImage img{
    display: block;
    max-width: 100%;
  }
  .MTBox{
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .MTBoxText{
    padding: 0 60px;
  }
  #WhyTurboPurge{
    padding: 15px 0;
  }
  .ChartHeadOne {
    margin: 0 !important;
    font-size: 20px;
  }
  .ChartHeadTwo{
    margin: 0;
    margin-bottom: 20px;
  }
  .ChartSec img{
    display: block;
    max-width: 100%;
  }
  .WhyList{
    padding: 0;
  }
  .WhyList h1{
    font-size: 30px;
    margin-bottom: 15px;
  }
  .WhyList ul li{
    font-size: 20px;
    margin-bottom: 10px;
  }
  #HomeVideo{
    padding: 15px 10px;
  }
  #HomeVideo h1{
    font-size: 35px;
  }
  .HomeVideoSec{
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  #SiteFooter{
    padding: 0;
  }
  #FooterCompany{
    font-size: 25px;
  }
  #FooterSlogan{
    font-size: 15px;
    margin-bottom: 10px;
  }
  #FooterAddress{
    font-size: 20px;
    margin-bottom: 20px;
  }
  .FooterTrial{
    display: block;
    text-align: center;
    margin-bottom: 30px;
  }
  .FooterTrial img{
    display: block;
    max-width: 100%;
  }
  #InformationList li{
    font-size: 20px;
  }
  #FooterTurboPurge {
    margin: 30px 0;
    max-width: 100%;
  }
  #FooterSocial{
    text-align: center;
  }
  #PageImageText img{
    max-width: 100%;
  }
  #ThreexTechno{
    padding: 20px 0;
  }
  #ThreexTechno .col-md-4 {
    padding: 0 30px;
  }
  #ThreexTechno .col-md-4 img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .TxTNumber, .TxTText{
    display: block;
    float: left;
  }
  #PageText{
    font-size: 25px;
  }
  #PageWhyTurboPurge h1{
    font-size: 25px;
  }
  #PageWhyTurboPurge p{
    font-size: 18px;
  }
  .Txt h1,.Txt2 h1{
    font-size: 25px;
  }
  .Txt p{
    font-size: 18px;
  }
  .Txt2 h1{
    margin-bottom: 10px;
  }
  .Txt2 img,.Txt3 img{
    float: none !important;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
  }
  .Txt2 p{
    text-align: inherit;
  }
  #BottomLine{
    padding: 0;
  }
  #BottomLine h1{
    font-size: 30px;
  }
  #BottomLine p{
    font-size: 18px;
  }
  #GlobalPageImage img{
    max-width: 100%;
  }
  #GlobalPageImage h1{
    font-size: 30px;
    left: 0;
    width: 100%;
    text-align: center;
  }
  #GlobalPageImage h2{
    font-size: 20px;
    top: 0;
  }
  .TxtContainer h1{
    font-size: 25px;
  }
  .TxtContainer p{
    font-size: 18px;
  }
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){
  .SliderLogo{
    width: 100%;
    margin: 0;
  }
  .SliderLogo img{
    margin: 0 auto;
    max-width: 130px !important;
  }
  .STHead{
    font-size: 18px;
    margin: 10px 0;
  }
  .SliderList{
    text-align: left;
    columns: 2;
  }
  .STText{
    font-size: 20px;
  }
  .STextSec{
    max-width: 100%;
  }
  .STextSec a{
    font-size: 20px;
  }
 .SliderImage {
    width: 45%;
    display: inline-block;
    vertical-align: top;
  }
 .SliderText {
    padding: 0;
    text-align: center;
    width: 53%;
    display: inline-block;
    vertical-align: top;
  }
  .MTBox{
    margin: 0 auto;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){
  .SliderLogo{
    width: 100%;
    margin: 0;
  }
  .SliderLogo img{
    margin: 0 auto;
    max-width: 130px !important;
  }
  .STHead{
    font-size: 18px;
    margin: 10px 0;
  }
  .SliderList{
    text-align: left;
    columns: 2;
  }
  .STText{
    font-size: 20px;
  }
  .STextSec{
    max-width: 100%;
  }
  .STextSec a{
    font-size: 20px;
  }
 .SliderImage {
    width: 45%;
    display: inline-block;
    vertical-align: top;
  }
 .SliderText {
    padding: 0;
    text-align: center;
    width: 53%;
    display: inline-block;
    vertical-align: top;
  }
  .MTBox{
    margin: 0 auto;
    margin-bottom: 10px;
  }

  #MTBoxes > div{
    height: 260px;
    margin-bottom: 10px;
  }
}