/*
Theme Name: Multipurpose Corporate
Theme URI: https://www.logicalthemes.com/themes/free-corporate-wordpress-theme/
Author: LogicalThemes
Author URI: https://www.logicalthemes.com
Description: The multipurpose corporate theme has the professional approach to it as required for any corporate site. This theme effectively serves any type of business whether you are a small firm or a corporate biggie, shop owners, business owners, bloggers, travelers, etc.. As it is a multipurpose theme, it can be used for personal websites, blogging and by agencies dealing in different areas such as product showcase, startups, medium sized companies, marketing, promoting your business online, corporate business, business websites, business agencies, organizations, e-commerce. If you are new to business world it will help you establish in the market or if you are already established then it will showcase your services and work in the most professional way. The theme comes with top-class features and functionalities to serve various purposes. It has a user-friendly and interactive interface for smooth usage of the site. It can be customized to change its colour, background, images etc. to fit your perspective. It is fully responsive to seamlessly adjust across any device; translation ready to serve different demographics and cross-browser compatible to load on any browser. It has multiple page templates to design each page differently. The social media icons present will make your site content shareable on all networking sites. This multipurpose corporate theme is written in clean and secure codes. It has a testimonial section where your customers can give review about your services and site. It is SEO-friendly and loads pages faster. Use this theme to exhibit your sincerity and professionalism in business world.Demo: https://www.logicalthemes.com/multipurpose-corporate-pro/
Version: 0.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: multipurpose-corporate
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, post-formats, translation-ready, rtl-language-support, blog, portfolio, e-commerce

Multipurpose Corporate WordPress Theme has been created by LogicalThemes(logicalthemes.com), 2018.
Multipurpose Corporate WordPress Theme is released under the terms of GNU GPL
*/

*{
  margin:0;
  padding:0;
  outline:none;
}
body{ 
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  background-color:#fff;
  font-size: 15px;
  color:#000;
  font-family: 'Montserrat', sans-serif;
}
img{ 
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
a:hover {
  text-decoration: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:0 0 15px;
}
p{ 
  margin:0;
  padding:0;
}
a{ 
  text-decoration:none;
  color:#01c9ef;
}
a:hover{ 
  text-decoration:none;
  color:#0993f4;
}
table{
  width:100%;
}
ul,
ol{ 
  margin:0 0 0 15px;
  padding:0;
}
input[type='submit']{
  background-color: #01c9ef;
  padding: 1%;
  border: 0;
  color: #000;
  margin: 2% 0;
}
.clear{ 
  clear:both;
}
input[type='submit']:hover{
  cursor: pointer;
}
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;
}
select{
  width:100%;
}
.center{ 
  text-align:center;
  margin-bottom:40px;
}
.wrapper{
  margin:3% auto;
}
.wp-caption{ 
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{ 
  margin:0;
  padding:0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{ 
  margin:0;
  padding:0;
}
.gallery-caption{ 
  margin:0;
  padding:0;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.alignright,
img.alignright { 
  display: inline;
  float: right;
  margin-left:45px;
  margin-top:4px;
  margin-bottom:20px;
  padding:0;
}
.aligncenter,
img.aligncenter { 
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
}
.comment-list .comment-content ul { 
  list-style:none;
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.main-container ol{
  list-style-position:outside;
  margin-left:20px;
}
.main-container ol li{
  margin:5px 0;
}
.toggleMenu{
  display:none;
}
.bypostauthor{ 
  margin:0;
  padding:0;
}
h2.section-title {
  font-size:30px;
  font-weight:700;
  padding:0 0 45px 0;
  text-align:center;
  display:table;
  margin-bottom:50px;
}
/* --------- Header --------- */
.toggle{
  display:none;
}
.page-template-home-custom .header-box{
  background: transparent;
}
.top-header {
  background: #f7f7f7;
}
.header-box {
  background: #f7f7f7;
}
.header .nav{
  padding:0;
  text-align:left;
}
.header .nav ul { 
  margin:10px 0 0;
  padding:0;
  font-weight:400;
  font-size:14px;
}
.header .nav ul li{ 
  display:inline-block;
  margin:0;
  position:relative;
}
.header .nav ul li a{ 
  color:#333;
  padding:10px 10px;
  display:block;
  letter-spacing: 1px;
}
.header .nav ul li a:hover{
  color: #01c9ef;
}
.social-media {
  text-align: right;
  padding: 10px 0;
}
i.fab.fa-facebook-f {
  padding: 10px 12px;
}
.social-media i {
  color: #999;
  font-size: 12px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 7px 2px #d5d2d2;
  margin-right: 8px;
  border-radius: 50%;
}
.timebox span,.call span, .email span {
  font-size: 14px;
  letter-spacing: 1px;
  color: #333;
  margin-left: 8px;
}
.timebox i,.call i, .email i {
  font-size: 15px;
  color: #01c9ef;
}
.timebox, .call, .email {
  padding: 10px 0;
}
.call p,
.email p {
  color: #333;
  font-size: 14px;
}
.logo {  
  font-weight: bold;
  padding: 8px 0;
  color: #333;
}
.logo h1 {
  font-weight: bold;
  padding: 0;
  font-size: 28px;
}
p.site-description {
  font-size: 12px;
}
.read-moresec a {
  background: #000;
  padding: 15px;
  font-size: 16px;
}
.read-moresec {
  margin: 30px 0;
}
.get-quote-btn a {
  background: #01c9ef;
  color: #fff;
  padding: 10px;
  border-radius: 20px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}
.get-quote-btn {
  margin: 20px 0;
}
/*------search popup---*/
.serach_inner label {
  width: 75%;
}
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgb(000, 000, 000, 0.7);
  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: #fff;
  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: 4px solid #000;
  padding: 10px;
  box-shadow: 0 0 12px 1px #f5f5f5;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
.serach_inner input.search-field {
  padding: 10px;
  font-size: 20px;
  font-style: italic;
  font-weight: normal;
}
.serach_inner input.search-submit {
  padding: 8px 35px;
  margin: 5px 0;
  font-size: 20px;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  border: none;
  padding: 4px 0;
  background: transparent;
  width: 95%;
  color: #000;
}
.search-box {
  margin: 20px 0px;
  text-align: center;
}
.search-box i {
  color: #817f7f;
}

/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.6;
}
#slider .inner_carousel p{ 
  color:#ffffff;
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 600;
}
#slider .inner_carousel h2 {
  font-size: 45px;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0;
}
#slider .carousel-caption {  
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
  right: 50%;
}
.slide-btn a {
  background: #01c9ef;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 20px;
}
.slide-btn a:hover {
  background: #fff;
  color: #000;
}
#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; 
  transform: rotate(90deg);
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 15px;
  background: #01c9ef;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
/* --------- Services --------- */
.top-service {
  text-align: center;
  background: #01c9ef;
  margin-top: -10em;
  color: #fff;
  padding: 10px;
}
.top-service:nth-child(2) {
  background: #04badd;
}
.top-service h3 {
  font-size: 20px;
  margin: 15px 0;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 0;
}
hr.services {
  width: 20%;
  border: solid 1px #fff;
  margin: 1em auto;
}
.top-service p {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px; 
}
.top-service a {
  color: #fff;
  border-bottom: solid 1px;
  font-size: 13px;
  font-weight: bold;
}
/* --------- About --------- */
#about {
  padding: 3% 0;
}
#about img {
  box-shadow: 15px 15px #01c9ef;
}
#about h3 a {
  font-size: 30px;
  font-weight: bold;
  color: #333;
}
#about p {
  color: #333;
  font-size: 13px;
}
/* --------- Homepage --------- */
.post-wrapper {
  margin-top: 4%;
}
#firstbox h1 {
  margin-bottom: 2%;
}
.box-image img {
  width: 100%;
}
span.entry-date {
  background: #01c9ef;
  padding: 15px;
  position: relative;
  bottom: 38px;
  font-size: 18px;
  color: #fff;
}
.post-wrap h3 {
  font-size: 25px;
  font-weight: 600;
  padding: 0;
}
.post-wrap h3 a{
  color: #000;
}
.post-wrap .section-title a:hover{
  text-decoration:none;
}
.post-wrap {
  margin-bottom: 4%;
  border: solid 10px #eee;
}
.post-main {
  padding: 10px;
}
.adminbox {
  padding: 10px 0;
}
.adminbox span {
  font-size: 16px;
  margin-right: 15px;
  color: #999999;
}
.adminbox i {
  color: #999;
  font-size: 15px;
  margin-right: 5px;
}
.post-wrap p {
  font-size: 15px;
  color: #999;
  font-weight: 100;
}
.continue-read a {
  font-size: 16px;
  font-weight: 900;
  font-style: italic;
  letter-spacing: 1px;
}
.continue-read {
  margin-top: 15px;
}
.metabox span {
  color: #999;
  font-size: 16px;
  margin-right: 20px;
}

/* Woocommerce */
.woocommerce span.onsale{
  background: #01c9ef;
  padding: 0;
}
.products li {
  border: solid 1px #dcdcdc;
  padding: 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 500;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  background: none;
  margin-bottom: 5px;
  text-align: left;
  text-transform: none;
}
h1.woocommerce-products-header__title.page-title ,
.woocommerce-product-gallery__image{
  margin-bottom: 10px;
}
.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: #01c9ef;
  color: #fff;
  border-radius: 0;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #000;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #01c9ef;
  padding: 12px !important;
  margin-bottom: 10px !important;
  list-style-type: none !important;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
}
span.posted_in {
  display: block;
}
span.woocommerce-input-wrapper {
  width: 100%;
}

/* Breadcrumbs */
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background: #f1f1f1;
  color: #000;
  padding: 4px 15px;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px;
}
.bradcrumbs a:hover{
  background:#f58220;
}
.bradcrumbs span{
  background:#dddddd;
  color:#000;
  padding:5px 15px;
}

/* blog post */
.nav-previous {
  width: 50%;
  float: left;
}
.nav-links a {
  font-size: 16px;
}
span.meta-nav {
  background: #eee;
  padding: 10px;
}
span.post-title {
  color: #333;
}

/* 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 {
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background:#eee !important ;
  padding:10px 60px;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:20px;
  color: #333;
}
#comments a.comment-reply-link{
  color:#000;
  background:#ccc;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background: #01c9ef;
  color: #333;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#main-content #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0 0 20px;
  padding: 20px;
  background:#eee;
  display:inline-block;
}
#main-content #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  float:right;
}
.comment-respond{
  clear:both;
}
#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:90%;
  float:left;
}

/* Sidebar */

#sidebar h3 {
  color: #000;
  font-size: 25px !important;
  font-style: italic;
  font-weight: 800;
  letter-spacing: 2px;
}
.rssSummary,
div#sidebar p,
#sidebar td#prev a {
  color: #999999;
}
#sidebar caption {
  font-weight: bold;
  color: #999999;
  font-size: 20px;
  text-align: center;
}
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
#sidebar td {
  padding: 10px;
  color: #999999;
}
#sidebar th {
  text-align: center;
  padding: 10px;
  color: #999999;
}
#sidebar select {
  padding: 10px;
  border: none;
  background: #eee;
  color: #000;
  font-size: 17px;
}
#sidebar form{
  display: table;
  width: 100%;
  border: solid 1px #eee;
}
#sidebar input[type="search"] {
  background:none;
  padding:7px 10px;
  border:none;
  font-size:15px;
  color:#999999;
  width:100%;
}
#sidebar input[type="search"]::placeholder {
  color: #999999;
}
#sidebar label{
  width:70%;
  float:left;
}
#sidebar input[type="submit"]{
  background:#eee;
  border:none;
  color:#000;
  padding:10px 0;
  width:30%;
  font-size:18px;
  font-weight: bold;
  margin:0;
}
#sidebar aside,
.singlebox {
  padding: 15px;
  border: 10px solid #eee;
  overflow: hidden;
}
#sidebar ul {
  list-style:none;
  margin:0;
}
#sidebar ul li a {
  color: #999999;
  font-size: 15px;
}
#sidebar ul li a:hover {
  color: #01c9ef;
}
#sidebar li:last-child {
  border-bottom: none;
}
#sidebar li {
  border-bottom: solid 1px #eee;
  margin-top: 0;
  padding: 9px 0;
}
#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: #999999;
}

/* Main Content Css */

#main-content p{
  font-size: 16px;
  margin:0 0 20px 0;
}
#main-content h1{
  font-size:30px;
  font-weight: bold;
}
#main-content h2{
  font-size:32px;
  margin:0;
  padding:0;
  margin:0 0 25px;  
}
#main-content h3{
  font-size:36px;
  margin:0;
  padding:0;
  margin:0 0 25px;
}
#main-content h4{
  font-size:20px;
  font-weight:bold;
  margin:0;
  padding:0;
  margin:0 0 25px;
}
#main-content  h6{
  margin:0 0 15px;
  font-size:17px;
  padding:0;
  font-weight:bold;
  line-height:normal;
}
#main-content ul{
  list-style:none;
  margin:0 0 0 10px;
  padding:10px 0 0;
  font-size:16px;
}
#main-content ul li{
  list-style-type: circle;
  padding:0 0 0 5px;
  margin:0 0 5px 0;
  line-height:22px;
}
#main-content ul li ul li{
  list-style-type: circle;
}
#main-content ol{
  list-style: none;
  padding:10px 0 0 0;
  font-size:16px;
}
#main-content ol li{
  padding:0 0 0 0;
  margin:0 0 10px 0;
  list-style:decimal;
}
#main-content ol li ol li{
  margin:0 0 10px 0;
  padding:0 0 0 35px;
}
#main-content  h5{
  margin:0 0 15px;
  font-size:18px;
  padding:0;
  font-weight:bold;
  line-height:normal;
}

/* Pagination */
.pagination {
  clear:both;
  position:relative;
  font-size:14px;  
  line-height:13px;
  float:right;  
  font-weight:bold;
  width:100%;
} 
.pagination span, .pagination a {
  display:block;
  float:left;
  margin: 2px 5px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#fff;
  background: #ccc;
  -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;
} 
.pagination a:hover{
  color: #333;
  background: #01c9ef;
} 
.pagination .current{
  padding:10px 15px;
  background: #01c9ef;
  color: #333;
}
#main-content .pagination ul{
  margin:0;
  clear:both;
}
#main-content .pagination ul li{
  margin:0;
}

/*copyright css*/
.footersec aside.widget {
  margin-bottom: 30px;
  margin-top: 10%;
}
.footersec .widget_rss,
.footersec a.rsswidget{
  color: #fff;
}
.footersec label{
  width: 70%;
}
.footersec input[type="submit"] {
  margin-top: 0;
  padding: 5px 10px;
  background: #01c9ef;
  color: #fff;
}
.tagcloud a:hover {
  background: #01c9ef;
}
.tagcloud a {
  color: #fff;
  border: solid 1px #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0px 5px;
  display: inline-block;
}
.footersec td#prev a {
  color: #fff;
}
.footersec caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
.footersec table,.footersec th,.footersec td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
.footersec td {
  padding: 10px 0;
  color: #fff;
}
.footersec th {
  text-align: center;
  padding: 10px 0;
  color: #fff;
}
.footersec select {
  padding: 8px 5px;
}
.widget li a,aside#categories-5 li a {
  color: #fff;
  font-size: 16px;
}
.widget li {
  list-style: none !important;
  margin-top: 3%;
  color: #fff;
}
.textwidget strong,
.textwidget p {
  color: #fff;
}
.footersec {
  background: #1e1d1c;
}
h3.widget-title {
  color: #fff;
  font-size: 18px !important;
  font-weight: 600;
  text-transform: uppercase;
}
.footersec h3:after {
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  margin-top: 10px;
  background: #01c9ef;
  margin-bottom: 12px;
}
.footersec ul {
  margin: 0;
}
.copyright {
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  margin: auto;
  text-align: center;
  background: #01c9ef;
  padding: 15px;
}
.copyright a,.copyright span{
  color: #fff;
}
.copyright a:hover{
  color:#000;
}

.pagination{
  display:table;
  clear:both;
}
.pagination ul{
  list-style:none;
  margin:20px 0;
}
.pagination ul li{
  display:inline;
  float:left;
  margin-right:5px;
}
.pagination ul li span,
.pagination ul li a{
  background:#222222;
  color:#fff;
  padding:5px 10px;
  display:inline-block;
}
.pagination ul li .current,
.pagination ul li a:hover{
  background:#ff8a00;
}
h1.entry-title,
h1.page-title{
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  color: #333;
  font-weight: bold;
  background: #eee;
  padding: 10px 0;
}
p.sorry-text {
  font-size: 17px;
  color: #333;
}
.sticky .post-wrap {
  margin-bottom: 4%;
  border: solid 10px #ddd;
  background: #eee;
}
article img{
  height:auto;
}
article p{
  margin:10px 0;
}
.post-categories,
.post-tags,
.post-comment,
.post-date{
  display:inline;
}
form.search-form{
  margin-bottom:0px;
}
i.fa.fa-search {
  float: right;
  margin-top: -8.5%;
  margin-right: 12%;
  font-size: 20px;
  color: #fff;
}
input.search-field,
.post-password-form input[type=password]{
  border:1px #eee solid;
  padding:4px;
}
input.search-submit,
.post-password-form input[type=submit]{
  border:none;
  color:#ffffff;
  padding:4px 10px;
  cursor:pointer;
}
aside.widget{
  margin-bottom:30px;
}
#header .nav ul.sub-menu li,
#header .nav ul.children li{
  display: inline;
}
nav.post-navigation{
  padding:10px 0 20px;
  clear: both;
  font-weight: bold;
}
.webicon{
  font-size:20px;
}
.comment-list, ol.comment-list{
  list-style:none;
  margin-left:0;
  margin-top:20px;
  margin-bottom:20px;
}
.comment-list ul, ol.comment-list ul{
  list-style:none;
}
.comment-list li.comment{
  margin-top:20px;
}
.comment-list .comment-content h1,
.comment-list .comment-content h2,
.comment-list .comment-content h3,
.comment-list .comment-content h4,
.comment-list .comment-content h5,
.comment-list .comment-content h6{
  margin-top:15px;
}
.blog-post-repeat{ 
  border-bottom:1px solid #cccccc;
  margin-bottom:40px;
}

/*video*/
.entry-video iframe {
  width: 100%;
}

/*responsive menu*/
@media screen and (max-width: 720px) and (min-width: 320px){
  .logo img{
    position: relative;
  }
  .call, .email,
  .social-media,
  .timebox,
  .logo {
    text-align: center;
  }
  .social-media i{
    border: none;
  }
  ol.children {
    margin: 0 !important;
  }
  ol.children img {
    width: 30px;
    border: solid 1px;
  }
  #main-content #comments ol li {
    padding: 10% 0 0 2% !important;
  }
  #services{
    margin-top: 2em;
  }
  .top-service{
    margin-top: 0;
  }
  #about{
    text-align: center;
  }
  #slider .inner_carousel h2,
  #slider .inner_carousel p{
    display: none;
  }
  #slider .carousel-caption{
    text-align: center;
    right: 15%;
  }
}
@media screen and (max-width:720px) {
  .toggle{
    display:block;
  }
  .toggle a{
    width:100%;
    color:#000;
    background:url('assets/images/mobile_nav_right.png') no-repeat right center #01c9ef;
    padding:10px 10px;
    font-size:16px;
  }
  .nav{
    display:none;
  }
  .header .nav{
    float:none;
    margin:0;
    position:absolute;
    z-index:999;
    overflow-x:hidden;
    width: 100%;
    left: 0;
    top: -18.5em;
  }
  .header .nav ul{ 
    width:100%;
    float:none !important;
    background-color:#222222;
  }
  .header .nav ul li{
    border-top:1px #303030 solid;
    display:block;
    float:none;
    text-align:left;
  }
  .nav ul li a{
    padding:5px 10px;
    display:block;
    color:#ffffff !important;
  }  
  .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;
  }
  .header .nav ul li{
    width:100%!important;
  }

  .header .logo{
    text-align:center;
  }
  .pagination{
    float:none;
  }
}
@media screen and (min-width:720px){
  .header .nav ul li ul{
    display:none;
    z-index:2;
    font-weight:normal;
    margin: 5% 0 0 0;
  }
  .header .nav ul li:hover > ul{
    display:block;
    width:200px;
    background: #eee;
    position:absolute;
    top:33px;
    left:0;
    text-align:left;
    padding:10px 0;
    z-index:99;
  }
  .header .nav ul li:hover > ul li{ 
    display:block;
  }
  .header .nav ul li:hover > ul li a{ 
    padding:7px 0px 7px 10px;
    color:#333;
  }
  .header .nav ul li:hover ul li ul{
    display:none;
  }
  .header .nav ul li:hover ul li:hover > ul{
    display:block;
    position:absolute;
    left:200px;
    top:-20px;
  }  
  .header .nav ul.sub-menu{
    margin-top:6px;
  }
  .header .nav ul.sub-menu li a:hover{
    background:#01c9ef;
    color:#fff;
  }
  .header .nav ul {
    margin: 10px 0;
  }
  .header .nav ul li a{ 
    color:#333;
    padding:10px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
  #slider .carousel-caption{
    top:45%;
    right:45%;
  }
  .social-media i{
    margin: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 768px){
  .top-service{
    margin-top:20px;
  }
  #slider .carousel-caption{
    right: 35%;
  }
  .social-media i{
    margin: 0;
  }
}