/*
Theme Name: Perfect Blog Pro
Theme URI: https://www.themescaliber.com/themes/premium-wordpress-blog-theme/
Author:Themecaliber
Author URI:  https://www.themescaliber.com/
Description: The premium WordPress blog theme is loaded with exclusive functionalities and features. It is a fully responsive, cross-browser compatible and translation ready theme. It has multiple page layouts to design each template differently. It has full-width templates and you can add left/right sliders. The theme is easy to customize. You can change its background, colour, logo etc. from the theme panel without involving yourself into coding part. Each and every process from theme installation to configuration is well documented to make your work easier. You have unlimited options to choose colours and fonts. It has simple and mega-menu options to organize your content neatly. This also caters easy navigation through the site. The gallery option given in the premium blogging theme allows you to showcase your work to instil people’s trust on you. Shortcodes are implemented to include images, videos and other files into posts. You can change the header and footer according to your requirements.
Version: 1.2
License: GNU General Public License
License URI:license.txt
Text Domain: perfect-blog-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Perfect Blog Pro WordPress Theme has been created byThemecaliber(themescaliber.com), 2018.
Perfect Blog Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
*{
  margin:0;   
  padding:0; 
  outline:none;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
  color:#34444e; 
}
img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
img.wp-image-907 {
    border:3px solid #bbb;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:5px 0;
  line-height: 1.4;
  font-family: 'Titillium Web', sans-serif;
  letter-spacing: 1px;
  color:#5b5b5b;

}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:16px;
  font-weight:normal;
}
p, ul li a{
  font-family: 'Titillium Web', sans-serif;
  letter-spacing: 0px;
}
body a{
  text-decoration:none;
  color: #34444e;
}
.content_boxes span.date a {
    color: #ffffff;
}
a:hover{
  text-decoration:none; 
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 14px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background:#ececec;
}
.middle-align {
    padding-bottom: 20px;
}
 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -10px;
  top: -10px;
  color: #7a7a7a;
}
 
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
iframe{
  width: 100%;
  height: auto;
}
  
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #e5e5e5;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 8px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #F07A85;
  width: 20%;
  padding: 10px 0;
  border: none;
  margin: 0;
  border-radius: 3px;
}
.news_content input[type="submit"] {
  background-color: #F07A85;
}

form.search-form.serach-page {
    position: relative;
}
form.search-form.serach-page label {
    width: 100%;
}
input[type="submit"]:hover{
  cursor: pointer;
}
.size-full.wp-image-906.aligncenter {
    border: 1px solid #bbb;
}
#attachment_906 img {

    border: 6px solid #bbb;

}
textarea{
  height: 100px;
}

.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{ 
  margin:0; 
  padding:0; 
  background-color:#d7d7d7;
}
.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;
  border:1px solid #bbb; 
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
}
img.alignnone {
    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:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
  border: 1px solid;
}
th,td
{
  border: 1px solid;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button{ 
  border: 2px solid #3890cb ; 
  background:#3890cb;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}

/* --------------------------HEADER---------------------------- */
.overlap_header {
  position: absolute;
  width: 100%;
  z-index: 999;
/*  background: #f07a85;*/
}
.no_overlap, .home.blog header#masthead {
    background: #F07A85;
}
.home.blog header#masthead{
  position: static;
}
.overlap_header .main-navigation .current_page_item > a,
.overlap_header  .main-navigation .current-menu-item > a,
.overlap_header  .main-navigation .current_page_ancestor > a{
  color: #F07A85;
}
p.site-description {
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 1px;
  font-style: italic;
  margin-bottom: 0;
}
.pad_box {
  padding-bottom: 15em !important;
}
#header {
  background-color: #090909;
}
#header  .small_media {
    border-right: 2px solid;
}
#header  .small_media:last-child {
  border-right: none;
  padding: 0 !important;
}
.contact_details {
  margin-top: 20px;
}
#contact_page .contact-info .row{
  text-align:center;
}
#topbar {
  border-top: 10px solid #435061;
}
.contact_details p {
  color: #033333;
  font-size: 15px;
  margin: 0 0 0 !important;
}
.contact-info .inner-cont {
    background: #f07a85;
}
.contact-info .contact-address i{
  color:#fff;
}
.contact-info .contact-email i{
  color:#fff;
}
.contact-info .contact-phone i{
  color:#fff;
}
.contact-info .contact-address span{
  color:#fff;
}
.contact-info .contact-address p{
  color:#fff;
}
.contact-info .contact-phone span{
  color:#fff;
}
.contact-info .contact-phone p{
  color:#fff;
}
.contact-info .contact-email span{
  color:#fff;
}
.contact-info .contact-email p{
  color:#fff;
}
.contact-info .inner-cont {
    padding: 10px;
}
.contact-info .inner-cont:hover {
    background: #fff;
    border: 1px solid #f07a85;
}
.contact-info .inner-cont:hover i{
  color: #f07a85;
}
.contact-info .inner-cont:hover span{
  color: #f07a85;
}
.contact-info .inner-cont:hover p{
  color: #f07a85;
}
p.hi_bold {
  color: #F07A85;
}
p.hi_normal {
    color: #757575;
}
.menubar {
  
}
.neseted-inner {
  top: 0;
  position: absolute;
}
.socialbox {
    margin-bottom: 20px;
}
.socialbox a {
  padding: 5px 7px;
  display: inline-block;
  margin-top: 6px;
  margin-left: 4px;
  border: 1px solid #ffffff;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
  width: 35px;
  height: 35px;
  padding: 4px 9px;
}
.socialbox a:hover {
  border: 1px solid #F07A85;
}
.socialbox a:hover i{
  color: #F07A85;
}
.socialbox a i {
  font-size: 14px;
  width: 15px;
}
.socialbox i.fa.fa-unlock, .socialbox i.fa.fa-user{
  margin-right: 7px;
  color: #F07A85;
}
.continnerbox {
  background-size: 100% 100%;
  color: #fff;
  border-top: 40px solid #435061;
  border-left: 60px solid transparent;
}
.address i {
  vertical-align: middle;
  font-size: 36px;
  margin-right: 5px;
  color: #F07A85;
  padding: 0px 6px;
  margin-top: 3px;
}
span.credit-link a {
    color: #ffffff;
}
.logo {
  margin: -18 auto;
  padding: 13px 0;
}
.logo h1 a {
    font-size: 30px;
    color:white;
}
.logo h1
{
  padding-top: 0;
  line-height: 25px;
}
#header .logo a.custom-logo-link{ 
  color:#000000;
}
#header .logo p{ 
  color: #757575;
  margin-bottom: 0;
  font-size: 14px;
}
#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
.search-box span {
  padding: 9px 10px;
  line-height: 45px;
  margin-right: 2px;
}
.search-box span i{
  color: #333;
  font-size: 14px;
  cursor: pointer;
}
.serach_outer i{
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.closepop {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
  cursor: pointer;
}
.serach_inner form.search-form {
   display: table;
   padding: 0;
   border-radius: 0;
   background: #ffffff;
   margin: 0 auto;
   max-width: 700px;
   width: 100%;
}
.serach_inner form.search-form {
  display: table;
  border: 1px solid #bababf;
  padding: 14px 20px;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  border-radius: 30px;
}
.serach-page input.search-field {
    border: 1px solid #ccc;
    padding: 9px;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 95%;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.menubar .social-media a:hover{
  color:#3890cb;
}
i.fas.fa-headphones {
  color: #ffffff;
  font-size: 25px;
  cursor: pointer;
  border-right: 2px solid #ffffff;
  padding: 5px 8px;
  padding: 3px 8px 11px 6px;
}
ul.search-consult {
  padding: 10px 0;
}
ul.search-consult li:nth-child(1) {
  list-style: none;
  display: inline;
}
ul.search-consult li:nth-child(2) {
  list-style: none;
  display: inline;
}
/*----------------Menu bar-----------*/


.stickynavbar {
  background-color: #f07a85 !important;
  z-index: 9999999999999;
  padding-top: 0 !important;
  box-shadow: 0 0 8px grey;
}
.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  padding-bottom: 0 !important;
}
.sticky.overlap_header .main-navigation .current_page_item > a {
    color: #000 !important;
}

.menubar.scrolled{
  background-color: #F07A85;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 999;
  min-height: 70px;
  transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
.menubar.scrolled{
  min-height: 60px;
}
.main-navigation .menu{
  float: right;
}

.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation li{
  position: relative;
  line-height: 44px;
  padding: 0;
  display: inline-block;
}

.menubar.scrolled .main-navigation li{
  float: left;
  position: relative;
  line-height: 67px;
}

.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  color: #ffffff;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  margin-left:-2px;
  text-transform: uppercase;
    margin: 0px 8px;
}
.main-navigation a:hover{
  color: #F07A85;
}
.menubar.scrolled .main-navigation a:hover{
  color: #111013;
}

.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  min-width: 215px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  z-index: 9999;
}

.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #888;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.5;
}

.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
}

.main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.main-navigation ul li:hover > ul{
  display: block;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #F07A85;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.main-navigation ul ul li:hover > a{
  color: #000;
}
.main-navigation ul ul li:hover{
  background-color: #F07A85;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  /*width: 50%;*/
}
input#submit {
    width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: auto;
}
.menubar .nav {
  display: block;
}
.menubar.scrolled .main-navigation .current_page_item > a, .menubar.scrolled .main-navigation .current-menu-item > a, .menubar.scrolled .main-navigation .current_page_ancestor > a, .no_overlap .main-navigation .current_page_item > a, .no_overlap .main-navigation .current-menu-item > a,  .no_overlap .main-navigation .current_page_ancestor > a {
    color: #111013;
}
.no_overlap .main-navigation a:hover {
    color: #111013;
} 
#slider .btn-primary:hover {
    background-color: #F07A85;
}
/*----------------------Mobile Menu Icon------------------------------*/
.toggle-nav{
  display: none;
  position: relative;
  float: right;
  top: 12px;
  right: 15px;
  height: 30px;
  width: 30px;
  cursor: pointer;
}
.menubar .scrolled, .toggle-nav{
  display: none;
  position: relative;
  top: 15px;
  left: 0;
  float: left;
  height: 30px;
  width: 30px;
  cursor: pointer;
} 
.toggle-nav span{
  position: relative;
  display: block;
  width: 30px;
  height: 3px;
  background: #ffffff;
  margin-top: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.toggle-nav span:after,
.toggle-nav span:before{
  content: "";
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.toggle-nav span:after{
  top: -9px;
}

.toggle-nav span:before{
  bottom: -9px;
}
/*----------------Menu bar-----------*/

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: right;
}
.main-navigation ul{
  list-style: none;
  margin: 0 auto;
  padding-left: 0;
 /* max-width: 100%;*/
  width: max-content;
}
.main-navigation li.current_page_item
{
  border-bottom: 2px solid #fff;
}
.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  font-size: 17px;
  letter-spacing: 2px;
  color: #ffffff;
  font-family: "Staatliches";
  padding: 7px;
}

.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  min-width: 215px;
  z-index: 9999;
}

.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #1e1d1c;
  font-size: 14px;
  line-height: 1.5;
}

.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}

.main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.main-navigation ul li:hover > ul{
  display: block;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a{
  color: #fff;
}
.main-navigation .menu > ul > li.highlight{
  background-color: #ffffff;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}
.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}
.main-navigation ul ul li:hover > a{
  color: #a72dd9;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.top_bar_btn a.theme_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.header-social-icon
{
  padding-top: 15px;
}
.header-social-icon .socialbox i
{
  color: #b2b2b2;
  font-size: 13px;
  padding-right:15px;
}

/*----------------------Mobile Menu Icon------------------------------*/

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  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: 10px;
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#slider img {
    width: 100%;
}
#slider h5{
  text-transform: Capitalize;
  color: #ffffff;
  font-size: 40px;
}
#slider p{ 
  color:#ffffff; 
  font-weight:400; 
  margin:15px 0 15px 0; 
  line-height:28px; 
  border-radius:0 0 5px 5px; 
  font-size:18px;
}
#slider p.price {
  font-size: 22px !important;
}
#slider .carousel-caption{
  max-width: 1140px;
  margin: 0 auto;
  top: 24%;
}
#slider .btn-primary {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 25px;
    color: #111013;
    border: 1px solid #ffffff;
    text-transform: uppercase;
    margin-top: 20px;
    padding: 15px 40px;
}
#slider .inner_carousel {
  top: 48%;
  bottom: inherit;
  text-align: left;
  left: -76px;
  position: relative;
}
a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-serif; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
    display: block !important;
  }
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
  background-image:none; 
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider a i {
  background-color: #F07A85;
  border: none;
  transition: all 0.5s ease-out;
  padding: 12px 14px;
  border-radius: 50%;
  border: 2px solid #fff;
}
#slider a i:focus, #slider a i:active, #slider a i:hover{
  border: 2px solid #F07A85;
  transition: all 0.5s ease-out;
  background: transparent;
}
#slider a.carousel-control-prev {
  float: left;
  position: static;
  width: auto;
}
#slider a.carousel-control-next {
  float: left;
  position: static;
  width: auto;
  margin-left: 5px;
}
#slider .slider_nav {
  position: relative;
  bottom: 85px;
  left: 17px;
}
#slider ol.carousel-indicators {
  display: block;
  position: absolute !important;
  right: 0;
  left: unset;
  margin-right: 0;
  margin-left: 0;
}
#slider ol.carousel-indicators li {
    margin: 5px 0px;
}
/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(assets/images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(assets/images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*---------------------- Category box ------------------------*/
#blog-box {
  background-color: #F9F9F9;
  padding: 40px 0 0;
  margin-bottom: 30px;
}
#blog-box .section-title h3 {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #101631;
  letter-spacing: 2px;
}
.cat_box {
    position: relative;
   /* height: 100%;*/
    margin: 10px 0;
}
.inner-catbox {
    position: relative;
}
.cat_box ul.post-categories{
  margin:0 !important;
}
.inner-cat {
  margin-bottom: 40px;
}
.cat_box ul.post-categories li {
  margin: 0 auto;
  text-align: center;
  display: table;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 15px;
  position: relative;
  top: 41%;
}
.cat_box ul.post-categories li a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 7px;
    display: block;
}
#category_tab span.date a{
color: #34444e;
}
.cat_box .post-categories:hover li {
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.cat_box .post-categories {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  /*-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;*/
}

.cat_box .post-categories:hover {
  background-color: rgba(0,0,0,0.75);
}
#blog-box button.owl-prev, #latest_post button.owl-prev  {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #F07A85;
  border: none;
  padding: 10px;
  color: #ffffff;
}
#blog-box button.owl-next, #latest_post button.owl-next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #F07A85;
  border: none;
  padding: 10px;
}
#blog-box button.owl-next:hover, #blog-box button.owl-prev:hover, #latest_post button.owl-next:hover, #latest_post button.owl-prev:hover {
  background: #101631;
  outline: none;
}
#blog-box .owl-nav i {
    color: #ffffff;
}
.pcontent-box .image-box img {
    width: 100% !important;
}

.inner_sec {
    padding: 40px 0;
}
.mid-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-bottom: 25px;
}
/*------------------------- Category Tab Section --------------------------*/
#category_tab ul.nav.nav-pills.nav-justified {
    margin: 0 0 40px;
}
#category_tab .nav-pills .nav-item.show .nav-link, #category_tab .nav-pills .nav-link.active {
  color: #fff;
  cursor: default;
  background-color: #F07A85;
  border: solid 1px #F07A85;
}
#category_tab .nav-link {
  display: block;
  padding: .5em 1em;
  border: solid 1px #808080;
  margin: 0 10px;
  border-radius: 22px;
  color: #808080;
  font-size: 16px;
}
#category_tab .nav-link:hover {
  background-color: #F07A85;
  border: solid 1px #F07A85;
  color: #ffffff;
}
/*--------Blog sidebar section----------*/
 ul li a {
    font-family: 'Titillium Web', sans-serif;
    letter-spacing: 0px;
    color: #f17a84;
}

/*------------------------- Post section one -----------------------------*/
.pcontent-box {
  float: left;
  width: 100%;
}
.pcontent-box h3{
  color: #101631;
  font-size: 26px;
  font-weight: 600;
}
.readmore {
  text-align: right;
}
.readmore a, .att_socialbox a {
  border: 1px solid #eceeef;
  padding: 7px;
}
.readmore a {
  background: transparent;
  border: 1px solid #34444e;
  padding: 7px 19px !important;
  color: #34444e;
  font-size: 14px;
  border-radius: 22px;
}
.readmore a:hover {
  background: #F07A85;
  border: 1px solid #F07A85;
  color: #ffffff;
}
#postbox_one .owl-nav, #postbox_two .owl-nav {
  margin: 12px auto;
  display: table;
  position: absolute;
  top: 0;
  right: 0;
}
.owl-nav.disabled {
  display: none !important;
}

.owl-carousel{
  position: inherit !important;
}
.image-box.posts_box {
    width: 100%;
}
.image-box.posts_box {
    text-align: center;
    overflow:hidden;
}
.posts_box p {
  padding: 0px 0 14px 0px;
  line-height: 1.9em;
  font-size: 15px;
}
.posts_box p:before{
  content: '- '
}
.short_text{
  color:#34444e;
  font-size: 17px;
}
.about-socialbox p {
  float: left;
  letter-spacing: 1px;
}
.att_socialbox a i {
  color: #222222;
  padding: 0 9px;
}
.about-socialbox p {
    float: left;
    margin-right: 10px;
}
.pcontent-box:hover .posts_box p{
  color: #F07A85;
}
.pcontent-box:hover .about-socialbox p{
  color: #F07A85;
}
.pcontent-box:hover .att_socialbox a i{
  color: #F07A85;
}
.auther-info i {
  margin-right: 5px;
}
.auther-info {
  font-size: 16px;
}
.auther-info-single {
  font-size: 16px;
  background-color: #F07A85;
  padding: 15px 0;
}
.auther-info-single, .author .entry-comments .date{
  color: #ffffff;
}
/*------------- Post Section three -----------------*/
.pcontent-box {
  margin-bottom: 20px;
  border-bottom: solid 1px #eceeef;
  padding-bottom: 30px;
}

/*------------- Newsletter section -----------------*/
#newsletter {
    padding-top: 30px;
}
.head {
    text-align: center;
}
.news_content label {
  float: left;
  margin-right: 20px;
}
.news_content input.wpcf7-form-control.wpcf7-submit {
  width: 25%;
}
.news_content {
  display: inline;
  float: left;
  width: 100%;
}
.news_content input {
    height: 47px;
    background: #e5e5e5;
}
#newsletter h3::after, .insta-inner h3::after, #videos h3::after{
  position: absolute;
  height: 2px;
  width: 210px;
  background-color: #F07A85;
  bottom: 0px;
  content: "";
  right: 0;
  left: 0;
  margin: 0px auto;
}
.insta-inner h3{
  text-align: center;
}
.head p {
  margin: 20px 0;
}

/*------------- Latest post -----------------*/
.pad-above{
  position: relative;
  top: -5em;
}
.bigpost-img {
  position: relative;
}
.latestpost_box {
  margin: 0 20px;
  padding: 20px 8px;
}
.post-content {
  font-size: 13px;
  color: #333;
}
.post-button {
    margin-top: 25px;
}
.widget_recent_entries ul li:before{
      content: '' !important;
}
.latestpost_box i {
  font-size: 20px;
  margin-right: 10px;
  color: #444;
}
.post_thumb {
    position: relative;
    overflow:hidden;
}
.latestpost_box span {
  color: #444;
}

.post_thumb img {
    width: 100%;
}
.post_thumb:hover img {
    width: 100%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.post-button a {
  background: #333;
  padding: 15px 15px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold; 
  margin: 0 auto;
  padding:0;
  margin-bottom: 20px;
}
section h4{
  color:#000; 
  font-size:20px;
}
section h5{
  color:#333; 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}
/*------------------ Contact Section -----------------*/
.contac_form input[type="submit"] {
  margin-top: 0;
  float: none;
  margin-bottom: 20px;
  margin-top: 13px;
}
.contac_form label{
  width: 100%;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form input[type='text'], .contac_form input[type='email'], .contac_form input[type='url'], .contac_form input[type='password'], .contac_form input[type='search'], .contac_form input[type='number'], .contac_form input[type='tel'], .contac_form input[type='range'], .contac_form input[type='date'], .contac_form input[type='month'], .contac_form input[type='week'], .contac_form input[type='time'], .contac_form input[type='datetime'], .contac_form input[type='datetime-local'], .contac_form input[type='color'], .contac_form select, .contac_form textarea, .contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
   border-radius: 0px;
   box-shadow: none;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  border: 1px solid #bcbcbc;
  width: 47% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;
}
.contact-box .wpcf7 textarea {
    width: 97%;
}
.contac_form.col-md-12 {
    margin-top: 20px;
}
/*---------------- Footer Section ----------------------*/
#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#footer input.search-submit
{
  width:50%;
}
#footer form.search-form input{
  float: none;
  border: 1px solid;
  margin: 0 2px;
}
#footer input, #footer textarea{
  background-color: transparent;  
  border: 1px solid #ffffff;
  color: #ffffff;
}
#footer p.post-date {
    color: #ffffff;
    font-size: 11px !important;
}
.copyright {
    background: #000000;
}
.copyright p {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 0;
}
.socialbox {
  text-align: right;
  margin-top: 10px;
}
.main_sociobox {
    padding: 20px 0;
}
#footer{ 
  text-align:center;
  color:#fff;
  padding:40px 0 30px;
  text-align:left;
  background: #111013;
}
.footer_hide{
  display:none;
}
.container #blog-right-sidebar h3,
#footer h3{
  color:#F07A85;
  text-align:left;
  font-size:24px;
  padding:0 0 17px 0;
}
#footer .copyright p{
  font-size:14px;
  text-align:center;
  color:#ffffff;
}
#footer .copyright a {
    color: #fff;
	cursor: pointer;
}
#footer input{
  padding:8px 0; 
  float:left;
  margin:5px 0;
  border-radius:0px;
}
#footer input[type="submit"] {
  padding: 8px 10px;
  background: transparent;
  border-radius: 5px;
  color: #ffffff;
  border: 1px solid #F07A85;
  border-right: 1px solid #F07A85;
  border-bottom: 3px solid #F07A85;
  text-transform: uppercase;
}
#footer .copyright{
  text-align:center; 
  border-top:1px solid #337ab7;
  margin:30px 0 0 0;
  padding-top:40px;
}
#footer ul {
    margin: 0;
}
#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
}
#footer ul li a{
  color:#ffffff;
}
#footer .short_text{
  font-size:14px;
  margin: 0;
  line-height: 20px;
  color:#ffffff;
}
.widget_recent_entries img {
  width: 100px;
}
#footer .recent-post-box {
  padding-bottom: 15px;
}
#footer h3 {
    color: #ffffff;
    text-align: left;
    font-size: 24px;
    padding: 0 0 17px 0;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox {
   width: 100%;
   border: none;
}
#full-width-blog .postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 20px;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 0 0;
}
.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%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
   padding: 0px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
   font-size: 18px;
   border-bottom: 1px solid;
}
a.post-readmore i {
   margin-left: 8px !important;
   font-size: 18px;
   border-bottom: 1px solid #ffffff;
   padding-bottom: 2px;
}
.widget_recent_entries li {
  margin: 10px;
}
.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;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
    color: #000;
    padding: 5px 0;
    clear: both;
    margin: 10px 0;
    border-top: 1px solid #F07A85;
    border-bottom: 1px solid #F07A85;
}
.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('images/images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
    margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
.content_boxes i.fa.fa-comment {
    margin-right: 5px;
}
.content_boxes i.fa.fa-calendar {
    margin-right: 5px;
}
.content_boxes i.fas.fa-user {
    margin-right: 5px;
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
ol.carousel-indicators {
  position: relative !important
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: #333333;
  border-radius: 50%;
  bottom: 30px;
  background-color: transparent;
}
.carousel-indicators li {
  border: solid 2px #F07A85;
  max-width: 8px;
  height: 8px;
  border-radius: 50%;
}
.carousel-indicators .active {
    background-color: #F07A85;
}
.carousel-indicators .active {
  border:2px solid #F07A85;
}
/* -------------- CONTACT Page --------------- */
#contact_page .contac_form {
  width: 100%;
}
#contact_page .wpcf7 input[type="text"], #contact_page .wpcf7 input[type="email"] {
  border: 1px solid #bcbcbc;
  width: 24% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 1% 1% 0;
  height: auto;
  float: left;
}
#contact_page textarea {
  width: 99%;
  clear: both;
  height: 200px;
}
section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  width: 100%;
  margin-bottom: 30px;
}
.contact-email i, .contact-address i, .contact-phone i {
  text-align: left;
  font-size: 38px;
  background-color: transparent;
  color: #F07A85;
  margin-right: 5px;
}
.contact-email i:hover, .contact-address i:hover, .contact-phone i:hover {
  transform: rotateY(180deg);
}
.contact-info .head{
  color:#000;
}
.contact-address,
.contact-email,
.contact-phone{
  margin-bottom: 2%;
}
/* ----------------------- POST---------------------- */
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}

.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin: 5px 5px 5px 5px;
  display: inline-block;
}
.bradcrumbs a:hover{
  background:#F07A85;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}
#comments h3.comment-reply-title, .relatedposts h3{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}
#comments input[type="submit"].submit {
  padding: 10px 8px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: #ffffff;
  border-left: 1px solid #F07A85;
  border-right: 1px solid #F07A85;
  border-bottom: 3px solid #F07A85;
  text-transform: uppercase;
  border-top: none;
}
#comments a.comment-reply-link{
  color:#000;
  background:#cecece;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:#3890cb;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#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;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
  color: #ffffff;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
  width: 100%;
  float: left;
}
 
.navigation a {
  padding: 0;
}
.post-navigation .nav-previous a {
  padding: 0;
}
.navigation span, .navigation a {
  display: inline-block;
  padding: 5px 15px 3px 15px;
  margin-bottom: 10px;
  color: #5b5b5b;
  -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;
  font-weight: normal;
}
.navigation span.meta-nav {
    font-weight: bold;
}
.navigation .current{
  background: #ffffff;
  color: #F07A85;
  font-weight: normal;
}
a.next.page-numbers {
  background: #F07A85;
  color: #ffffff;
  font-weight: bold;
  margin-left: 5px;
}
.navigation.post_three_nav {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.posts_box h3 a {
    color: #34444e;
}
.container.main_title_contact h1 {
    font-size: 30px;
}
/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories li {
  display: inline-block;
  margin: 0 10px;
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
    padding: 0;
    border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.main_title h1:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background: #d6d6d4;
  margin-top: 7px;
}
.share_icon i {
  margin: 0 0;
  color: #F07A85;
  margin: 0 4px;
  text-align: center;
}
.services_inner h4, .services_inner .short_text {
    color: #ffffff;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 6px 9px;
}
#postbox_one button.owl-prev, #postbox_one button.owl-next, #postbox_two button.owl-prev, #postbox_two button.owl-next {
  margin: 2px;
}

.owl-dots {
  visibility: hidden;
}
.owl-nav {
  margin: 12px auto;
  display: table;
}
.owl-nav i {
    color: #ccc;
}
/*-------------- Sidebar ---------------*/
aside h3 {
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #111013;
    font-weight: bold;
}
aside.widget_recent_entries ul {
    list-style: none;
    margin: 0;
}
#sidebar aside{
  border-bottom: solid 1px #efefef;
  padding: 15px 0;
}
#sidebar .about_me aside{
  border-bottom: none;
  padding: 0;
}
aside ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.widget_recent_entries img {
    max-width: 70px;
    height: 70px;
    border-radius:50%;
}
.widget_recent_entries h4 a {
  color: #111013;
  font-size: 18px;
  font-weight: 600;
}
#footer aside {
    border: none;
}
h3.widget-title {
    margin-bottom: 20px;
}
.widget_tag_cloud .tagcloud a {
  font-size: 14px !important;
  background-color: #3b3f4a;
  padding: 5px 10px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 3px;
  margin: 4px 2px;
  display: inline-block;
}
.social_widget a {
  padding: 0 8px;
}
#sidebar input[type="text"], input[type="email"] {
  border-radius: 22px;
}
#sidebar input[type="submit"] {
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #F07A85;
  padding: 10px 25px;
  border: none;
  margin-top: 20px;
  border-radius: 3px;
  display: block;
  width: 100%;
  font-size: 19px;
}
#sidebar input[type="submit"]:hover {
  background-color: #111013;
  color: #ffffff;
}
.post_tag a {
  font-size: 14px !important;
  /*background-color: #3b3f4a;*/
  padding: 5px 10px;
  color: black;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 3px;
  margin: 4px 2px;
  display: inline-block;
}
/*-------------- About Me Widget ---------------*/
.about_me {
    text-align: center;
}
img.about_thumb {
  padding: 20px 0;
  border-radius: 50%;
  width: 220px;
  margin: 0 auto;
}
.about_me aside{
  margin-bottom: 0px;
}
.about_me {
  margin-bottom: 20px;
}
/*-------------- Latest post widget slider ---------------*/
a.latest_post_slider_link {
    margin-top: 15px;
}
.latest_post_slider .datebox {
  background-color: #ffffff;
  padding: 10px 5px;
  text-align: center;
}
.latest_post_slider .date {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.latest_post_slider .month {
  font-size: 14px;
  font-weight: normal;
  color: #000;
}
.latest_post_slider h5 a {
  font-size: 14px;
  font-weight: 600;
  padding: 0 !important;
}
.latest_post_slider p {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.latest_post_text {
  padding: 0 15px 0 0 !important;
}
.latest_post_content {
  padding: 15px 0 0;
}
.latest_post_slider{
  margin-top: 20px;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #F07A85;
  border-radius: 0;
  padding: 10px 14px;
  color: #ffffff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #F07A85;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #ffffff;
  color: #333333;
  border: 1px solid #F07A85;
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: #F07A85;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
    padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: #ffffff; 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
    list-style: none;
    display:block;
    margin-left: -5px;
}
nav.woocommerce-MyAccount-navigation ul li{
    display: block;
    padding: 10px;
    background: #000;
    border: 1px solid #f07a85;
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: #f07a85;
}
nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: #000;
}
nav.woocommerce-MyAccount-navigation ul li a{
  margin-left:20px;
}

/*Related Post*/
.relatedposts {
  margin: 0 0 20px 0; 
  float: left; 
  font-size: 12px;
}
.relatedthumb {
  margin: 0 1px 0 1px; 
  float: left; 
}
.relatedthumb img {
  margin: 0 0 3px 0; 
  padding: 0;
}
.relatedthumb a {
  color :#333; 
  text-decoration: none; 
  display:block; 
  padding: 4px;
}
.relatedthumb a:hover {background-color: #ddd; color: #000;}
div#relatedposts ul li {
  list-style: none;
  text-align: center;
}
.rp-content {
  padding: 1px;
  text-align: center;
}
/*Auther Info*/
.author_bio_section{
  background: #3b3f4a;
  padding: 15px;
  border: 1px solid #ccc;
  width: 100%;
  float: left;
  color: #ffffff;
  border-radius: 3px;
} 
.author_name{
  font-size:16px;
  font-weight: bold;
  color: #ffffff;
}
.author_links a {
  color: #ffffff;
}
.author_details img {
  border: 1px solid #D8D8D8;
  border-radius: 50%;
  float: left;
  margin: 0 10px 10px 0;
}
.author_details span.date a {
    color: #1d1c1cc7;
}
.socialbox{
  text-align: right;
  margin-top: 10px;
}
#sidebar aside input.search-field {
  width: 100%;
}

/*-------------- media section ---------------*/

@media screen and (max-width:575px) and (min-width:320px) {
 
  .search-box span {
    padding: 7px;
  }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 100% !important;
  }
  .widget_recent_entries img {
    max-width: 70px;
    height: 70px;
  }
  img.custom-logo {
    width: 175px;
  }
  
  #contact_page .wpcf7 input[type="text"], #contact_page .wpcf7 input[type="email"]{
    width:100% !important;
  }
  .title-box h1 {
    font-size: 15px;
  }
  #category_tab .nav-link {
    font-size: 11px !important;
  }
  .about-inner .nav-item {
      display: inline-block;
      float: left;
      margin-bottom: 10px;
  }
  
  #slider ol.carousel-indicators li {
      margin: 5px 12px;
      display: block;
  }
  #slider .slider_nav {
      bottom: 30px;
  }
  #single-post {
      overflow: hidden;
  }
  #blog-box button.owl-prev, #latest_post button.owl-prev {
    position: absolute;
    left: 0;
    top: 64%;
    transform: translateY(-50%);
    background: #F07A85;
    border: none;
    padding: 10px;
    color: #ffffff;
  }
  #blog-box button.owl-next, #latest_post button.owl-next {
    position: absolute;
    right: 0;
    top: 62%;
    transform: translateY(-50%);
    background: #F07A85;
    border: none;
    padding: 10px;
  }
  .readmore {
    text-align: right;
    margin-top: 8%;
    margin-right: 25%;
  }
  .overlap_header{
    position: static;
    background: #f07a85; 
  }
  .overlap_header.sticky {
    position: fixed;
  }
  .logo h1 a{
    font-size: 16px;
  }
  .logo h1{
      letter-spacing: 0px;
    line-height: 10px;
  }

  p.site-description{
    letter-spacing: 1px;
    font-size: 14px;
    padding: 4px;
  }

  #slider ol.carousel-indicators li{
    margin: 5px 6px;
  }
  #slider a.carousel-control-next {
    float: left;
    position: absolute;
    width: auto;
    margin-left: 18px;
    right: 9px;
    }
  #slider a.carousel-control-prev{
     float: left;
    position: absolute;
    width: auto;
    margin-right:18px;
    left: 9px;

  }
   #slider a i {
    display: block;
    padding: 9px 10px;
  }

  #single-post {
      overflow: hidden;
  }
  #blog-box button.owl-prev, #latest_post button.owl-prev {
    position: absolute;
    left: 0;
    top: 60%;
    transform: translateY(-50%);
    background: #F07A85;
    border: none;
    padding: 10px;
    color: #ffffff;
  }
  #blog-box button.owl-next, #latest_post button.owl-next {
    position: absolute;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    background: #F07A85;
    border: none;
    padding: 10px;
  }
  .readmore {
    text-align: right;
    margin-top: 8%;
    margin-right: 25%;
  }
  #contact_page .wpcf7 input[type="text"], #contact_page .wpcf7 input[type="email"] {
    border: 1px solid #bcbcbc;
    width: 24% !important;
    font-size: 10px;
    padding: 10px 10px;
    height: auto;
    float: right;
  }
  #slider ol.carousel-indicators li{
    margin: 5px 7px;
    display: block;
  } 
  li.nav-item {
    width: 44%;
    display: inline-block;
  }

 #slider ol.carousel-indicators li{
  display: block;
    margin: 5px 10px;
  }
  #slider .inner_carousel {
    display: block;
    left: 0;
    text-align: center;
    width: 100%;
  }
  .overlap_header{
    position: static;
    background: #f07a85; 
  }
  .overlap_header.sticky {
    position: fixed;
  }

  li.nav-item {
      margin-bottom: 20px;
  }
  .readmore {
      text-align: right;
      margin-top: 8%;
      margin-right: 28%;
  }
  #slider .slider_nav
  {
    left: 0;
  }
  .socialbox
  {
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
  }
  #slider h5
  {
    font-size: 14px;
  }
  #slider p
  {
    display: none;
  }
  #slider .carousel-caption
  {
    top: 0; 
  }
  #slider .btn-primary
  {
    padding: 8px 18px;
  }
  #category_tab ul.nav.nav-pills.nav-justified
  {
    display: inline-block;
    margin-bottom: 0;
  }
  #category_tab .tabpanel
  {
    text-align: center;
  }
  .att_socialbox
  {
    float: none !important;
    text-align: center;
  }
  #category_tab .pcontent-box
  {
    text-align: center;
  }
  .inner-cat
  {
    margin-bottom: 0;
  }
}

@media screen and (max-width:767px) and (min-width:576px) { 
  
  
  #slider ol.carousel-indicators li{
    display: block;
  }
  #slider .inner_carousel {
    display: block;
    left: 0;
  }
  #slider h5{
    font-size: 22px;
    margin-top: 49px;
  }
  #slider p{
    display: block;
    font-size: 14px;
  }
  .overlap_header{
    position: static;
    background: #f07a85; 
  }
  .overlap_header.sticky {
    position: fixed;
  }
  #slider h5{
    font-size: 22px
  }
  .menubar.scrolled .logo, .menubar.scrolled .socialbox  {
    display: none;
  }
  .contac_form{
    padding: 0;
  }
  aside input[type="submit"]{
    float: right;
  }
  #site-navigation{
    background: transparent;
  }
  .about-socialbox.pt-3{
    display: block;
  }
  .att_socialbox {
    width: 100%;
    float: left;
    margin-top: 20px;
  }

  embed {
    height: auto;
  }
  iframe {
    height: auto;
    width: 100%
  }
  ul.search-consult {
    padding: 0px 0;
  }
  
  .socialbox a i{
    font-size: 14px !important;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .copyright p {
    margin-bottom: 15px;
  }
  .socialbox {
    text-align: center;
  }
  .site-title{
    font-size: 34px;
  }
  .site-description{
    font-size: 14px;
  }
  .main-header{
    margin-bottom: 25px;
  }
  .header-title{
    padding: 30px 0;
  }
  .main-title{
    font-size: 30px;
  }
  #masthead{
    min-height: 60px;
  }
  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }

  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }

  .menu > ul > li > a{
    padding: 10px 0;
  }

  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  #footer-menu ul {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  #primary{
    width: auto !important;
    float: none !important;
    margin-bottom: 25px;
  }
  #secondary{
    width: auto;
    float: none !important;
  }
  .custom_btn{
    text-align: center;
    margin: 0 auto;
    display: block !important;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .pl-0 {
    padding-left: 15px !important;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"], .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
  
  .news_content label{
    float: none;
  }
  .news_content form{
    margin: 0 auto;
    text-align: center;
    display: block;
  }
  #category_tab ul.nav.nav-pills.nav-justified {
    margin: 0 0 20px;
    display: inline-block;
    width: 100%;
  }
  #category_tab .nav-justified .nav-item {
    margin-bottom: 15px;
    width: 33%;
    float: left;
  }
  .readmore {
    text-align: left;
    display: block;
    clear: both;
    margin-top: 20px;
    margin-right: 25%;
  }
  
  #blog-box .section-title h3 {
    font-size: 25px;
  }
  .inner-cat {
    margin-bottom: 20px;
  }
  #blog-box {
    margin-bottom: 10px;
  }
  .pcontent-box h3 {
    color: #101631;
    font-size: 20px;
    font-weight: 600;
  }
  
  blockquote{
    width: 100%;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    padding: 10px 0;
  }
  #header .logo {
    margin: 0;
    padding: 0 30px;
  }
  .copyright p{
    text-align: center !important;
    padding: 5px 0;
  }
  section h2{
    font-size: 22px;
  }
  .pcontent-box, .outer_post_box, .testi_qoute, .postbox, #sidebar {
      margin-left: auto;
      margin-right: auto;
  }
  .top-icon{
    top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  .consultation {
    margin: 6px 0;
  }
  .menubar {
    padding: 0 15px;
  }
  #header .logo h1 {
    text-align: center;
  }
  #header .logo p {
    text-align: center;
  }
  .serach_inner input.search-field {
    width: 85%;
  }
  .logo{
    text-align: left;
  }
  
  #blog-box .section-title h3 {
    font-size: 25px;
  }
  .inner-cat {
    margin-bottom: 0px;
  }
  #blog-box {
    margin-bottom: 0px;
  }
  #category_tab .nav-link {
    font-size: 13px;
  }
  #category_tab .nav-justified .nav-item {
    margin-bottom: 10px;
    width: 33%;
  }
  .pcontent-box h3 {
    font-size: 20px;
  }
  #category_tab ul.nav.nav-pills.nav-justified {
    margin: 0 0 20px;
  }
  aside#recent-posts-8 {
    margin-top: 25px;
  }
  #footer h3 {
    margin-top: 25px;
  }
   #contact_page .inner-cont {
    margin-bottom: 20px;
  }
   .menubar.scrolled.hmenu #site-navigation{
    background: transparent !important;
  }
  .menubar.scrolled.hmenu .socialbox a, .menubar.scrolled.hmenu  .search-box span i {
    color: #ffffff;
  }
  .menubar.scrolled.hmenu .toggle-nav span, .menubar.scrolled.hmenu .toggle-nav span:after, .menubar.scrolled.hmenu .toggle-nav span:before{
    background: #ffffff;
  }

  .menubar.scrolled.hmenu {
    background-color: #222222;
    overflow: scroll;
    height: 100%; 
  }
  .contact-info {
    margin: 0 !important;
  }
  .search-box{
    float: none;
  }
  
  .aboutbg {
    top: 0;
  }
  .continnerbox{
    border-left: 25px solid transparent;
  }
  .menubar .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%; 
    float:none !important; 
    margin-top:0;
  }
  
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }
  .nav ul li a:hover{
    color:#ff8a00;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  span {
    text-align: right;
  }
   #contact_page .inner-cont {
    margin-bottom: 20px;
  }
  .title-box h1 {
    font-size: 18px;
  }
  #blog-box button.owl-prev, #latest_post button.owl-prev {
    position: absolute;
    left: 0;
    top: 60%;
    transform: translateY(-50%);
    background: #F07A85;
    border: none;
    padding: 10px;
    color: #ffffff;
  }
  #blog-box button.owl-next, #latest_post button.owl-next {
    position: absolute;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    background: #F07A85;
    border: none;
    padding: 10px;
  }
  #category_tab .nav-link {
    display: block;
    padding: .5em 1em;
    border: solid 1px #808080;
    margin: 0 2px;
    border-radius: 22px;
    color: #808080;
    font-size: 16px;
  }
  #contact_page .wpcf7 input[type="text"], #contact_page .wpcf7 input[type="email"] {
    border: 1px solid #bcbcbc;
    width: 24% !important;
    font-size: 10px;
    padding: 10px 10px;
    height: auto;
    float: right;
  }

   #slider a.carousel-control-next {
    position: absolute;
    width: auto;
    right: 0px;
    top: 0px;
  }
  #slider a.carousel-control-prev{
    position: absolute;
    width: auto;
    left: 0px;
    top: 0px;
  }
  .socialbox
  {
    margin-bottom: 10px;
    margin-top: 0;
  }
  #slider .inner_carousel
  {
    top:-121px;
  }
  #slider .btn-primary
  {
    padding: 9px 24px;
  }
  #slider ol.carousel-indicators
  {
    bottom: -8px;
    right: 22px;
  }
  .readmore a
  {
    margin-top: 20px;
    display: inline-block;
  }
  #slider .slider_nav
  {
    position: unset;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){
  #slider .inner_carousel {
    font-size: 31px;
    margin-top: 16px;
    display: block;
  }
  .overlap_header{
    position: static;
    background: #f07a85; 
  }
  .overlap_header.sticky {
    position: fixed;
  }
  #slider h5{
    font-size: 33px;
    margin-top: -100px;
  }
  #slider p{

     font-size: 16px; 
  }
  #slider .btn-primary{
    margin-bottom: 55px;
    padding: 13px 20px;
  }
  
  .title-box h1 {
    font-size: 25px;
  }
  .no-pad {
    padding: 0;
  }
  .logo h1 a {
    font-size: 18px;
    color: white;
    margin: 2px;
  }
  html {
    margin-top: 0px !important; 
  }
  .innermenubox {
    position: static;
  }
  .news_content label{
    float: none;
  }
  .news_content form{
    margin: 0 auto;
    text-align: center;
    display: block;
  }
  iframe {
    height: auto;
    width: 100%
  }
  #category_tab .nav-link {
    display: block;
    padding: .5em 1em;
    border: solid 1px #808080;
    margin: 0 2px;
    border-radius: 22px;
    color: #808080;
    font-size: 16px;
  }
  .widget_recent_entries img {
    max-width: 50px;
    height: 50px;
  }

  #blog-box {
    margin-bottom: 10px;
  }
  .inner-cat {
    margin-bottom: 10px;
  }
  .widget_recent_entries h4 a {
    font-size: 15px;
  }
  #contact_page .wpcf7 input[type="text"], #contact_page .wpcf7 input[type="email"] {
    border: 1px solid #bcbcbc;
    width: 24% !important;
    font-size: 10px;
    padding: 10px 10px;
    height: auto;
    float: right;
  } 
  #slider h5{
    font-size: 35px;
  }
  #slider ol.carousel-indicators li{
    padding: 5px 6px;
  }
  .toggle-nav
  {
    margin-top: -22px !important;
  }
  #slider .slider_nav
  {
    position: unset;
  }
  #slider a.carousel-control-prev
  {
    position: absolute;
    left: 0;
    float: none;
  }
  #slider a.carousel-control-next
  {
    position: absolute;
    right: 0;
    float: none;
  }
  #slider a i
  {
    padding: 9px 10px;
  }
  #slider ol.carousel-indicators
  {
    right: 23px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px){
  .toggle-nav {
    margin-top: -22px !important;
  }
  .readmore a, .att_socialbox a{
    padding: 4px;
  }
  .about-socialbox.pt-3{
    display: block;
  }
  .att_socialbox {
    width: 100%;
    float: left;
    margin-top: 20px;
  }
  .toggle-nav {
    right: 0px;
  }
  .search-box{
    float: none;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;
  }
 
  small {
    font-size: 13px !important;
  }
  iframe {
      width: 100%;
      height: auto;
  }
  .main-navigation li{
    line-height: 38px;
  }
  #slider .btn-primary
  {
    margin-top: 0;
  }
  #slider .carousel-caption
  {
    top: 20%;
  }
  #slider .slider_nav {
    position: relative;
    bottom: 65px;
  }
  #slider .slider_nav
  {
    left: 0;
  }
  #slider a.carousel-control-prev
  {
    position: relative;
    left: 40px;
  }
  #slider a.carousel-control-next
  {
    position: relative;
    left: 60px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px){

  #slider .btn-primary
  {
    margin-top: 0;
  }
  #slider .carousel-caption
  {
    top: 20%;
  }
  #slider .slider_nav {
    position: relative;
    bottom: 65px;
  }
  #slider .slider_nav
  {
    left: 0;
  }
  #slider a.carousel-control-prev
  {
    position: relative;
    left: 40px;
  }
  #slider a.carousel-control-next
  {
    position: relative;
    left: 60px;
  }
}
@media screen and (max-width: 1024px){
  .main-navigation li {
    padding: 17px 7px;
  }
  .readmore a, .att_socialbox a{
    padding: 4px;
  }
  .about-socialbox.pt-3{
    display: block;
  }
  .att_socialbox {
    float: left;
    margin-top: 0px;
  }
  .toggle-nav {
    right: 0px;
  }
  .search-box{
    float: none;
  }
  #footer input[type="submit"] {
    padding: 9px 3%;
  }
  .socialbox a i {
    font-size: 12px;
    width: auto;
  }
  small {
    font-size: 13px !important;
  }
  iframe {
      width: 100%;
      height: auto;
  }
    .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .toggle-nav {
    display: block;
    position: relative;
    float: right;
    right: 15px;
    width: 30px;
    cursor: pointer;
    margin: 0 auto;
    z-index: 999999;
    right: 0;
    text-align: right;
    right: 0;
    margin-right: 0;
    margin-top: 5px;
    margin-top: -33px;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #fff;
  }
  .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;
  }
  .sidenav a {
    padding: 0px 0px 0px 10px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  main-navigation li {
    padding: 0px 10px;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .innermenubox {
    position: static;
    padding-bottom: 10px;
  }

  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%;
    margin-top:0; 
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid; 
    display:block;
    text-align:left;
    float:none;
    width: 18rem;
    padding: 0px;
  }
  .nav ul li a{
    padding:0px 10px; 
    display:block; 
    color:#ffffff;
  }
  .nav ul li a:hover{
    color:#ff8a00;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .top_bar_btn{
    padding:0;
  }
  .main-navigation li.current_page_item
  {
    border:none;
  }
  #site-branding{
    width: 80%;
    width: calc(100% - 60px);
    float: left;
  }
  aside input[type="submit"]{
    float: none;
  }
  .toggle-nav span {
    position: relative;
    display: block;
    width: 0px;
    height: 0px;
    background: #ffffff;
    margin-top: 20px;
    -moz-border-radius: 3px;
    border-radius: 0px;
  }
   .main-navigation li{
    line-height: 28px;
  }
    .logo h1 {
      padding: 0;
      font-size: 15px;
  }
  .logo h1 a{
    font-size: 20px;
  }
  p.site-description{
    font-size: 12px;
    margin: 0;
  }
   .main-navigation li{
    line-height: 38px;
  }

  .sticky.overlap_header .sidenav .main-navigation .current_page_item > a {
      color: #f07a85 !important;
  } }

/*-------------- media section for IE---------------*/

@media screen and (max-width:400px) and (max-height:800px) { 
   .actual-form .title-box h1 {font-size: 20px;}

    input#submit {width: 100%;}
    #contact_page .wpcf7 input[type="text"], #contact_page .wpcf7 input[type="email"] {
      border: 1px solid #bcbcbc;
      width: 100% !important;
      font-size: 16px;
      padding: 10px 10px;
      margin: 0 1% 1% 0;
      height: auto;
      float: left;
    }
    .above_title {margin-top: 0%;}
}
@media all and (min-width: 768px) and (max-width: 991px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .title-box h1 {
    font-weight: bold;
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
    font-size: 28px;
  }
  #comments input[type="submit"].submit{
    width:100%;
  }
}