@media screen and (max-width: 1400px)
{

}

@media screen and (max-width: 1350px)
{

}

@media screen and (max-width: 1300px)
{

}
@media screen and (max-width: 1250px)
{


}
@media screen and (max-width: 1200px)
{


}
@media screen and (max-width: 1150px)
{

  
}
@media screen and (max-width: 1100px)
{

  
}
@media screen and (max-width: 1050px)
{

  
}
@media screen and (max-width: 1000px)
{

  
}
@media screen and (max-width: 900px)
{

  
}
@media screen and (max-width: 800px)
{

  
}
@media screen and (max-width: 768px)
{
.page
{
  width: 100%;
}

.topbar
{
  display: none!important;
}

.topbar .topbar-con .topbar-left
{
  width: 100%;
  text-align: center;
}
.topbar .topbar-con .topbar-left span
{
  float: none;
  display: inline-block;
}
.topbar .topbar-con .topbar-right
{
  width: 100%;
  text-align: center;
}
.topbar .topbar-con .topbar-right span
{
  float: none;
  display: inline-block;
}
.topbar .topbar-con .topbar-right span a
{
  border: none;
}

.header .header-con .header-left
{
  width: 35%;
  padding: 10px;
}
.header .header-con .header-left .web-logo
{
  width: 100%;
  padding: 0px 0px;
}
.header .header-con .header-left .web-logo img
{
  width: 100%;
}
.header .header-con .header-right
{
  width: 60%;
}
.navbar ul.menubar
{
  width: 100%;
  text-align: right;
}




.header .header-con .header-right .hom-rat
{
  width: 40%;
  padding: 0px;
}
.header .header-con .header-right .hom-cnt
{
  width: 60%;
  padding: 0px 0px;
}
.header .header-con .header-right .hom-cnt .hom-cnt-left i
{
      padding-left: 25px;
    font-size: 28pt;
    padding: 9px 20px;
}
.navbar
{
}
.navbar ul.menubar li
{
  float: right;
}
.navbar ul.menubar li button
{
  width: 100%;
  padding: 10px 0px;
}
.navbar ul.menubar li a
{
  width: 100%;
  text-align: center;
  color: white;
}
.navbar ul.menubar li a i
{
  font-size: 18pt!important;
  color: white;
}
.navbar ul.menubar li button i
{
  font-size: 18pt!important;
  text-align: center;
}


.header .header-con .header-right .top-info .t-info
{
  position: relative;
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 5px 5px 5px 5px;
}
.header .header-con .header-right .top-info .t-info p
{
  position: relative;
  float: left;
  width: 100%;
  text-align: center!important;
  font-size: 10pt;
  box-sizing: border-box;
  background: #2196f3;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: 0.5s ease;
}
.header .header-con .header-right .top-info .t-info p:hover
{
  background: white;
}
.header .header-con .header-right .top-info .t-info p:hover a
{
  color: #2196f3;
}

.header .header-con .header-right .top-info .t-info p a
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  color: white;
  padding: 6px 0px;
  display: inline-block;
  text-align: center;
  font-family: 'Roboto';
}


.row.md
{
  width: 100%;
  padding: 10px;
}
.row.sm
{
  width: 100%;
  padding: 10px;
}
.row.sms
{
  width: 100%;
  padding: 10px;
}
.row.smd
{
  width: 100%;
  padding: 10px;
}
.heading h1
{
  padding: 14px 0px;
  font-size: 18pt;
}
.heading h2
{
  padding: 15px 0px;
 font-size: 16pt;
}
.heading h3
{
  padding: 15px 0px;
  font-size: 14pt;
}
.heading h4
{
  padding: 15px 0px;
  font-size: 12pt;
}


.cnt-box
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.cnt-box .cnt-box-con
{
  padding: 10px 10px;
}
.cnt-box .cnt-box-con img
{
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  padding: 10px 20px;
  box-sizing: border-box;
}
.cnt-box .cnt-box-con ul
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 20px;
  padding-bottom: 10px;
}
 .footer
 {
  display: none;
 }
.footer .footer-con .footer-top
{
  padding: 10px 10px;
}
.footer .footer-con .footer-top .footer-top-con .ft-left
{
  width: 100%;
  padding: 10px 20px;
}
.footer .footer-con .footer-top .footer-top-con .ft-center
{
  width: 100%;
  padding: 10px 10px;
}
.footer .footer-con .footer-top .footer-top-con .ft-center .ft-center-con .ft-link
{
  width: 100%;
  padding: 0px 10px;
}
.footer .footer-con .footer-top .footer-top-con .ft-center .ft-center-con .ft-link h3
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #50B3B4;
  font-size: 14pt;
}
.footer .footer-con .footer-top .footer-top-con .ft-center .ft-center-con .ft-link a
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 0px;
  font-family: 'Merriweather';
  padding: 6px 0px;
  color: rgba(255,255,255,.45);
  font-size: 10pt;
  color: black;
}
.footer .footer-con .footer-bottom
{
  padding: 100px 10px;
}
.footer .footer-con .footer-bottom .footer-bottom-con
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0px;
}
.footer .footer-con .footer-bottom .footer-bottom-con .fb-left
{
  width: 100%;
  position: 10px 0px;
}



.footer .footer-con .footer-bottom .footer-bottom-con .fb-left .link
{
  width: 100%;
  text-align: center;
}





} 


@media screen and (max-width: 468px)
{
.page
{
	width: 100%;
}

.topbar
{
  display: none!important;
}

.topbar .topbar-con .topbar-left
{
  width: 100%;
  text-align: center;
}
.topbar .topbar-con .topbar-left span
{
  float: none;
  display: inline-block;
}
.topbar .topbar-con .topbar-right
{
  width: 100%;
  text-align: center;
}
.topbar .topbar-con .topbar-right span
{
  float: none;
  display: inline-block;
}
.topbar .topbar-con .topbar-right span a
{
  border: none;
}

.header .header-con .header-left
{
  width: 35%;
  padding: 10px;
}
.header .header-con .header-left .web-logo
{
  width: 100%;
}
.header .header-con .header-left .web-logo img
{
  width: 100%;
}
.header .header-con .header-right
{
  width: 60%;
}
.navbar ul.menubar
{
  width: 100%;
  text-align: right;
}




.header .header-con .header-right .hom-rat
{
  width: 40%;
  padding: 0px;
}
.header .header-con .header-right .hom-cnt
{
  width: 60%;
  padding: 0px 0px;
}
.header .header-con .header-right .hom-cnt .hom-cnt-left i
{
      padding-left: 25px;
    font-size: 28pt;
    padding: 9px 20px;
}
.navbar
{
}
.navbar ul.menubar li
{
  float: right;
}
.navbar ul.menubar li button
{
  width: 100%;
  padding: 10px 0px;
}
.navbar ul.menubar li a
{
  width: 100%;
  text-align: center;
  color: white;
}
.navbar ul.menubar li a i
{
  font-size: 18pt!important;
  color: white;
}
.navbar ul.menubar li button i
{
  font-size: 18pt!important;
  text-align: center;
}


.header .header-con .header-right .top-info .t-info
{
  position: relative;
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 5px 5px 5px 5px;
}
.header .header-con .header-right .top-info .t-info p
{
  position: relative;
  float: left;
  width: 100%;
  text-align: center!important;
  font-size: 10pt;
  box-sizing: border-box;
  background: #2196f3;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: 0.5s ease;
}
.header .header-con .header-right .top-info .t-info p:hover
{
  background: white;
}
.header .header-con .header-right .top-info .t-info p:hover a
{
  color: #2196f3;
}

.header .header-con .header-right .top-info .t-info p a
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  color: white;
  padding: 6px 0px;
  display: inline-block;
  text-align: center;
  font-family: 'Roboto';
}


.row.md
{
  width: 100%;
  padding: 10px;
}
.row.sm
{
  width: 100%;
  padding: 10px;
}
.row.sms
{
  width: 100%;
  padding: 10px;
}
.row.smd
{
  width: 100%;
  padding: 10px;
}
.heading h1
{
  padding: 14px 0px;
  font-size: 18pt;
}
.heading h2
{
  padding: 15px 0px;
 font-size: 16pt;
}
.heading h3
{
  padding: 15px 0px;
  font-size: 14pt;
}
.heading h4
{
  padding: 15px 0px;
  font-size: 12pt;
}


.cnt-box
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.cnt-box .cnt-box-con
{
  padding: 10px 10px;
}
.cnt-box .cnt-box-con img
{
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  padding: 10px 20px;
  box-sizing: border-box;
}
.cnt-box .cnt-box-con ul
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 20px;
  padding-bottom: 10px;
}
 .footer
 {
  display: none;
 }
.footer .footer-con .footer-top
{
  padding: 10px 10px;
}
.footer .footer-con .footer-top .footer-top-con .ft-left
{
  width: 100%;
  padding: 10px 20px;
}
.footer .footer-con .footer-top .footer-top-con .ft-center
{
  width: 100%;
  padding: 10px 10px;
}
.footer .footer-con .footer-top .footer-top-con .ft-center .ft-center-con .ft-link
{
  width: 100%;
  padding: 0px 10px;
}
.footer .footer-con .footer-top .footer-top-con .ft-center .ft-center-con .ft-link h3
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #50B3B4;
  font-size: 14pt;
}
.footer .footer-con .footer-top .footer-top-con .ft-center .ft-center-con .ft-link a
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 0px;
  font-family: 'Merriweather';
  padding: 6px 0px;
  color: rgba(255,255,255,.45);
  font-size: 10pt;
  color: black;
}
.footer .footer-con .footer-bottom
{
	padding: 100px 10px;
}
.footer .footer-con .footer-bottom .footer-bottom-con
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0px;
}
.footer .footer-con .footer-bottom .footer-bottom-con .fb-left
{
  width: 100%;
  position: 10px 0px;
}



.footer .footer-con .footer-bottom .footer-bottom-con .fb-left .link
{
  width: 100%;
  text-align: center;
}





}