/*
Theme Name: Medical Pro
Theme URI: https://www.ovationthemes.com/wordpress/medical-wordpress-theme/
Author: Ovationthemes
Author URI: https://www.ovationthemes.com
Description: In the world of “survival for the fittest, “constant up-gradation is mandatory for sustenance if you don’t update you don’t exist. The biggest advantage of Premium Medical WordPress Theme is constant and regular updates. Other creative features that attract your customers include customization – you can always add or edit about the health and medical services provided. Premium versions are the best options for beginners as they come with promised support and all the queries are sorted out making it extremely easy and trouble-free to use. Also, it makes communication with the author possible and convenient.
Version: 1.3
License: GNU General Public License
License URI: license.txt
Text Domain: medical-pro
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready,blog

Medical pro WordPress Theme has been created by Ovationthemes(Ovationthemes.net), 2019.
Medical pro WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */

*{
  margin:0;
  padding:0;
  outline:none;
}
body{ 
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  position:relative;
  font:12px/22px arial;
  color:#5b5b5b;
  font-family:Open sans;
  letter-spacing: 1px;
}

img{ 
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}

section img{
  max-width:100%;
}

h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
  font-family: Ubuntu;
}

p{ 
  margin:0 0 15px;
  padding:0;
  font-size:15px;
  font-weight:normal;
  font-family:Open sans;
}

a{ 
  text-decoration:none;
  color:#28b6f6;
}

a:hover{ 
  text-decoration:none;
  color:#28b6f6;
}

a:focus,a:hover{
  text-decoration:none !important;
}

ul,ol{ 
  margin:0 0 0 15px;
  padding:0;
}

:hover{
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.clear{ 
  clear:both;
}

input[type='submit']:hover{
  cursor: pointer;
}

small{
  font-size:14px !important;
}

/* Headings */
section{
  padding:3.5em 0;
}

section h3{
  font-weight:bold;
  text-align:center;
  margin:0 0 7px;
  padding:0;
  font-size: 30px;
  color: #28b6f6;
}

section h2{
  font-weight:bold;
  text-align:center;
  margin:30px 0 0 0;
  text-transform:uppercase;
  color: #28b6f6;
}

section h4{
  color:#000;
  font-weight:bold;
  font-size:20px;
}

section h5{
  color:#28b6f6;
  font-weight:bold;
  font-size:24px;
  margin:0 0 10px 0;
  padding:0;
}

input[type="text"],
input[type="email"],
input[type="phno"],
textarea{
  border:1px solid #bcbcbc;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  margin:0 0 23px 0;
  height:auto;
}

textarea{
  height:111px;
}

input[type="submit"] {
  margin-left: 2%;
  text-align:center;
  text-transform:capitalize;
  font-size:18px;
  padding:7px 30px;
  background:#4c66ba;
  font-weight:bold;
  color:#fff;
  display:table;
}
input[type="submit"]:hover{
  background:#28b6f6;
}

/* ---------------------------------- Buttons ---------------------------------------- */
a.button-all{
  border:2px solid #000;
  color:#000;
  padding:8px 50px;
  margin:20px 0 0 0;
  font-weight:bold;
}

a.button {
  background: #28b6f6;
  color: #ffffff;
  font-size: 14px;
  margin: 60px 0 0px;
  padding: 10px 30px;
  text-transform: uppercase;
  font-weight: bold;
  border:2px solid #ffffff;
}
.woocommerce-message a:hover.button.wc-forward {
    background: #28b6f6;
    color: #fff;
}
.padding0
{
  padding:0;  
}
select.orderby{
  width: 100%;
  padding: 10px;
}
.input-text.qty.text{
  padding: 5px;
}
table, td, th {
  border: 1px solid black;
}
#content-test table, td, th {
  padding: 6px;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
  content: none;
}
.feature-box img {
  /*border: 1px solid gray;*/
  padding: 5px;
}
/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: -6px;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #fff;
}

.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
.main-navigation ul ul li{
  padding: 5px 0px;
}

/*------------------------------------- Services ------------------------------------*/

#services {
    position: relative;
    top: 67px;
}
#services .services-content {
    position: absolute;
    bottom: 32%;
    left: 0;
    right: 0;
    z-index: 1;
    width: 70%;
    margin: 0 auto;
}
.serviceBox1 {
  background: #12c5c3;
  height: 225px;
}
.serviceBox2 {
  background: #00e6e6;
  height: 225px;
}
.serviceBox3 {
  background: #28b6f6;
  height: 225px;
}
.service-icon i {
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    color: #00e6e6;
}
.service-icon {
 text-align: center;
 padding-top: 16px;
}
.services-content .title{
  font-size: 26px;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin-top: 0px;
}
.services-content p {
  font-size: 16px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  text-align: left;
  margin-left: 10px;
  margin-bottom: 3px;
}
.socialbox {
  text-align: center;
}
.services-content span {
  float: right;
  margin-right: 16px;
}
.services-content .serviceBox3 p {
  text-align: center;
}
.services-content .socialbox {
    margin-top: 20px;
}

/* ------------------------------------ Team ---------------------------------------- */

#team p.heading_title {
  font-size: 18px;
  line-height: 30px;
  color: #28b6f6;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  text-align: left;
  margin: 0;
}
#team .section-heading p.heading_title:after {
    content: "";
    width: 52px;
    height: 2px;
    background-color: #28b6f6;
    display: block;
    position: relative;
    bottom: 9px;
    left: 112px;
}
#team h3.heading_content {
  max-width: 35%;
  font-size: 34px;
  line-height: 40px;
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  text-align: left;
}
.our-team{
    text-align: center;
    transition: all 0.5s ease 0s;
}
.our-team:hover{
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.our-team .pic{
    overflow: hidden;
    position: relative;
}
.our-team .pic:before,
.our-team .pic:after{
    content: "";
    width: 200%;
    height: 80%;
    background: rgba(38,37,37,0.8);
    position: absolute;
    top: -100%;
    left: -4%;
    transform: rotate(45deg);
    transition: all 0.5s ease 0s;
}
.our-team .pic:after{
    background: rgba(8,75,77,0.8);
    top: auto;
    left: auto;
    bottom: -100%;
    right: -4%;
}
.our-team:hover .pic:before{ top: 0; }
.our-team:hover .pic:after{ bottom: 0; }
.our-team .pic img{
    width: 100%;
    height: auto;
}
.our-team .social{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 45%;
    left: 0;
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease 0.3s;
}
.our-team:hover .social{ opacity: 1; }
.our-team .social li{ display: inline-block; }
.our-team .social li a{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    margin-right: 10px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.our-team .social li a:after{
    content: "";
    width: 100%;
    height: 100%;
    background: #db162f;
    border-radius: 0 20px 20px 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.our-team .social li a:hover:after{ transform: rotate(180deg); }
.our-team .team-content{ 
  padding: 20px;
  background: #fff;
 }
.our-team .title{
  font-size: 20px;
  line-height: 27px;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0;
}
.our-team .title a{
  color: #848484;
}
.our-team .post{
  display: block;
  font-size: 14px;
  color: #848484;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  text-align: center;
}
.our-team .socialbox i{
  color: #28b6f6;
}
/* ------------------------ Latets Post --------------------------------- */

#latest .latest_heading p {
    font-size: 18px;
    line-height: 24px;
    color: #28b6f6;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 0;
}
#latest .latest_heading p:after {
    content: "";
    width: 52px;
    height: 2px;
    background-color: #28b6f6;
    display: block;
    position: relative;
    margin: 9px auto;
}
#latest .latest_heading h3 {
  font-size: 34px;
  line-height: 24px;
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  text-align: center;
}
#latest .post {
    margin-top: 35px;
}
#latest h3.post-title {
    font-size: 22px;
    line-height: 29px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: left;
    margin-top: 10px;
}
#latest h6.post-title a{
  color: #000;
}
#latest p.post-description {
  font-size: 12px;
  line-height: 18px;
  color: #8fa5bc;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
#latest .bckgrd {
  background: #f4f9fc;
  padding-left: 0;
}
#latest .latest_content {
  margin-left: 15px;
}
#latest a.read-more {
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 18px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background: #28b6f6;
    padding: 10px;
    border-radius: 5px;
}
/* ------------------------ Home Contact --------------------------------- */

#home_contact_sec p.heading_title {
    font-size: 20px;
    line-height: 38px;
    color: #28b6f6;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-align: center;
}
#home_contact_sec p.heading_title:after {
    content: "";
    width: 52px;
    height: 2px;
    background-color: #28b6f6;
    display: block;
    position: relative;
    margin: 0 auto; 
}
#home_contact_sec h3.heading_content {
  font-size: 30px;
  line-height: 18px;
  color: #001b44;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-align: center;
}
.contact_content h3.contact-title {
  font-size: 25px;
  color: #001b44;
  font-family: 'Roboto', sans-serif;
  font-weight: 400; 
}

.home_contact_form input[type="text"] {
  width: 49%;
  float: left;
}
.home_contact_form input[type="number"] {
  width: 49%;
  float: right;
  border: 1px solid #bcbcbc;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 23px 0;
  height: auto;
  position: relative;
    bottom: 22px;
}
.home_contact_form input[type="email"] {
    width: 49%;
    float: right;
    position: relative;
    bottom: 22px;
}
.home_contact_form input[type="submit"] {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 25px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    background: #28b6f6;
    margin-left: 0;
}
.contact_content {
  margin-top: 24%;
}
/* ------------------------------------ HEADER ---------------------------------------- */


#header .nav ul li:hover > ul {
    display: block;
    width: 200px;
    position: absolute;
    top: 30px;
    text-align: left;
    padding: 0;
    z-index: 99;
    color: #000;
}

#header .nav ul li:hover > ul a{
  background-color:#59c6f8;
  border:1px solid #fff;
}

#header .nav ul li > ul.sub-menu li a:hover{
  color: #fff;
}
ul.sub-menu {
  display: none;
}
#header .logo a{ 
  color:#333333;
}

#header .logo p{ 
  font-size:12px;
  color: #999;
}
.top_social {
    float: right;
}
.socialbox i {
    margin: 0 6px;
    font-size: 17px!important;
    color: #fff;
    border-radius: 50%;
    padding: 5px;
}
#header .social-media i {
   transition: color 0.5s linear;
}
#header .social-media a:hover i {
   color: #28b6f6;
}

#header .nav{ 
  text-align:left;
  float:none;
}

#header .nav ul {
  margin-top: -5px;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
}
#header .nav ul li{ 
  display:inline-block;
  margin:0;
  position:relative;
}
.main-navigation li {
  padding: 5px 6px;
}
#header .nav ul li a{ 
  color:#fafafa;
  padding: 13px 14px;
  font-size: 15px;
}
#header .nav ul {
  margin: 0;
  padding: 4px 0px 0px 10px;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
.main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    color: #28b6f6 !important;
}
#header a.header-button:hover span {
    color: #fff;
    transition: color 0.5s linear;
}
#header a.header-button:hover {
    background: #28b6f6;
    transition: color 0.5s linear;
}
/*sub menu*/
.main-navigation ul ul {
    position: absolute;
    left: 0px;
    top: 100%;
    display: none;
}
.main-navigation ul ul a{
  text-transform: none;
    font-weight: 400;
    color: #1e1d1c;
    padding: 8px 0px;
    font-size: 14px;
    line-height: 1.5;
}
.main-navigation ul li a{
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0;
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-weight: 300
}
.main-navigation ul ul li {
    padding: 10px;
}
.main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li {
    float: none;
    display: block;
    text-align: left;
}
#header .logo a{
  font-size: 30px;
  line-height: 40px;
  color: #28b6f6;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  margin-top: 10px;
}
#topbar_section {
    margin-top: 10px;
    margin-bottom: 10px;
}
.topbar-content i {
  font-size: 20px;
  color: #28b6f6;
  border: 1px solid #ccc;
  padding: 10px 11px;
  margin-top: 3px;
}
.topbar-content p {
  font-size: 15px;
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  padding-bottom: 0;
  margin-bottom: 0px;
}
.topbar-content span {
  font-size: 14px;
  color: #3e3e3e;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.main-header {
  background: #003153;
}
/*------------Search Bar ------------*/
.tb
{
    display: table;
    width: 100%;
}

.td
{
    display: table-cell;
    vertical-align: middle;
}

#cover input, button
{
    color: #fff;
    font-family: Nunito;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
}

#cover
{
    background-color: #fff;
    border-radius: 20px;
    transform: scale(0.5);
}

#cover input[type="text"]
{
  border: none !important;
  padding: 10px 31px;
  margin-bottom: 0px;
  font-size: 40px;
  color: #000;
}

#cover input[type="text"]::placeholder
{
  color: #28b6f6;
  font-size: 26px; 
}
#cover button
{
    position: relative;
    display: block;
    width: 84px;
    height: 76px;
    cursor: pointer;
}

#s-circle {
    position: relative;
    top: -8px;
    left: 0;
    width: 41px;
    height: 35px;
    margin-top: 0;
    border-width: 2px;
    border: 7px solid #28b6f6;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}

#cover button .spanSearch {
    position: absolute;
    top: 45px;
    left: 36px;
    display: block;
    width: 24px;
    height: 8px;
    background-color: #28b6f6;
    border-radius: 10px;
    transform: rotateZ(35deg);
    transition: 0.5s ease all;
}

#cover button .spanSearch:before, button .spanSearch:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 8px;
    background-color: #28b6f6;
    border-radius: 10px;
    transform: rotateZ(0);
    transition: 0.5s ease all;
}

#s-cover:hover #s-circle
{
    top: -5px;
    width: 43px;
    height: 8px;
    border-width: 0;
    background-color: #28b6f6;
    border-radius: 20px;
}

#s-cover:hover .spanSearch
{
    top: 50%;
    left: 37px;
    width: 25px;
    margin-top: -9px;
    transform: rotateZ(0);
}

#s-cover:hover button .spanSearch:before
{
    bottom: 11px;
    transform: rotateZ(52deg);
}

#s-cover:hover button .spanSearch:after
{
    bottom: -11px;
    transform: rotateZ(-52deg);
}
#s-cover:hover button .spanSearch:before, #s-cover:hover button .spanSearch:after
{
    right: -12px;
    width: 30px;
    background-color: #28b6f6;
}

/* ------------------------------------ slider ---------------------------------------- */

#slider {
  max-width: 100%;
  margin: auto;
  padding: 0;
  position: relative;
}
#slider .carousel-caption {
  position: absolute;
  top: 25%;
  padding: 0;
  max-width: 350px;
}
#slider h1 {
  font-size: 34px;
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-weight: 100;
  margin-top: 0;
  text-align: left;
  margin-bottom: 0;
}
#slider p {
  font-size: 18px;
  letter-spacing: 3px;
  color: #28b6f6;
  font-family: "Poppins";
  font-weight: 400;
  text-align: left;
  margin-bottom: 0px;
}
.slide-btn a {
  font-size: 16px;
  letter-spacing: 1px;
  padding: 8px 9px;
  line-height: 75px;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  border: 1px solid #fff;
  margin-right: 12px;
}
.slide-btn {
  text-align: left;
}
.slide-btn a.blue {
  background: #28b6f6;
  border-color: #28b6f6;
}
#slider .carousel-prev-button {
    position: absolute;
    left: 29px;
    bottom: 53%;
}
#slider .carousel-next-button {
    position: absolute;
    right: 29px;
    bottom: 53%;
}
#slider .slide_nav i {
    font-size: 16px;
    color: #fff;
    width: 45px;
    height: 45px;
    background-color: #28b6f6;
    border: 2px solid #28b6f6;
    padding: 13px 14px;
    border-radius: 50%;
}
/* ------------------------------------ About ---------------------------------------- */

#about {
    padding-top: 10%;
}
.about-content p.title {
  font-size: 18px;
  color: #28b6f6;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin: 0;
}
#about .about-content p.title:after {
    content: "";
    position: absolute;
    width: 52px;
    height: 2px;
    background-color: #28b6f6;
    display: inline-block;
    left: 118px;
    top: 22px;
}
.about-content h3 {
  font-size: 34px;
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-align: left;
}
.about-content p {
  font-size: 16px;
  color: #656565;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.about-content a {
  font-size: 16px;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  background: #28b6f6;
  padding: 10px;
  border-radius: 5px;
}

/* ------------------------------------ Testimonial ---------------------------------------- */

#testimonial p.heading_title {
  font-size: 18px;
  line-height: 30px;
  color: #28b6f6;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  text-align: left;
  margin: 0;
}
#testimonial p.heading_title:after {
    content: "";
    width: 52px;
    height: 2px;
    background-color: #28b6f6;
    display: block;
    position: relative;
    bottom: 9px; 
    left: 112px; 
}
#testimonial h3.heading_content {
  max-width: 20%;
  font-size: 34px;
  line-height: 30px;
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  text-align: left;
}
.testimonial{
    padding: 58px 10px 9px;
    margin: 50px 0px;
    border: 1px solid #5fd0ed;
    position: relative;
    border-radius: 5px;
}
.testimonial .pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid #5fd0ed;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .description{
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #575d67;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  text-align: center;
}
.testimonial .title{
  font-size: 20px;
  line-height: 27px;
  color: #001b44;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-align: center;
  margin: 0;
}
.testimonial .post{
    font-size: 15px;
    color: #5fd0ed;
}
#testimonial button.owl-dot {
    width: 10px;
    height: 10px;
    margin: 2px 3px;
    background-color: #5fd0ed;
    border: none;
    border-radius: 50%;
    outline: none;
}
#testimonial .owl-dots {
    display: block;
    text-align: center;
}
#testimonial button.owl-dot.active {
    background-color: #5fd0ed !important;
    width: 22px;
    height: 10px;
    border-radius: 20px;
}
/* ------------------------------------ Skills ---------------------------------------- */

#skills ul li {
    display: inline-block;
}
#skills h3 {
  font-size: 32px;
  line-height: 40px;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}
#skills p {
    font-size: 18px;
    line-height: 40px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
#skills ul {
  margin-bottom: 0px;
}
#skills i {
  font-size: 25px;
  color: #70dffa;
  border: 1px solid #fff;
  border-radius: 7px;
  padding: 5px;
}
.skillBox {
    margin-top: 7px;
}

/* ------------------------------------ Why Choose us ---------------------------------------- */

#why-choose-us .section-heading p {
  font-size: 18px;
  line-height: 30px;
  color: #28b6f6;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  text-align: left;
}
#why-choose-us p.heading_title:after {
    content: "";
    width: 52px;
    height: 2px;
    background-color: #28b6f6;
    display: block;
    position: relative;
    bottom: 9px;
    left: 118px;
}
#why-choose-us h3.heading_title {
  font-size: 34px;
  line-height: 18px;
  color: #001b44;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  text-align: left;
}
#why-choose-us p.heading_content {
  max-width: 50%;
  font-size: 16px;
  line-height: 20px;
  color: #656565;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  text-align: left;
  margin-top: 15px;
}
.why-choose-us-boxex {
    margin: 15px;
}
.why-choose-us-boxex i {
  font-size: 25px;
  color: #fff;
  background: #d4f5fe;
  padding: 9px;
}
.why-choose-us-boxex i:after {
    content: "";
    border: 2px solid #28b6f6;
    padding: 20px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.why-choose-us-boxex h6 {
  font-size: 25px;
  color: #001b44;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  margin: 0;
}
.why-choose-us-boxex:after {
  content: "";
  border-right: 1px solid #ccc;
  position: absolute;
  height: 180px;
  top: 35px;
  right: 8px;
  color: #e1e1e1;
}
.why-choose-us-boxex p {
  font-size: 17px;
  line-height: 25px;
  color: #575d67;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.why-choose-us-boxex a{
  font-size: 11px;
  letter-spacing: 0px;
  line-height: 18px;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  background: #28b6f6;
  padding: 8px;
  border-radius: 5px;
}

/* Homepage */

.alignleft, img.alignleft {
  display: inline;
  float: left;
  margin-right:20px;
  margin-top:4px;
  margin-bottom:10px;
  padding:0;
  border:1px solid #bbb;
  padding:5px;
}

.alignright, img.alignright { 
  display: inline;
  float: right;
  border:1px solid #bbb;
  padding:5px;
  margin-bottom:10px;
  margin-left:25px;
}

.aligncenter, img.aligncenter { 
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
  border: 1px solid #bbb;
  padding: 5px;
}

.alignnone {
  float: none;
  margin: 0 auto;
  display: block;
  clear: both;
  border: 1px solid #bbb;
  padding: 5px;
}

.comment-list .comment-content ul { 
  list-style:none;
  margin-left:15px;
}

.comment-list .comment-content ul li{
  margin:5px;
}

.toggleMenu{
  display:none;
}

a.small-button{
  background:#28b6f6;
  padding:5px 30px;
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}

a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
.footer_hide{
  display:none;
}
h3.widget-title {
  text-align: left;
}
ul#menu-quick-links {
  margin: 0;
}
#footer{
  background-color: #000;
}
#footer p{
  color: #fff;
}
#footer ul li{
  list-style: none;
  background:none !important;
  padding: 0 !important;
  color: #fff;
}
#footer{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 2rem 0px;
}

.footer_widgets h3 {
  color: #fff;
  font-weight: bold;
  font-size: 19px;
  padding-bottom: 20px;
}

.footer_widgets ul {
  font-size: 12px;
  margin: 0;
}
.footer_widgets ul a {
  text-decoration: none;
  color: #fff;
}
p.footer-widget-para {
  font-size: 15px;
  text-align: left;
  color: #fff;
}
.copyright.text-center p {
  padding: 20px 0;
  margin: 0px;
  color: #fff;
  font-size: 15px;
  background: #28b6f6;
}
a.credit-link {
  color: #fff;
}
#footer-2 {
    background: #28b6f6;
}
#footer-2 .nav ul {
    margin: 0;
    padding: 2px 0px 0px 10px;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
#footer-2 .nav ul li {
    display: inline-block;
}
#footer-2 .main-navigation ul li a {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
}
#footer-2 .nav ul li a {
    color: #fff;
    padding: 13px 14px;
    font-size: 15px;
}
.credit-link:hover {
    color:#28b6f6;
}
/* --------- Blog Page ------- */

#full-width-blog .postbox{
  width:100%;
  border: solid 1px rgba(187, 187, 187, 0.12);
  box-shadow: 0px 1px 1px 1px #bbb;
  overflow-x: hidden;
}

#full-width-blog .postbox h3 {
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 20px;
}
#full-width-blog .post-box {
  width: 100% !important;
  border: unset;
}
.post-box {
  margin-bottom: 16px;
  padding: 0 0 26px;
}
.post-box {
  /*margin-bottom: 39px;*/
  padding: 0 0 26px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
#full-width-blog .post-box h3 {
  font-weight: normal;
  font-size: 22px;
  text-align: left;
  margin: 15px 0;
  padding: 0 5px;
}

#blog-left-sidebar p{
  padding: 2%;
  line-height: 25px;
}

#blog-right-sidebar p{
  padding: 2%;
  line-height: 25px;
}

.blogimg-full img{
  width: 100%;
}

.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}

.read-more-icon a:hover{
  opacity: 0.9;
}

.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}

.continue-read a:hover{
  background: #18304c;
  color:#fff;
}

.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}

.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}

.post-content-box p {
  padding: 2%;
  line-height: 25px;
  color: #797575;
}
.postbox {
  margin-bottom:39px;
  border:1px solid #bbb;
  padding:0 0 26px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
}

.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}

.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}

.blogbutton-small{
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}

.metabox {
  color: #000;
  padding: 10px 5px;
  clear: both;
  /*margin-bottom: 1%;*/
}
a.post-a {
  border-bottom: 1px solid;
}
.post-read {
  margin: 0 0 0 0px;
  /*padding: 10px 0px;*/
}
.post-read i {
    margin-left: 8px;
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}

.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}

.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
p.socila_share a i {
  background: #333333;
  color: #fff;
  padding: 9px 8px 23px;
  width: 30px;
  margin: 0 2px;
  height: 23px;
}
ul.post-categories {
    list-style: none;
    margin: 0;
}
.post_ctg span {
    float: left;
    margin-right: 7px;
    color: #28b6f6;
}
#content-test .post-categories li {
    padding: 0px;
    margin: 0;
}
p.logged-in-as a {
    color: #000;
}
p.logged-in-as a:hover {
    color: #0275d8;
}
h2#reply-title {
    font-size: 2rem !important;
}

.post-box p {
  line-height: 1.5;
}
.row.blog {
    margin-top: -30px;
}
/* -----Pagination ---------------*/
.navigation {
  clear:both;
  position:relative;
  font-size:14px;
  line-height:13px;
  float:left;
  font-weight:bold;
} 
.navigation span,.navigation a {
  margin: 0px 0px 10px 0;
  padding:0px 10px;
  text-decoration:none;
  width:-webkit-fill-available;
  color:#fff;
  background: #18304c;
  line-height: 20px;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}

span.post-title {
    font-weight: normal;
}
.navigation a:hover{
  color:#18304c;
}
.navigation a, .navigation span {
    background-color: #fff !important;
    color: #000;
}
.navigation .current{
  padding:10px 15px;
  background: #28b6f6;
  color:#18304c;
  font-weight:normal;
}
/*Edit Button*/
.customize-partial-edit-shortcut button, .widget .customize-partial-edit-shortcut button {
    position: absolute;
     left: unset; 
  }

/*----------Content-test-----------*/
.postbox p {
  margin: 15px 15px 25px 15px;
}

#content-test h6 {
  margin: 0 0 15px;
  font-size: 18px;
  padding: 0;
  font-weight: bold;
  line-height: normal;
}
#content-test p{
  line-height: 25px;
  font-size: 16px;
  margin: 0px 0px 10px 0px;
}

#content-test hr{
  border:none;
  border-bottom:2px dotted #7e7e7e;
  margin:15px 0;
  clear:both;
}

#content-test h2{
  font-size:44px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 25px;
}

#content-test h3{
  font-size:25px;
  font-weight:normal;
  padding:0;
  margin:0 0 10px 0;
  margin-top: 15px;
}
.shrtcod-pg {
    border: 1px solid #bbb;
}

#content-test ul li {
  padding: 8px 0 0 5px;
  margin: 0 10px 20px 0;
}
#content-test ul li a{
  color: #000;
}

#content-test ul li ul li{
  background:url('images/bullet-fork2.png') no-repeat 0 5px;
}

#content-test #comments ul{
  margin: 0!important;
}

#content-test ol{
  margin:0 0 0 15px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}

#content-test ol li{
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
.read-moresec{
  margin:2% 0;
}

/* --------- CONTACT Page --------- */
.top-contact1.col-md-2.col-lg-2.col-xs-12.col-sm-4 {
  margin-top: 12px;
}
.contact_banner {
  background-size: cover;
}
section#contact-box{
  padding:0;
  margin:0;
}
div#wpcf7-f112-p50-o1 {
  margin-left: -15px;
}
section#contact-box {
  padding: 1.5em 0;
}
.contact-info{
  font-weight:bold;
  font-size:16px;
  line-height:26px;
}

section#contact-box iframe{
  width:100%;
}

.contact-info .head{
  color:#000;
}

.contact_form textarea  {
  height: 75px;
}

.contact_form{
  background: #000;
  padding: 54px;
}

.contact_form p{
    color:#fff;
  margin:0 0 15px}

.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form textarea { 
  width: 100%;
  background: #262626;
  border: 1px solid #262626;
  color: #fcfcfc;
  padding: 8px 10px;
  margin:5px 0 0 0;
}

.contact_form input[type="submit"] {
  background:none;
  color:#fff;
  padding:10px 50px;
  text-transform:uppercase;
  color:#fcfcfc;
  display:table;
  margin: 23px auto 0;
  text-align:center;
  border: 2px solid #fff;
}

.contact_form input[type="submit"]:hover{
  background:#ffd34e;
  color:#000;
}

h3.contact-page {
  font-weight: bold;
  color: #28b6f6;
  border-bottom: double 3px #28b6f6;
  display: table;
  margin-bottom: 6%;
  letter-spacing: 3px;
}

.contact-name i, .contact-email i, .contact-call i, .contact-location i, .contact-information i {
  text-align: center;
  font-size: 15px;
  background: #28b6f6;
  padding: 14px 14px 14px 14px;
  border-radius: 10px;
  color: #fff;
  margin-right: 1%;
}

.contact-location i {
  padding: 14px 16px;
}
.contact-email i {
  padding: 14px 13px;
  font-size: 14px !important;
}
 
.contact-location,
.contact-call,
.contact-email,
.contact-information,
.contact-name {
  margin-bottom: 2%;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],
textarea {
  border: 1px solid #bcbcbc;
  width: 100%;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 23px 0;
  height: auto;
}

textarea {
  height: 111px;
}
.woocommerce #respond input#submit{
  background-color: #28b6f6;
  color: #fff;
}
.contact-box input[type="submit"] {
  background: #28b6f6;
  margin-top: 15px;
  border: 2px solid #fff;
  color: #fff;
  padding: 10px 40px;
  border: solid 2px #28b6f6;
}

input[type="submit"] {
  border: 2px solid #fff;
  background: #28b6f6;
  text-align: center;
  font-size: 18px;
  padding: 7px 30px;
  font-weight: bold;
  color: #fff;
  display: table;
}
input:hover.wpcf7-form-control.wpcf7-submit{
  background-color: #28b6f6;
  color: #fff;
}
#header .nav ul li ul{
  margin-top: 10px;
}
#header .nav ul.children li a:hover{
  background-color: #28b6f6;
  color: #fff;
}
div.wpcf7-validation-errors{
  clear: both;
}
.main-header {
  border-bottom: 1px solid #ccc;
}
.page-template-home-page .main-header{
  border-bottom: none;
}
.contact-info {
    font-weight: normal;
}
/* --------- POST --------- */
section#blog{
  padding-top:0;
  margin-top:0;
}

.blog-post h5{
  text-transform:uppercase;
  color: #000;
}

.feature-image-box{
  width:100%;
}

.hovereffect a{
  border:1px solid #fff;
  background:#000;
  color:#fff;
  padding:5px 20px;
}

.hovereffect a:hover{
  background:#ffd34e;
  color:#000;
}
 
.bradcrumbs{
  padding:30px 0;
}

.bradcrumbs a{
  background:#f1f1f1;
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}

.bradcrumbs a:hover{
  background: #28b6f6;
  color: #fff;
}

.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}
h1.main-heading {
    font-size: 30px;
    margin: 10px 0px;
}
/*---------------------------------- Comments BOX ----------------------------------------------*/
#comments{
  margin-top:40px;
}

#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding:40px 0 0 0;
}

#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}

#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  width:100%;
  padding:12px 10px;
  font-size:18px;
  margin:0 0 0 0;
}

#comments textarea{
  height:111px;
}

#comments input[type="submit"].submit{
  background:#28b6f6;
  text-transform:uppercase;
  font-weight:bold;
  padding: 10px 20px;
  margin-top: 10px;
}

#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}

#comments a.comment-reply-link:hover{
  background:#28b6f6;
}

#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}

#content-test #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
}

#content-test #comments ul{
  margin:0 0 0 40px;
}

#comments .reply{
  float:right;
}

#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}

#comments .comment-content{
  width:90%;
  float:left;
  margin-left:7%;
}

#comments p {
  width:100%;
  float:left;
}

/*------------------------------------- Sidebar -------------------------------------------*/
#sidebar form{
  display: table;
  width: 100%;
}

#sidebar h3{
  margin:0 0 25px;
  padding:4% 4%;;
  text-transform:uppercase;
  font-weight:bold;
  font-size:14px;
  color: #ffffff;
}

#sidebar input[type="search"] {
  background:#eeeeee;
  padding:9px 10px;
  border: 1px solid #ccc;
  font-size:15px;
  color:#000;width:100%;
}

#sidebar label{
  width:70%;
  float:left;
  margin-bottom: 0;
}

#sidebar input[type="submit"]{
  background:#28b6f6;
  border:none;
  color:#fff;
  padding:11px 0;width:30%;
  font-size:14px;
  float:left;
  margin:0;
}
#sidebar aside{
  margin-bottom: 30px;
  padding: 10px;
  border: 1px solid #ccc;
}
#sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
  font-size:17px;
}
#sidebar ul li{
  margin:0 0 15px;
  padding:0 0 0 10px;
  font-weight:bold;
  font-size: 14px;
}

#sidebar ul li a{
  color:rgba(0, 0, 0, 0.78);
  font-size: 14px;
  font-weight: 500;
}

#sidebar .tagcloud a{
  background:#eeeeee;
  color:#000;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}

#sidebar .tagcloud a:hover{
  background:#ffd34e;
}
div#sidebar {
    padding-top: 38px;
}
#blog-left-sidebar div#sidebar {
  padding-top: 0px;
}
#blog-right-sidebar div#sidebar {
  padding-top: 0px;
}
/*------------------------------------------Page -----------------------------------------------*/
.page-header{
  border-bottom:none !important;
}
aside#calendar-3 td, aside#calendar-3 tr, aside#calendar-3 th {
    border: 1px solid #ccc;
    padding: 10px;
}
td#today {
    color: #fff;
    background-color: #000;
}
.title-box h1 {
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-weight: 900;
}
.archive .title-box h1 {
  color:#000000;
}
.pad-top {
    margin: 20px 0;
}
.title-box{
  background-repeat:no-repeat;
  background-size:100% 100%;
  color: #000 !important;
  text-transform:uppercase;
  text-align:center;
  margin-bottom:10px;
}

#content p{
  text-align:center;
}

#content hr{
  border:none;
  border-bottom:2px dotted #7e7e7e;
  margin:35px 0;
  clear:both;
}

#content h2{
  font-size:35px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 25px;
}

#content h3{
  font-size:36px;
  font-weight:normal;
  margin:0;
  padding:0;
  color:#000;
  margin:0 0 25px;
}

#content h4{
  font-size:20px;
  font-weight:bold;
  margin:0;
  padding:0;
  color:#333;
  margin:0 0 25px;
}

#content ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}

#content ul li{
  padding:0 0 0 35px;
  margin:0 0 20px 0;
  line-height:25px;
}
#content ol{
  list-style: none;
  margin:0 0 0 15px;
  padding:10px 0 0 0;
  font-size:16px;
  counter-reset: myCounter;
}

#content ol li{
  padding:0 0 0 0;
  margin:0 0 20px 0;
}

#content ol li:before {
  counter-increment: myCounter;
  content:counter(myCounter);
  color: #fff;
  background: #2980B9;
  display: inline-block;
  text-align: center;
  margin: 5px 10px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  font-weight:bold;
}

#content-test  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
  font-weight:bold;
  line-height:normal;
}

/* Banner Plugin CSS*/
.title-box{
 color:#fff;
 text-transform:uppercase;  
 font-weight:bold;
 text-align:center;
}
.title-box img{
 width:100%;
}

.above_title {
 position: absolute;
 right: 0;
 left: 0;
 margin-top: 10%;
}
.title-box h1 {
   font-weight: bold;
   text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
   font-size: 34px;
}
#footer select{
  font-size: 14px;
  width: 100%;
  padding: 10px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    width: 100%;
}
/*------------------------------------ woocommerce css ---------------------------------*/

section.related.products h2,.woocommerce-order-details h2,.woocommerce-order-details h3 {
  color: #28b6f6;
  font-size: 25px;
  margin-bottom: 1em;
  text-align: left;
  text-transform: none;
}
.woocommerce .woocommerce-breadcrumb{
 margin: 1em 0 1em;
}
.shop-sidebar{
  margin-top: 20px;
}
 h2.woocommerce-loop-product__title,h2.woocommerce-loop-product__title{
  width: 100%;
  height: 245px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  color: #fff !important;
  border-radius: 5px;
  background-color: rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
  box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  padding: 5em 0 !important;
  margin: 0;
  font-size: 18px !important;
  text-align: center;
  font-weight: bold !important;
}
.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .button{
  display: block;
  text-align: center;
}
span.woocommerce-Price-amount.amount {
  background: #fff;
  color: #000;
  padding: 10px;
  font-size: 20px;
}
.woocommerce ul.products li.product .price ins {
    padding-left: 7px;
}
.woocommerce ul.products li.product .button{
  margin-top: 10px;
}

.woocommerce ul.products li.product a:hover.button {
  background-color: #28b6f6;
  color:#fff;
}
.woocommerce ul.products li.product .price,.woocommerce a.button {
  margin-bottom: .5em;
  font-size: 100%;
  margin: 0;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  overflow: visible;
  font-weight: 700;
  border-radius: 0px;
  left: auto;
  color: #000;
  background-color: transparent;
  border: 0;
  white-space: nowrap;
  background-image: none;
  box-shadow: none;
  border: 1px solid #73747b;
  text-shadow: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
  border: 1px ridge #d3ced2;
  padding: 20px;
  margin: 2em 0;
  text-align: left;
  border-radius: 5px;
  font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-content {
  padding: 20px;
  margin: 2em 0;
}
.woocommerce button#place_order {
  background-color: #092857;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    max-width: 100%;
}
/*----------------------Shop Page ---------------------------------*/
.woocommerce .shop ul.products li.product,.woocommerce-page .shop ul.products li.product{
  width:30% ;
  background: none ;
  /*margin: 0 0 30px 25px ;*/
  padding: 0px ;
}
.woocommerce a.button:hover{
  background-color: #28b6f6;
  color: #fff !important;
}
.home .woocommerce ul.products li.product a img{
  height: 282px;
}

.woocommerce ul.products li.product a img{
  height: 245px;
}
.woocommerce div.product .product_title{
  font-size: 25px;
}
.woocommerce div.product p.price{
  color: #959595;
  font-size: 26px;
  font-weight: 300;
  margin-top: 20px;
}
button.single_add_to_cart_button.button.alt {
    color: #515151;
    background-color: transparent;
    border: 1px solid #73747b;
}
button:hover.single_add_to_cart_button.button.alt {
    background: #28b6f6;
    
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  padding: 7px 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-top: 2px solid #28b6f6;
  border-left: 2px solid #28b6f6;
  border-right: 2px solid #28b6f6;
  border-bottom: 1px solid #fff;
}

.shop ul.products li.product a img {
  margin:0 
}
.shop ul.products li.product .price,
.shop ul.products li.product .button {
  padding: 15px !important;
  color:#000;
  border: solid 1px #28b6f6 !important;
}
.shop select.orderby {
    padding: 10px 5px;
    background: transparent;
}
a.woocommerce-review-link{
  display: flex;
  padding-left: 10px;
}
ul.products li{
  text-align: center;
}
input#coupon_code {
    width: 110px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  font-size: 16px;
  padding: 10px;
}
.woocommerce input#password {
    padding: 10px;
}
.woocommerce button.button:hover{
    background-color: #28b6f6;
    color: #fff;
}
/*------------------------------------ plugin style ---------------------------------*/
#list, #list-table{
  background: #fff;padding: 1%;border: 0;
}
.footer_widgets table#wp-calendar, td, th {
    border: 1px solid #112957 !important;
}

/*------------------------------- media section -----------------------------------*/
@media screen and (min-width:0px) and (max-width: 575px){
  .header-top .logo a{
    text-align: center;
  }
  .topbar-content {
    text-align: center;
  }
  #slider .carousel-caption {
    top: 9px;
    right: 0px;
  }
  #slider p {
    font-size: 14px;
  }
  #slider h1 {
    font-size: 20px;
    line-height: 18px;
  }
  .slide-btn a {
    font-size: 14px;
    line-height: 1px;
    padding: 4px;
    margin-right: 0;
  }
  #services {
    position: unset;
  }
  #services .services-content {
    position: unset;
  }
  #why-choose-us p.heading_content {
    max-width: unset;
  }
  #testimonial p.heading_content {
    max-width: unset;
  }
  #team p.heading_content {
    max-width: unset;
  }
  .contact_content {
    margin-top: 7%;
  }
}

@media screen and (min-width:576px) and (max-width: 767px){
  .header-top .logo a{
    text-align: center;
  }
  .topbar-content {
    text-align: center;
  }
  #slider h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .slide-btn a {
    font-size: 16px;
    line-height: 1px;
    margin-right: 0;
  }
  #services {
    position: unset;
  }
  #services .services-content {
    position: unset;
  }
  #why-choose-us p.heading_content {
    max-width: unset;
  }
  #testimonial p.heading_content {
    max-width: unset;
  }
  #team p.heading_content {
    max-width: unset;
  }
  .contact_content {
    margin-top: 7%;
  }
}
@media screen and (min-width:768px) and (max-width: 991px){
 .header-top .logo a{
    text-align: center;
  }
  .topbar-content {
    text-align: center;
  }
  #slider h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .slide-btn a {
    font-size: 16px;
    line-height: 1px;
    margin-right: 0;
  }
  .services-content .title {
    font-size: 22px;
  }
  .service-icon i {
    padding: 8px;
  }
  .about-content h3 {
    font-size: 20px;
  }
  .about-content p {
    font-size: 12px;
  }
  #services {
    position: unset;
  }
  #services .services-content {
    position: unset;
  }
  #why-choose-us p.heading_content {
    max-width: unset;
  }
  #testimonial p.heading_content {
    max-width: unset;
  }
  #team p.heading_content {
    max-width: unset;
  }
  #latest h6.post-title {
    font-size: 16px;
    line-height: 10px;
  }
}
@media screen and (min-width:991px) and (max-width: 1200px) {
   .toggle-nav {
    top: 15px;
  }
  #services .services-content {
    position: unset;
  }
}
@media screen and (max-width: 1024px) {

  #header .nav ul li:hover > ul.sub-menu a:hover { 
  background: transparent;
  }
  #header .nav ul li a{
    padding: 5px;
  }
  #header .main-navigation ul ul{
    background-color: transparent;
  }
  #header .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  #header .main-navigation ul ul {
    position: static !important;
    width: 100%; 
    box-shadow: none;
  }
  #header .nav ul li:hover > ul{
  background-color:transparent;
  }
  #header .toggle-nav {
    display: block;
    position: relative;
    right: 15px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 8px auto;
    z-index: 999999;
  }
  #header .toggle-nav i {
   font-size: 29px;
    color: #fff
  }
  #header .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  #header .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  #header .sidenav a:hover {
    color: #f1f1f1;
  }
  #header .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
    cursor: pointer;
}
  #header .nav ul li {
    border-top: 1px #303030 solid;
    display: inline-block;
    text-align: left;
    float: none;
    width: 18rem;
    padding: 5px;
}
  #header .nav ul li a {
    padding: 5px;
    color: #fff !important;
  }
}