/*
Theme Name: Deal Themenow
Theme URI: http://wpdeal.rashedamins.com
Author: ThemeNow
Author URI: http://themeforest.net/user/ThemeNow
Description: Business, consulting, finance Wordpress theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: deal-themenow
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Deal is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/* index css **

00. Common css
01. Header css
02. Footer css
03. Contact form css
04. 404 css
05. blog css
07. Responsive css

*/



/* ****************** **
    00. Common css
** ****************** */

 body{
  font-weight: 400;
 }
 h1,h2,h3,h4,h5,h6{
  text-transform: capitalize;
 }

.site_preloader{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 999;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}


.loader,
.loader:after {
  border-radius: 50%;
  width: 7em;
  height: 7em;
}


.loader {
  margin: 50px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid rgba(2, 32, 47, 0.8);
  border-right: 3px solid rgba(2, 32, 47, 0.8);
  border-bottom: 3px solid rgba(2, 32, 47, 0.8);
  border-left: 3px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.entry-content {line-height: 2}

.pad80{
    padding: 80px 0;
}

.deal-btn{
    color: #fff;
    border: 1px solid;
    background-color: #003044;
    border-color: #B1B0A6;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    padding: 10px 30px;
    letter-spacing: 1px;
    font-family: 'Montserrat',sans-serif;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

a.bordered-btn{
    border: 1px solid;
    background-color: transparent;
    color: #fff;
    border-color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    padding: 10px 30px;
    letter-spacing: 1px;
    font-family: 'Montserrat',sans-serif;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-color: #fff;
}
.bordered-btn i,
.deal-btn i{
    margin-left: 5px;
}

.deal-btn:hover,
.bordered-btn:hover{
    background-color: #fff;
    color: #ff8c27;
    border-color: #fff;
}

h3{font-size: 26px;}h4{font-size: 22px;}
h5{font-size: 20px}h6{font-size: 17px}

/* ****************** **
    02. Header css
** ****************** */


.logo a {
    color: #666;
}
.logo h1 {
    font-size: 24px;
    margin: 16px 0;
}
.logo {
    padding: 20px 0;
    text-transform: uppercase;
}
.logo a span {
  
  color: #222;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  padding: 5px 10px;

}
.logo img{
    height: 57px;
}
.header-right-boxes p {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 0 35px;
    padding-left: 40px;
    position: relative;
    /* letter-spacing: 1px; */
    color: #333333;
}


.header-right-boxes p span {
    display: block;
    font-weight: 300;
}
.header-right-boxes p i {
    font-size: 25px;
    left: 0;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    color: #656565;

}
.header-right-boxes {
    margin: 26px 0;
}
.mainmenu-area {
    background: #B1B0A6 none repeat scroll 0 0;
    font-family: 'Montserrat',sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
	text-align:center;
}
.mainmenu ul li a {
    color: #fcfcfc;
    font-weight: 700;
    padding: 20px;
}
.mainmenu ul li a{
    position: relative;
}
.mainmenu ul li a:before{
    display: none;
}
.mainmenu ul li ul li a:before{
    height: 1px;
    bottom: 0;
    top: auto;
}
.mainmenu ul li a:hover:before{
    width: 100%;
}

.deal-header-search{
    margin-top: 4px;
}

 .deal-header-search {
    position: absolute;
    right: 0;
    top: 10px;
}

 .deal-header-search .search-form label input {
  height: 35px;
  text-indent: 50px;
 }

 .deal-header-search .search-form input[type="submit"]{
  display: none;
 }

.deal-header-search input[type="search"] {
  background: #fff url("assets/images/search-icon.png") no-repeat scroll center center;
  border: medium none;
  border-radius: 3px;
  cursor: pointer;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-top: 5px;
  transition: all 0.3s ease 0s;
  width: 35px;
}
.deal-header-search input[type="search"]:focus {
  background: #fff url("assets/images/search-icon.png") no-repeat scroll 175px center;
  cursor: inherit;
  padding: 5px;
  width: 200px;
  text-indent: 10px;
} 

.search-results .entry-summary {
    display: none;
}
.search-results .col-md-8 > article {
    margin-bottom: 40px;
}


 .header-right-content{
  	position: relative;
  	padding-right: 30px;

  }

  .header-area{
  	padding-top: 10px;
	  background: #6eddea; /*header background*/
  }

  .main-menu{
  border-top:1px solid #d9e4e9;
  margin-top: 15px;
  font-size: 17px;
  font-weight: 600;
 }

.main-menu a{
  color: #333;
}

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

.main-menu li{
  display: inline-block;;
  position: relative;
}

.main-menu li a{
  display: block;;
  padding: 20px;
  padding-left: 0px;
  padding-right: 30px;
}

/* MENU */

.mainmenu ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.mainmenu ul li {
    display: inline-block;
    position: relative;
}
.mainmenu li a {
  display: block;
  padding: 40px 15px;
  position: relative;
}


.mainmenu ul li.boxed-menu a {
    background: #B1B0A6 none repeat scroll 0 0;
    color: #fff;
    padding: 8px 20px;
}
.mainmenu ul li {
    position: relative;
}
.mainmenu ul li a {
    margin-left: 0;
}
.mainmenu ul li ul {
    background: #B1B0A6 none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 100px;
    width: 260px;
    z-index: 2;
    margin: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    z-index: 101;
    text-transform: none;
 
    z-index: 100;
}

.mainmenu .sub-menu .sub-menu{
    top: 30px;
}

.mainmenu ul li ul::before {
  border: 6px solid transparent;
  content: "";
  left: 22px;
  position: absolute;
    transform: rotate(-45deg);
  top: -6px;
    z-index: -1;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.mainmenu ul li ul ul:before{
    display: none;
}
.mainmenu ul li ul li {
    display: block;
}
.mainmenu ul li ul li a {
    display: block;
    text-align: left;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 5px 15px;
    line-height: 30px;
    text-transform: none;
    color: #fff;
}
.mainmenu ul li ul li:last-child a {
    border-bottom: 0px solid
}

.mainmenu ul li ul li:hover > a {
    border-color: transparent;
    background-color: #f3f2f2;
    color: #333333;
}
.mainmenu ul li ul li ul {
    left: 100%;
    top: 200%;
}

.mainmenu .sub-siblings:before {
    content: "\f105";
    font-family: "fontawesome";
    margin-left: 7px;
    position: absolute;
    top: 50%;
    right: 7px;
    line-height: 20px;
    margin-top: -10px;
}
.mainmenu ul > li:hover > ul {
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    
}
.mainmenu ul > li:hover > ul > li:hover > ul,
.mainmenu ul > li:hover > ul > li:hover > ul > li:hover > ul {
    top: -1px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}
.mainmenu ul ul li.current_page_item > a:after,
.mainmenu ul ul li:hover > a:after {
    height: 2px
}
.mainmenu ul li#menu-item-40 a:hover {
    color: #000000;
   
}


.mainmenu ul > li:nth-last-child(1) > ul,
.mainmenu ul > li:nth-last-child(2) > ul,
.mainmenu ul > li:nth-last-child(3) > ul,
.mainmenu ul > li:nth-last-child(4) > ul
 {
    right: 0;
    left: auto;
}
 .mainmenu ul > li:nth-last-child(1) > ul:before,
.mainmenu ul > li:nth-last-child(2) > ul:before,
.mainmenu ul > li:nth-last-child(3) > ul:before{
    left: auto;
    right: 22px;
}

.mainmenu ul > li:nth-last-child(1) > ul,
.mainmenu ul > li:nth-last-child(2) > ul,
.mainmenu ul > li:nth-last-child(3) > ul {
    right: 0;
    left: 0;
} 
.mainmenu ul > li:nth-last-child(4) ul > li > ul,
.mainmenu ul > li:nth-last-child(5) ul > li > ul,
.mainmenu ul > li:nth-last-child(1) ul > li > ul,
.mainmenu ul > li:nth-last-child(2) ul > li > ul,
.mainmenu ul > li:nth-last-child(3) ul > li > ul,,
.mainmenu ul > li > ul > li > ul > li > ul {
    left: 100%;
    right: 0;
}
.mainmenu ul > li:nth-last-child(1) > ul > li > ul > li > ul,
.mainmenu ul > li:nth-last-child(2) > ul > li > ul > li > ul,
.mainmenu ul > li:nth-last-child(3) > ul > li > ul > li > ul,
.mainmenu ul > li:nth-last-child(4) > ul > li > ul > li > ul,
.mainmenu ul > li:nth-last-child(5) > ul > li > ul > li > ul
{
    right: auto;
    left: 100%;
}

.mainmenu ul > li > ul.sub-menu > li:hover > ul{left: 100%;}

.site-logo{
  margin: 0;
  padding: 3px 0;
}

.social-icons{
  font-size: 16px;
  text-align: right;
}
.social-icons a{
  display: inline-block;
  padding-left: 20px;
}


.vc_row {overflow-y:hidden}

/* ****************** **
    03. Contact Css
** ****************** */

 .monitor-contact-box h3{
 	color: #333;
 	font-size: 16px;
 	margin-top: 5px;
 	margin: 0;
 	letter-spacing: -1px;
 }

 .monitor-contact-box{
 	display: inline-block;
 	position: relative;
 	padding-left: 65px;
 	color: #666;
 	margin-right: 20px;
 }

 .monitor-contact-box i.fa{
 	left: 0;
 	top: 50%;
 	height: 26.5px;
 	line-height: 48px;
 }


.monitor-contact-box i.fa{
 	position: absolute;
 	right: 0;
 	top:0;
 	border: 1px solid #1e1e1e;
 	height: 50px;
 	width: 50px;
 	font-size: 18px;
 	line-height: 46px;
 	text-align: center;
 	border-radius: 50%;
 }
 

input[type=text], input[type=email], input[type=tel], input[type=serach], input[type=url] input[type=password],
 textarea{
    background-color: #f5f8f9;
    border: 1px solid #e8eef1;
    width: 100%;
    padding: 10px;
 }



 input[type=submit],button[type=submit]{
    background: #278cc1;
    border: none;
    padding: 10px 28px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;

    }

    .contact-page-textarea textarea{
      height: 200px;
    }

    .contact-page-textarea button{
      margin-top: 20px; 
      width: 140px;
    }


/* common css */


.seo-breadcrumb-area{
  font-size: 20px;
  text-align: center;
  background: #003044; 
  background-image: no-repeat;
  padding: 145px 0;
  font-weight: 500;
  color: #ffffff;
}

.seo-breadcrumb-area h1{
  color: #ffffff;
  font-size: 48px;
}

.seo-breadcrumb-area a{
  color: #ffffff;
}

.seo-breadcrumb-area span[typeof="ListItem"]
{
  display: inline-block;
  padding: 0 10px;
}

.seo-breadcrumb-area{
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
}

.seo-breadcrumb-area:after{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: .1;
  z-index: -1;
  background: no-repeat;
}

.about-text{
    font-size: 17px;
    font-weight: 500;
}
.about-text h1{
    font-size: 57px;
    font-weight: 500;
}

.deal-internal-area.section-enable-padding{
    padding: 80px 0;
}


.pad80{
  padding: 80px 0;
}


/* ****************** **
    04. Footer css
** ****************** */


.footer_logo{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border: 2px solid #fff;
    padding: 6px 15px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 15px;
    display: inline-block;
    
}

.footer-top-widgets {
    background: #2a2a2a none repeat scroll 0 0;
    padding-top: 70px;
}
.footer-copyright-area {
    background: #1c1c1c none repeat scroll 0 0;
    color: #acacac;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px 0;
}
.footer-top-widgets .widget {
    margin-bottom: 70px;
}
.footer-top-widgets, .footer-top-widgets a {
    color: #d8d8d8;
}
.footer-top-widgets a:hover {color: #fff}
.footer-top-widgets h3.footer-widget-title {
    color: #c5cccf;
    font-size: 21px;
    margin-bottom: 20px;
    margin-top: 0;
    font-weight: 500; 
}

.footer-top-widgets p{
  font-size: 14px;
  font-weight: 500;
 
}
.footer-top-widgets li{
  font-size: 14px;
  font-weight: 500;

}

.monitor-social-icons a {
    /* border: 1px solid #fff; */
    display: inline-block;
    color: #c5cccf;
    font-size: 23px;
    margin-right: 6px;
    padding: 5px 10px;
}
.monitor-social-icons {
    margin-top: 20px;
}

/* ****************** **
    05. 404 css
** ****************** */


.error-404 .page-notice{
   font-size: 150px;
   margin: 0;
  text-align: center;
}

.error-404 .page-sub-notice{
  margin-top:40px; 
 font-size: 28px;
  text-transform: inherit;
}
.search-form {
  background: #eff3f8 none repeat scroll 0 0;
  border: 1px solid #eff3f8;
  max-width: 400px;
  overflow: hidden;
}
.error-404 .search-form{
    margin-top: 30px;
}
.search-form label {
  background: #eff3f8 none repeat scroll 0 0;
  float: left;
  margin: 0;
  width: 65%;
}
.search-form label input {
  background: #f8fafc none repeat scroll 0 0;
  border: medium none;
  height: 45px;
  padding: 0;
  text-indent: 20px;
  width: 100%;
}
.search-form label input:focus {outline: none;border: none}
.search-form input[type="submit"] {
  background: #3bd1e2 none repeat scroll 0 0;
  border-left: 1px solid #fff;
  color: #fff;
  float: left;
  height: 45px;
  padding: 0;
  width: 35%;
}

.no-results .search-form{
    margin-top: 60px;
}
/* ****************** **
    06. Blog css
** ****************** */

.entry-content .widget_nav_menu ul.menu {
    border: 1px solid #f6f6f6;
    margin: 0;
    padding: 0;
}
.entry-content .widget_nav_menu ul.menu li {
    border-bottom: 1px solid #f6f6f6;
}
.entry-content .widget_nav_menu ul.menu li a {
    color: #666;
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 16px;
}

.single-post .type-post .entry-meta{
  padding-top: 15px;
}
/* .entry-content .widget_nav_menu ul.menu li:hover a {
    border-color: #fd8b37;
    color: #000;
}
 */

.deal-post-featured-content{
    margin-bottom: 0px;
}

.deal-post-featured-content h2{
    font-size: 20px;
    color: #444;
    text-transform: capitalize;
}

article a{
    color: #333;
}
article.post a.deal-btn:hover{
    /* border-color: #f98a37;
    color: #f98a37; */
}

.pos-meta-top {
    font-size: 90%;
}
.pos-meta-top i.fa {
    padding-left: 10px;
}
.pos-meta-top i.fa.fa-user {
    padding-left: 0;
}

.entry-meta a,
.entry-footer .cat-links a{
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    font-size: 12px;
    color: #787878;
    letter-spacing: 1px;
}
.entry-meta a:hover,
.entry-footer a:hover, .navigation.post-navigation .nav-links a{
    color: #3bd1e2;
}
.widget-title::after, .widgettitle::after {
  background-color: #3bd1e2;
  bottom: -20px;
  content: "";
  left: 0;
  position: absolute;
  width: 65px;
}
.widget-title, .widgettitle {
  font-size: 18px;
  margin-top: 35px;
  margin-bottom: 12px;
  position: relative;
}
.widget a, .widget li{
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.widget a:hover {
  color: #3bd1e2;
}




.comment-content table {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.comment-content table td,
.comment-content table th {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px;
}
.comment-content ol {
    padding-left: 15px;
}
.comments-title {
    margin: 60px 0 30px;
}
.comment-list,
.comment-list ol {
    list-style: none;
    padding: 0;
}
.comment-list > li:not(:last-child) {
    margin-bottom: 50px;
}
.comment-author.vcard img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 3px solid #3bd1e2;
    margin-right: 20px;
    float: left
}
.comment-list .children {
    margin-left: 20px;
    margin-top: 40px;
}
.comment-content {
    padding-left: 90px;
}
.comment-metadata {
    padding-left: 90px;
}
.comment-list .reply {
    padding-left: 90px;
}
.comment-author b,
.comment-author span {
    font-size: 18px;
}
.comment-author b {
    color: #3bd1e2;
    margin-right: 5px;
}
.comment-author b a {
    color: #3bd1e2;
}
.comment-metadata > a {
    color: #666;
    font-weight: 600;
    font-size: 90%;
}
.comment-metadata > a:hover {
    color: #3bd1e2;
    text-decoration: underline;
}
.comment-metadata .edit-link a {
    padding: 0 5px;
    margin-left: 6px;
}
.comment-metadata {
    margin-bottom: 40px;
}
.reply .comment-reply-link {
  color: #3bd1e2;
  display: inline-block;
  border: 1px solid;
  padding: 5px 15px;
}
.reply .comment-reply-link:hover {
    background-color: #fff;
    color: #3bd1e2;
}
.comment-respond {
    margin-top: 40px;
    background-color: #f8fafc;
}
.comment-list .children li {
    margin-bottom: 25px;
}
.comment-respond .comment-form .logged-in-as a {
    display: inline-block;
    color: #666;
    margin-left: 10px;
}
.comment-respond .comment-form .logged-in-as a:first-child {
    margin-left: 0;
}
.comment-respond .comment-form .logged-in-as a:last-child {
    color: red;
}
.comment-respond .comment-form label {
    display: block;
}
#reply-title a#cancel-comment-reply-link {
    border: 1px solid red;
    color: red;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-left: 20px;
    padding: 0 10px;
    text-transform: uppercase;
    vertical-align: middle;
}
.comment-list .comment-respond {
    margin-left: 0px;
}
.comment-respond form textarea {
    width: 100%;
    height: 200px;
    resize: none;
}
.comment-form p.form-submit{
    display: block;
    float: none!important;
}


b.fn {
    color: #666;
    font-size: 18px;
    text-transform: capitalize;
}
b.fn a,
.comments-area a {
    color: #000;
}
.comment-list > li,
.children article {
    margin-bottom: 30px;
}
.comment-metadata a time {
    color: #777777;
    font-size: 14px;
    font-weight: 300;
}
.reply {
    text-align: right;
}
.reply a {
    color: #666;
}
.children {
    padding-left: 25px;
}
.comment-form p > label {
    display: none;
}
.comment-form p > input,
.comment-form p textarea {
    border: 1px solid #e7e7e7;
    color: #000;
    font-size: 14px;
    padding: 8px 0 8px 10px;
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    resize: none;
}
.comment-reply-title {
    margin-bottom: 30px;
    text-transform:uppercase;
    font-size: 15px;
    letter-spacing: 0.1em;
}
.logged-in .comment-reply-title {
    margin-bottom: 30px;margin-top: 0;
    text-transform:uppercase;
    font-size: 15px;
    letter-spacing: 0.1em;
}
.comment-form p > input:focus,
.comment-form p textarea:focus {
    border-color: #818181;
    box-shadow: 0 0 13px 1px rgba(0, 0, 0, 0.2);
}
.comment-form-comment > label {
    display: none;
}
.comment-form {
    padding-right: 10px;
}
.comment-form .comment-notes {
    display: none;
}
.logged-in .form-submit {
    bottom: 4px;
    right: 0;
}
.logged-in .comment-form p:nth-child(2) {
    float: none;
}
.logged-in .comment-form p:not(:first-child) {
    float: none;
    width: 70%;
}
.logged-in .comment-form-comment textarea {
    display: block;
    width: 100%;
}
.comment-form p > input[type="submit"] {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.comment-form p:not(:first-child) {
    float: right;
    margin-bottom: 15px;
    width: 48%;
}
.comment-form p.form-submit {
    float: left;
}
.comment-form p:nth-child(2) {
    float: left;
}
.comment-form {
    overflow: hidden;
}

.comment-respond {
    padding: 30px;
}
.logged-in .comment-form p:not(:first-child) {
    width: 100%;
}
.comment-form p > input[type="submit"] {
    width: auto;
    padding: 10px 25px;
    
}
.comment-body {
    background: #eff3f8 none repeat scroll 0 0;
    padding: 30px;
}
.comment-list > li:not(:last-child) {
    margin-bottom: 30px;
}
.comment-list .children {
    margin-top: 30px;
}

.contact p{
  font-size: 15px;
  font-weight: 500;
  
}

.contact h4{
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

.about-intro{
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  color: #777;
}


.slicknav_menu {
    display: none;
}

/* ****************** **
    07. Responsive css
***********************/

/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
    .header-right-boxes p{
        margin-left: 15px;
    }
    .header-right-boxes p:first-child{
        margin-left: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) { 
    .deal-testimonials.owl-carousel.owl-theme.owl-loaded {
        margin-left: 150px;
    }
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 

    .header-right-boxes p {
        display: block;
        float: none;
        margin: 15px 0 0;
        text-align: left;
        width: 33.333%;
        float: left;
        text-align: center;
        padding-left: 0;
    }
    .header-right-boxes p i{
        display: block;
        float: none;
        position: static;
    }
    .header-right-boxes.pull-right {
        float: none !important;
    }
    
    .slicknav_menu {
        display: block;
    }
    
}

/* Mobile & Tab Layout: 990px. */

@media only screen  and (max-width: 991px){
    .header-right-boxes{
        margin-top: 0!important;
    }
    .logo{
        text-align: center;
    }
    #primary-menu{
        display: none;
    }
    .slicknav_btn{
        float: left;
    }
    .slicknav_menu{
        background-color: transparent;
    }
    .comments-area{
        margin-bottom: 40px;
    }
    .deal-padding-right{
        padding-right: 15px;
    }
    .slicknav_menu {
        display: block;
    }
    .single-related-project {
      height: 200px;
    }

    


}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 

  .deal-slide-text h1{
      font-size: 40px;
      line-height: 60px;
      margin-bottom: 20px;
    }

   .deal-slides .owl-nav div.owl-next{
    right: auto;
   }  
   .deal-slides .owl-nav div {
    opacity: 1;
    left: auto;
    position: relative;
    text-align: center;
    top: auto;
    visibility: visible;
    display: inline-block;
    margin:55px;
   }

   .deal-slides .owl-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
   }

    .mobile-767-vert{
      margin-top: 50px;
    }
    .about-intro{
      font-size: 16px;
    }
    .deal-slide-text {
      font-size: 20px;
    }
    .deal-header-search{
      right: 10px;
    }
    .slicknav_btn{
      background-color: transparent;
    }
    .header-right-boxes.pull-right {
        float: none !important;
        text-align: center;
    }
    .logo a span {
      border: 2px solid;
      font-size: 20px;
      padding: 8px 15px;
    }
    .header-right-boxes p {
        display: block;
        float: none;
        margin: 15px 0 0;
        text-align: left;
    }
    .comment-list .children{
        margin-left: 10px;
    }
    .comment-content{
        padding-left: 0;
    }
    .comment-form p{
        display: block;
        width: 100%!important;
        
    }

    div.vc_row.vc_column-gap-35 {
        margin-left: -15px;
        margin-right: -15px;
    }
    div.vc_row.vc_column-gap-35 > .vc_column_container {
        padding: 0;
    }
    .single-counsel-project-wrap {
      bottom: auto !important;
      left: auto !important;
      position: relative !important;
      right: auto !important;
      top: auto !important;
    }
    .single-related-project {
      height: 230px;
    }
    .video-modal {
      position: relative;
      right: 5%;
    }
    .wpb_text_column.wpb_content_element.mobile-767-text{
      margin-right: 0px !important;
      text-align: center;
    }
    .vc_row.bg-left-bottom{
        margin-top: 0px !important; 
        background: transparent !important;
        padding: 0 !important;
    }
    .deal-section-title{
      margin-bottom: 40px;
    }
    .vc_row.wpb_row.vc_row-fluid.mobile-767-vert-abt{
      margin-top: 0px !important;
    }
    .mobile-image-767-right div{
      margin-left: 0px !important; 
    }
}

.gm-style-iw h4{
  font-weight: 400;
  font-size: 15px;
}