html, body{
  overflow-x: hidden;
}

.container{
  max-width: 1160px!important;
}

.hidden-mob{
  display: none;
}

.pageContent h1{
  font-size: 24px;
  letter-spacing: -1px;
  font-weight: 700;
  line-height: normal;
  color: #333;
}

.pageContent h3 {
  font-size: 21px;
  font-weight: 500;
  line-height: 1.3;
  margin: 20px 0;
  color: #17191c;
}

.pageContent h2 {
  font-size: 22px;
  line-height: 28px;
  margin: 30px 0;
  font-weight: bold;
}

.pageContent p a{
  text-decoration: none;
  color: #167ac6;
}

.pageContent p a:hover{
  text-decoration: underline;
  color: #23527c;
}

.page-header-container{
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-header-container .logo{
  width: 380px;
  max-width: 100%;
  margin-right: 10px;
}

.accordionMain .accordion-header{
  margin: 10px;
}

.accordionMain .accordion-button{
  padding: 0 10px;
  color: #333;
}

.accordionMain .accordion-button:not(.collapsed){
  background: transparent;
  color: #333;
  box-shadow: none;
}

.cardMain{
  padding: 10px;
}

.cardMain .card-text{
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 20px;
}

.cardMain h5{
  font-size: 15px;
}

.cardMain .card-body{
  padding: 1rem 0;
}

.cardMain i{
  color: #f0ad4e;
}

.featureBox{
  border: 1px solid #B5B5B5;
  padding: 10px;
  border-radius: 4px;
  width: 100%;
  background-color: #fff;
  margin-bottom: 15px;
}

.rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  margin: 0px auto;
}

.rating p{
  margin-bottom: 5px !important;
}


.featureList{
  list-style: none;
}

.featureList svg{
  width: 1em;
  height: 1em;
}

/* start of sticky sidebar css*/

.theiaStickySidebar:after {
  content: ""; 
  display: table; 
  clear: both;
}

.sidebar
{
  margin-bottom: 10px; 
  z-index: auto; 
  position: static; 
  top: auto;
}

.title-side1{
  font-size: 14px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  line-height: 22px;
  background: #222;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 5px 3px 5px 12px;
  font-weight: 600;
  margin: 4px 0 10px;
  border: 1px solid #222;
  position: relative;
}

.img-side-new {
  width: 50%;
  margin-bottom: 20px;
}

.sidebar-item a{
  display: flex;
  align-items: center;
  justify-content: center;
}

.su-button-style-3d{border-bottom-style:solid;border-bottom-width:6px}
.su-button-style-3d span{border-bottom-style:solid;border-bottom-width:1px}

a.get-my span {
  color: #fff;
  font-size: 18px;
  line-height: 44px;
  border-color: #f47b6c;
  display: block;
  -webkit-border-radius: 12px;
  text-shadow: none;    
}

a.get-my{
  margin-top:0px;
  display:block;
  color:#fff;
  background-color:#ef432d;
  border-color:#bf3624;
  border-radius:12px;
  -moz-border-radius:12px;
  -webkit-border-radius:12px
}
a.get-my span{
  color:#fff;
  font-size:13px;
  line-height:44px;
  border-color:#f47b6c;
  border-radius:12px;
  display:block;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  text-shadow:none;
  -moz-text-shadow:none;
  -webkit-text-shadow:none}

a.get-my:hover{text-decoration:none}
.text-center {text-align: center;}

/* end of sticky sidebar css*/

.alertBox{
  text-align: center;
  color: #000;
  padding: 8px 35px 8px 14px;
  margin: 15px 0;
  text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.highlight {
  border-radius: 1em 0 1em 0;
  background-image: linear-gradient(-100deg, rgba(255, 224, 0, 0.3), rgba(255, 224, 0, 0.7) 95%, rgba(255, 224, 0, 0.1));
}

.pageContent p{
  margin: 0 0 15px;
  font-size: 19px;
  font-weight: 400;
  font-family: open sans,sans-serif;
  line-height: 1.6em;
  color: #333;
  margin-bottom: 20px;
  letter-spacing: 0;
  margin-bottom: 20px;
}

.authorName{
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #49545e;
}

.metaInfo a{
  text-decoration: none;
  color: #49545e;
}

.metaInfo a:hover{
  text-decoration: underline;
  color: #e12a21;
}

.imageText {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
  margin-bottom: 30px;
  padding: 10px 15px;
}

.imageText p{
  margin-bottom: 0;
}

.qbox {
  margin: 20px 0;
  padding: 20px;
  text-align: left;
  background-color: #edf9ff;
  font-size: 20px;
  border: solid 2px #e15d3a;
  color: #000;
}

.qbox.dashed {
  border-style: dashed;
}

.checkBtn{
  padding: 10px 0;
  text-decoration: none;
  text-align: center;
  margin-top: 0px;
  display: block;
  color: #fff;
  background-color: #ef432d;
  border-color: #bf3624;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-bottom-style: solid;
  border-bottom-width: 6px;
  color: #fff;
  line-height: 31px;
  font-size: 19px;
  border-color: #f47b6c;
  border-radius: 12px;
  display: block;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  font-weight: 700;
}

.su-button-style-3d:hover {
  position: relative;
  top: 3px;
  border-bottom-width: 3px;
  color: #fff;
  text-decoration: none;
}

.rate {
  color: #396;
}

.del {
  color: brown;
  font-weight: bold;
}

.miniText{
  font-size: 12px !important;
  color: #999 !important;
  margin-top: 5px;
}

blockquote {
  font-size: 20px;
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 0;
  quotes: "\201C" "\201D" "\2018" "\2019";
  padding: 10px 20px;
  line-height: 1.4;
}

blockquote:before {
  content: "\f10d";
  font-family: "Font Awesome 5 Free",sans-serif;
  font-style: normal;
  font-weight: 700;
  text-decoration: inherit;
  color: #000;
  font-size: 18px;
  padding-right: 0.5em;
  position: relative;
  top: 0;
  left: 0;
}

.footerMain{
  padding: 40px 0;
  font-size: 14px;
  word-wrap: break-word;
  background: #2e3138;
  color: #abb0ba;
}

.footerLinks a{
  color: #abb0ba;
  font-weight: 400;
  text-decoration: none;
  font-size: 14px;
  font-family: open sans,sans-serif;
  line-height: 1.6em;
  margin: 0 5px;
}

.footerLinks a:hover{
  text-decoration: underline;
}


.textbox-facebook{
  width: 100%;
  border: 1px solid #dedede;
  outline: none;
  background: white;
  font-size: 14px;
  padding: 20px 20px;
  box-sizing: border-box;
  width: 100%;
}

ul#fbcommentslist {
  margin: 0 10px 48px 5px;
}

#fbcommentslist li {
  margin: 8px 0px;
}

.profilepic {
  float: left;
  display: block;
  margin-right: 8px;
  height: 48px;
  width: 48px;
  margin-top: 5px;
}

#fbcommentslist h3 {
  font-family: helvetica, arial, sans-serif;
  color: #3b5998;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  margin: 0;
  display: inline-block;
}

#fbcommentslist p {
  margin: 4px 0px;
  color: black;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
  word-wrap: break-word;
}


@media only screen and (min-width: 768px){

}

@media only screen and (min-width: 1200px){
  #st-1 .st-btn {
      min-width: 120px;
  }

  #st-1 .st-btn > span{
      display: inline-block;
  }

  .pageContent h1{
      font-size: 36px;
  }

  .hidden-mob{
      display: block;
  }

  .page-header-container .logo{
      width: 330px;
  }

  .page-header-container{
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .checkBtn{
      line-height: 38px;
  }

  .pageContent h1{
      font-size: 28px;
  }

  .pageContent h2 {
      font-size: 30px;
      line-height: 32px;
  }
}