/*
    Theme Name: South Gentlemen Theme
    Description: Custom South Gentlemen WordPress Theme
    License: MIT
    License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* Generic Styles */

* {
     margin: 0 0;
     padding: 0;
     outline: none;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

body {
    word-wrap: break-word;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
     font-family: 'Rubik', sans-serif;
}

body,
html {
     font-family: 'Rubik', sans-serif;
     font-size: 16px;
     line-height: 27px;
     background-color: #e0edde;
     color: #4a4a4a;
     margin: 0;
     padding: 0;
     position: relative;
     height: 100%;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, center {
     display: block;
}

nav ul,
ul {
     list-style-type: none;
     list-style: none;
}

blockquote,
q {
     quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
     content: '';
     content: none;
}

a {
     margin: 0;
     padding: 0;
     color: #4a4a4a;
     -webkit-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
     text-decoration: none;
}

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


/* change colours to suit your needs */

ins {
     background-color: #ff9;
     color: #000;
     text-decoration: none;
}
p {
    margin-bottom: 10px;
}


/* change colours to suit your needs */

mark {
     background-color: #ff9;
     color: #000;
     font-style: italic;
     font-weight: bold;
}

del {
     text-decoration: line-through;
}

abbr[title],
dfn[title] {
     border-bottom: 1px dotted;
     cursor: help;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

input,
select,
textarea,
button {
     vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
     margin: 0;
}

.container {
     max-width: 1275px;
     width: 100%;
     margin: 0px auto;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/



.bottom-section .container {
     width: 100%;
}

.catch-section .container,
.call-section .container {
     max-width: 1112px;
     margin: 0 auto;
}
.contact-mobile-display {
    display: none;
}
.container-lg {
     width: 1920px;
     max-width: 100%;
     margin: 0 auto;
}

.clearfix::after {
     content: "";
     display: block;
     clear: both;
}

.text-center {
     text-align: center !important;
}

.text-left {
     text-align: left !important;
}

.text-right {
     text-align: right !important;
}

.float-left {
     float: left;
}

.float-right {
     float: right;
}

.col-4 {
     width: 33.33%
}

.col-6 {
     width: 50%;
}

.col-12 {
     width: 100%;
}

.img-cover {
     -o-object-fit: cover;
        object-fit: cover;
     height: 100%;
}

.img-responsive {
     width: 100%;
     height: auto;
     display: block;
}

.content-heading {
     font-size: 48px;
     line-height: 60px;
}

.inner-page-content h1,
.inner-page-content h2,
.inner-page-content h3,
.inner-page-content h4,
.inner-page-content h5,
.inner-page-content h6 {
    color: #2a3b96;
}
.inner-page-content h1 {
   font-size: 48px;
   line-height: 60px;
   margin-bottom: 20px;
}
.inner-page-content h2 {
   font-size: 36px;
     /*line-height: 48px;*/
   margin-bottom: 20px;
}
.inner-page-content h3 {
   font-size: 26px;
   line-height: 36px;
   margin-bottom: 15px;
}
.inner-page-content h4 {
   font-size: 22px;
   margin-bottom: 12px;
}
.inner-page-content h5 {
   font-size: 18px;
   margin-bottom: 10px;
}
.inner-page-content p {
   margin-bottom: 20px;
}
.inner-page-content p a {
    color: #0141a3;
}
.inner-page-content p a:hover {
    color: #000;
}
.inner-page-content ul {
   list-style: disc;
   padding-left: 20px;
   margin-bottom: 20px;
}
.inner-page-content ol {
   list-style: decimal;
   padding-left: 20px;
   margin-bottom: 20px;
}
.content-subheading {
     font-size: 36px;
     line-height: 43px;
     font-weight: 400;
}
.bold {
     font-weight: 600;
}

.site-header * {
    color: #0141a3;
}
.contact-number-sticky {
    display:none;
}

/* Btn Section */

.btn,.contact-form  .gform_footer input[type="submit"] {
     color: #fff;
     font-size: 18px;
     padding: 8px 15px;
     font-weight: 500;
     border: 0;
     border-radius: 3px;
     cursor: pointer;
}
.contact-form  .gform_footer input[type="submit"] {
     margin-right: 0!important;
}
.sg-btn-default,.contact-form  .gform_footer input[type="submit"] {
    background-color: #2a3b96;
}
/**comment css**/

    
/* Comments */

textarea, input {border:1px solid #e4e4e4;}
textarea {width:100%;}
.comment-list, .children{list-style:none;}
ul.children {list-style:none;padding-left:0px; margin-left:0px;}
.comment-wrap { border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 50px; position:relative; }
.comment-wrap .comments-title{padding-top:60px;}
.comment-wrap .comment-img { float: left; margin-right: 20px; padding-bottom:25px;}
.comment-author {text-align:left;}
.comment-reply {position:absolute;top:0px;right:0px;font-style:italic; padding:5px 5px;background:#f5f5f5;}
.comment-author,.comment-author a{font-size: 14px;text-transform: uppercase;letter-spacing: 2px;margin-bottom:2px;}
.comment-date{font-size: 10px;text-transform: uppercase; letter-spacing: 2px;font-style:italic;display:block;padding-bottom:7px;}
.depth-2 .comment-wrap {padding-left:30px;}
.depth-3 .comment-wrap {padding-left:60px;}
.depth-4 .comment-wrap {padding-left:90px;}
.depth-5 .comment-wrap {padding-left:120px;}
.depth-6 .comment-wrap {padding-left:150px;}
.depth-7 .comment-wrap {padding-left:180px;}
.depth-8 .comment-wrap {padding-left:210px;}
.depth-9 .comment-wrap {padding-left:240px;}
.depth-10 .comment-wrap {padding-left:270px;}
#commentform #comment,#commentform #author,#commentform #email,#commentform #url{display:block;width:100%;}
#commentform #author, #commentform #email, #commentform #url {height: 45px; width: 100%; padding: 15px; }
#wp-comment-cookies-consent {margin-right: 10px; }

#commentform input[type="submit"]:hover { background: #0675d9; }



/* Responsive */

   

.comment .avatar.avatar-96.photo {
    width: 50px;
    height: 50px;
}

.single-blog-page article .attachment-post-thumbnail {
    width: 100%;
}

.single-blog-page .container, .posts-archive-page .container11 {
    max-width: 1113px;
}
.single-blog-page article {
 
}
.single-blog-page article .post-details h1 a {
    color: #2b3c96;
}

.single-blog-page article .post-details .author a,.single-blog-page article .post-details .comments a  {
    color: #0476d7; 
} 
.single-blog-page article .post-details .author a:hover,.single-blog-page article .post-details .comments a:hover  {
    color: #2b3c96; 
} 

.single-blog-page  a:hover {
    color: #000;
}


.post-title h1, .posts-archive-page h1.archive-heading {
    font-size: 45px;
    margin: 41px 0 24px;
    color: #2a3b96;
    line-height: 50px;
}
.post-title:after {
     content: "";
    width: 49px;
    height: 6px;
    background: #2a3b96;
    display: block;
    text-align: center;
    margin-top: 23px;
}
.post-title {
    margin-bottom: 23px;
}
.site-inner-header .btn:hover,.categories_links a:hover,.form-submit .submit {
    background-color: #0675d9;
    color: #fff;
}


.comment-reply-title {
    font-size: 18px;
    margin-top: 26px;
}
.comment-form-comment label {
    display: block;
    margin-bottom: 13px;
}
.comment-form textarea {
    max-width: 602px;
    height: 225px;
}
.comment-form input[type="text"] {
    max-width: 602px;
    height: 50px;
}
.comment-form .comment-form-comment {
    margin-bottom: 32px;
}
.comment-form .form-submit {
    margin-top: 22px;
}
.posts-archive-page h1.archive-heading:after {
    content: "";
    width: 49px;
    height: 6px;
    background: #2a3b96;
    display: block;
    text-align: center;
    margin-top: 23px;
}
.comments-box {
    margin-top: 41px;
    border-top: 2px dotted #2a3b96;
}
.comments-box .comment-notes {
    margin-bottom: 50px;
}

.categories_links a {
     border: 1px solid transparent;
    padding: 3px 8px;
    border-radius: 20px;
    margin-left: 5px;
    color: #FFF;
    background: #2a3b96;
}
.article-list {
 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}


article .featured-img {
          position: relative;
         width: 100%;
         height: 220px;
}
article .featured-img .date {
     position: absolute;
    left: 0;
    border: 1px solid transparent;
    background: #2a3b96;
    color: #FFF;
    border-radius: 0 0px 20px;
    font-size: 20px;
    padding: 4px 12px;
    top: 0;
}

.blog-page .article-list article {
    width: 31%;
    padding: 25px;
    background-color: #c8f4ff;
    margin-bottom: 50px;
}
.blog-page .article-list article .post-details {
    padding: 0;
}
.blog-page .post-title:after {
    margin-top: 15px;
}
.blog-page .post-title {
    margin-bottom: 10px;
    font-size: 26px;
   margin-top: 25px;
   line-height: 32px;
}
.blog-page .article-list article .post-details a.view-article {
    margin-top: 20px;
}

.blog-page .post-details .author a  {color: #2a3b96;}
.blog-page .post-details .author a:hover  {color: #0675d9;}

.blog-page .post-details .author {
    display: block;
    margin-bottom: 15px;
}
.blog-page .pagination {
   text-align: center;
}
.blog-page .pagination .page-numbers {
    padding: 5px 10px;
    border: solid 1px #2a3b96;
    margin: 0 5px;
    cursor: pointer; 
}
.blog-page .pagination .page-numbers:hover {
    background-color:#2a3b96;
    color: #fff;
}

.title-line{border-top: 1px dotted #ccc;display: block;max-width: 30%;margin: 0 auto 25px;}
.single-blog-page article .date, .single-blog-page article .author, .single-blog-page article .comments {
    display: inline; 
    font-size: 14px;
   padding-right: 5px;
    padding-left: 10px;
}
.single-blog-page article .date {
    padding-left: 0; 
}
.single-blog-page article .comments {
    border-right: 0; 
}

.single-blog-page article .comments:hover,.single-blog-page article .author:hover {
    color: #000;
}

.posts-archive-page article {
    /*margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 3px dotted #2a3b96;
    width: calc(33% - 15px);*/
    margin-bottom: 20px;
    padding-bottom: 10px;
    /* border: 1px solid #2a3b96; */
    /* border-bottom: 3px dotted #2a3b96; */
    width: calc(33% - 10px);
    background: #c8e7d5;
    /* padding: 10px; */
    -webkit-box-shadow: 0px 8px 11px 1px #bbb;
            box-shadow: 0px 8px 11px 1px #bbb;
}

.posts-archive-page article .post-title {
    font-size: 25px;
    padding: 10px 0;
    font-weight: 100;
}
.posts-archive-page article .post-title {
    font-size: 25px;
    padding: 10px 0;
    font-weight: 100;
}
.article-list article .post-details {
     padding: 0px 15px
}
.article-list article .post-details a.view-article {
     display: block;
    width: 120px;
    text-align: center;
    margin-top: 10px;
    border: 1px solid #2a3b96;
    background: #2a3b96;
    color: #FFF;
    padding: 3px;
}
.article-list article .post-details a.view-article:hover {
    background-color: #0675d9;
}


.article-list article .featured-img img {
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
}

.article-list article .featured-img {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
}
.mobile-nav-icon {
    display: none;
}


/*Comment Button*/

#commentform input[type="submit"]   {
    margin-right: 0!important;
    background-color: #2a3b96;
    color: #fff;
    font-size: 14px;
    padding: 8px 15px;
    font-weight: 500;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
}
.top-section {
     background-image: url("images/bg-main.jpg");
     background-repeat: no-repeat;
     background-position: 50% 0;
     max-width: 100%;
     background-size: cover;
     padding-top: 370px;
}
.single-blog-page, .posts-archive-page {
    /*padding-top: 370px;*/
    /*padding-top: 220px;
    padding-bottom: 60px;*/
}
.single-blog-page, .posts-archive-page,.inner-page-content {
    padding-top: 150px;
    padding-bottom: 60px;
    max-width: 100%;
}
.testimonials-page {

}

.posts-archive-page section {
    background: #c8e7d5db;
    padding: 15px 40px;
}
/*header.site-header.other_pages_header .logo {
    width: 220px;
}*/
.sg-btn-readmore {
     display: inline-block;
     height: 23px;
     line-height: 22px;
     border: solid 1px #c8f4ff;
     font-size: 12px;
     padding: 0 14px;
     background-color: #2a3b96;
     border-radius: 0;
     outline: solid 1px #2a3b96;
}

.sg-btn-default:hover,
.sg-btn-readmore:hover,
.contact-form  .gform_footer input[type="submit"]:hover {
     background-color: #0675d9;
     color: #fff;
}


/* Site Header */

.site-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     display: -webkit-flex;
     padding-top: 21px;
     width: 100%;
     position: absolute;
     top: 0;
}
.site-inner-header,.other_pages_header {
    background-color: #303a75;
    min-height: 108px;
    padding-top: 0;
    border-bottom: solid 5px #fff; 
}


.site-header .container {
     max-width: 1289px;
}
.site-inner-header .container {
     max-width: 1269px;
}


.header-right {
     width: 100%;
     max-width: 882px;
     color: #0e546c;
     margin-left: -38px;
}
.site-inner-header { 
    width: 100%;
     /*max-width: 1000px;*/
     -ms-flex-line-pack: end;
         align-content: flex-end;
     color: #5d8d97;
     -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.site-inner-header .header-right {
     width:calc(100% - 210px);
     max-width: inherit;
     margin-left: 0;
}


.header-right-top {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     display: -webkit-flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
}

.ratings {
     font-size: 13px;
     padding-right: 33px;
     position: relative;
}

.ratings:after,
.book-now:after {
     content: "";
     position: absolute;
     right: 0;
     top: 5px;
     height: 35px;
     width: 1px;
     background-color: rgba(0, 0, 0, .15);
}

.book-now:before,
.contact-number:before {
     content: "";
     position: absolute;
     left: 0;
     top: 5px;
     height: 35px;
     width: 1px;
     background-color: rgba(255, 255, 255, .8);
}

.site-inner-header .header-right-top {
    color: #7fd6b6;
    margin-top: 16px;
}

.social-links {
        padding-right: 18px;
}

.social-links .social-link {
    display: inline-block;
    font-size: 12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 5px;
    color:#7fd6b6;
    line-height: 24px;
    text-align: center;
    border:solid 1px #7fd6b6;
    color: #7fd6b6;
}

.site-header .social-link i {
    color: #7fd6b6;
}
.site-header .social-link:hover  {
    border-color: #fff;
}
.site-header .social-link:hover i {
    color: #fff;
}
.site-inner-header .btn {
    background-color: #81d4b8;
    color: #2a3b96;
      font-size: 16px;
    padding: 4px 11px;
}
.inner-contact-number  {
    font-size: 23px;
    margin-right: 20px;
    margin-left: 0;
}
.inner-contact-number a {
     color:#7fd6b6;
}
.ratings .fivestar-service {
     font-size: 20px;
     font-weight: 500;
}
.ratings .stars {
     float: left;
     margin-right: 6px;
}
.ratings .stars .rating-star {
     float: left;
     margin-right: 6px;
}
.book-now {
     position: relative;
     font-size: 14px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     display: -webkit-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0px 34px 0 35px;
}
.book-now-caption {
     margin-right: 19px;
}
.book-now-caption+.btn {
     padding: 4px 23px;
}
.contact-number {
     padding-left: 32px;
     position: relative;
}
.contact-number a {
     font-size: 30px;
     font-weight: 500;
     line-height: 40px;
}
.star-service,
.book-now-para {
     font-size: 20px;
     font-weight: 500;
     line-height: 30px;
     letter-spacing: -0.25px;
}
.book-now-para {
     line-height: 28px;
}
.ratings-para {
     font-size: 13px;
     line-height: 13px;
     font-weight: 500;
}
.book-now-sub-para {
     font-size: 14px;
     font-weight: 500;
     line-height: 14px;
     margin-top: -1px;
}
.nav-list .menu-item {
     color: #0e546c;
    font-size: 18px;
    cursor: pointer;
    color: #0e546c;
    padding: 5px 15px;
     line-height: 20px;
     position: relative;
     border-right: solid 1px rgba(0, 0, 0, .15);
     position: relative;

}

.nav-list  .menu-item.menu-item-has-children a {
    position: relative;
    padding-right: 0;
}

.nav-list > .menu-item.menu-item-has-children > a:after {
    content:"";
    width: 0;
    height: 0;
    position: absolute;
   top: 9px;
    right: -12px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #0141a3;
  -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   transform: rotate(-90deg);

}
.nav-list > .menu-item.menu-item-has-children:hover > a:after,
.nav-list > .menu-item.menu-item-has-children:focus > a:after,
.nav-list > .menu-item.menu-item-has-children:active > a:after,
.nav-list > .menu-item.menu-item-has-children >:focus-within a:after
 {
 -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
}

.site-inner-header .nav-list > .menu-item.menu-item-has-children > a:after {
   top: 8px;
    right: -15px;
    border-top: 5px solid #fff;
}



.nav-list .menu-item .sub-menu {
	display: none;
	position: absolute;
	top:30px;
	min-width: 160px;
	background: #2a3b96;
	border-top:solid 2px #fff;
}
.nav-list .sub-menu .menu-item > .sub-menu {
	display: none;
	position: absolute;
	top:-3px;
	left: 100%;
	min-width: 160px;
	background: #2a3b96;
}
.show-menu {
    display: block!important;
}
.nav-list .menu-item:hover > .sub-menu,.nav-list .sub-menu .menu-item:hover > .sub-menu  {
	display: block;
}
.site-inner-header  .nav-list > .menu-item > .sub-menu {
	top:42px;
	min-width: 160px;
	background: #2a3b96;
	border-top: solid 4px #fff;
}

.site-inner-header .nav-list > .menu-item {
     color: #fff;
      font-size: 16px;
     padding: 10px 27px;
     line-height: 22px;
  	border-right: 0; 
     position: relative;
}
.site-inner-header .nav-list > .menu-item:before,
.site-inner-header .nav-list > .menu-item:after {
     content: "";
     position: absolute;
     top:12px;
     width: 1px;
     height: 19px;
}
.site-inner-header .nav-list > .sub-menu > .menu-item:before,
.site-inner-header .nav-list > .sub-menu > .menu-item:after {
    display: none;    
}
.site-inner-header .nav-list > .menu-item:before {
    left:0;
    background-color: #485ab0;
}
.site-inner-header .nav-list > .menu-item:after {
    right: 0;
	background-color: #191c3b;
}
.site-inner-header .nav-list > .menu-item:first-child:before,
.site-inner-header .nav-list > .menu-item:last-child:after  {
	display: none;
}

.site-inner-header .nav-list .menu-item a {
     color: #fff;
}
.nav-list .sub-menu .menu-item {
	border-top: solid 1px #fff; 
	padding:0; 
}
.nav-list .sub-menu .menu-item  a {
	padding: 8px 15px;
	color: #fff;
	display: block;
	font-size: 14px;
}

.site-inner-header .nav-list .menu-item a:hover,.site-inner-header .nav-list  > .current-menu-item > a,.site-inner-header .nav-list  > .current-menu-parent > a {
     color: #7fd6b6;
}
.nav-list .sub-menu .menu-item  a:hover,.nav-list .sub-menu .current-menu-item a {
	background-color: #0675d9;
	color: #fff;
}
.site-inner-header .site-navigation {
    margin-top: 23px;
}
.nav-list .menu-item:first-child {
     padding-left: 0px;
     border-left: 0;
}
.nav-list .menu-item:last-child {
     padding-right: 0px;
     border-right: none;
}
.site-navigation {
     margin-top: 44px;
}
.site-navigation .nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flexbox;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.site-inner-header .site-navigation .nav-list {
    justify-content: flex-end;
    -webkit-box-pack: end;    
    -ms-flex-pack: end;    
    justify-content: flex-end;
}
.banner-caption {
     color: #0141a3;
     padding: 71px 0 222px 5px;
}
.banner-caption .caption-heading {
     font-size: 94px;
     font-weight: 700;
     letter-spacing: -5px;
     line-height: 94px;
     margin-bottom: 29px;
}
.banner-caption .caption-text {
     color: #0141a3;
     font-size: 36px;
     line-height: 40px;
     letter-spacing: -2px;
     margin-bottom: 54px;
}
.banner-caption .sg-btn-default {
     margin-left: 5px;
     padding-left: 22px;
     padding-right: 24px;
     padding-top: 7px;
     padding-bottom: 7px;
}
.about-sec {
     padding-bottom: 181px;
}

.about-sec-caption {
     width: 50%;
     padding-left: 0;
     padding-right: 0px;
     line-height: 24px;
     font-size: 16px;
}

.about-sec-heading {
     font-size: 36px;
     letter-spacing: -1.0px;
     line-height: 42px;
     color: #0141a3;
     margin-top: 22px;
}

.about-sub-heading {
     position: relative;
     font-size: 24px;
     color: #0141a3;
     font-weight: 400;
     letter-spacing: -0.25px;
     padding: 17px 0px 25px;
     margin-bottom: 18px;
}

.about-sub-heading:after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 2px;
     width: 42px;
     height: 6px;
     background-color: #0141a3;
}

.about-sec-para,
.about-sec-caption p {
     padding-bottom: 25px;
     padding-right: 15px;
     line-height: 24px;
     font-size: 16px;
}

.about-sec-caption p.about-sec-para:last-of-type {
     padding-bottom: 41px;
}

.about-sec-caption .btn {
     margin-left: 2px;
     padding-top: 8px;
     padding-bottom: 8px;
     font-size: 16px;
}

.about-gallery {
     width: 50%;
}

.gallery-col-6,
.gallery-col-3 {
     width: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     display: flex;
     margin: 4px;
}

.gallery-col-3 {
     width: 25%;
}

.gallery-col-6 .col-6:first-child {
     padding-right: 10px;
}

.gallery-row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
.gallery-row img.img-responsive {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    max-height: 350px;
    width: 100%;
}

/* Catch Section */

.catch-section {
     background-image: url("images/bg-catch.png");
     background-repeat: no-repeat;
     background-position: 0 100%;
     margin-top: 95px;
     width: 100%;
     margin: 0 auto;
     background-size: cover;
}

.catch-heading {
     font-weight: 700;
     color: #0141a3;
     font-size: 43px;
}

.catch-row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
     display: flex;
     padding: 75px 0px 42px;
}

.catch-row .col-4 {
     max-width: 312px;
     width: 100%;
     padding-bottom: 50px;
}

.catch-image {
     height: auto;
     position: relative;
     margin-bottom: 34px;
}

.catch-img-title {
     display: inline-block;
     padding: 12px 12px 0px 0px;
     background-color: #e0edde;
     position: absolute;
     left: 0;
     bottom: 0px;
     font-size: 36px;
     color: #0141a3;
     font-weight: 600;
}

.catch-row-para {
     font-size: 16px;
     line-height: 24px;
     color: #272727;
}


/* call Section */

.call-section {
     background-color: #0e546c;
     color: #fff;
     margin-top: 20px;
     margin-bottom: 20px;
     padding: 55px 0px 50px;
     max-width: 100%;
     margin: 0 auto;
}

.call-caption {
     display: -webkit-box;
     display: -ms-flexbox;
     width: 100%;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}

.call-caption a {
     color: #fff;
}

.call-heading {
     font-size: 48px;
     font-weight: 700;
     line-height: 43px;
}

.call-captain-num {
     font-size: 72px;
     color: white;
     line-height: 86px;
}

.call-para {
     font-size: 36px;
     line-height: 45px;
}

.call-section .container,
.about-sec {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     display: -webkit-flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
}

.content-img-section {
     background-image: url("images/img-sec-banner.jpg");
     background-repeat: no-repeat;
     background-position: 50% 0;
     background-size: cover;
     /*min-height:100vh;
     **/
     min-height: 937px;
     max-height: 937px;
     margin-top: 18px;
}

.why-sg-section {
     padding: 89px 0px 0px 0px;
}

.why-sg-heading {
     font-size: 48px;
     font-weight: 600;
     line-height: 56px;
     color: #0141a3;
     padding-bottom: 78px;
     text-align: center;
}

.why-sg-row .col-4 {
     text-align: center;
     max-width: 366px;
     width: 100%;
}

.why-single-para {
     font-size: 16px;
     line-height: 24px;
}

.why-single-heading {
     position: relative;
     font-size: 24px;
     line-height: 30px;
     color: #0141a3;
     margin-bottom: 16px;
     padding: 15px 0px 23px 0px;
}

.fnf-section {
     padding-top: 133px;
}

.fnf-section .content-heading,
.fnf-section .content-subheading {
     color: #0141a3;
     letter-spacing: -.25px;
}

.fnf-banner {
     background-image: url("images/img-family-banner.jpg");
     background-repeat: no-repeat;
     background-position: 50% 0;
     background-size: cover;
     margin: 35px auto 55px auto;
     max-width: 100%;
     min-height: 315px;
}

.fnf-para {
     width: 100%;
     max-width: 1000px;
     margin: 0 auto;
}

.customers-content {
     text-align: center;
     margin: 127px 0px 87px;
     color: #2a3b96;
}
.inner-page-heading   {
     text-align: center;
     color: #2a3b96;
     margin: 0px 0px 30px;
}
.inner-page-heading  p.center-text {
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     width: 40%;
     color: #4a4a4a;
     margin-bottom: 40px;
}
.inner-page-heading  p {
     color: #4a4a4a;
}
.contact-page-phone h3 {
    margin-bottom: 5px;    
    font-size: 18px;
    color: #4a4a4a;
}


.customers-content .content-heading,.inner-page-heading .content-heading {
     letter-spacing: -1.4px;
}

.info-section {
     background-image: url("images/bg-mid-section.jpg");
     background-repeat: no-repeat;
     background-position: 50% 185px;
     background-size: cover;
     width: 100%;
}

.info-section .container {
     max-width: 1269px;
}

.testinomial {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     border: solid 1px #c5cac4;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-flex: center;
     justify-content: center;
     -ms-flex-wrap: wrap;
     -webkit-flex: wrap;
     flex-wrap: wrap;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background-color: #c8f4ff;
}

.testimonials-page .testinomial {
    border: 0;
    background-color: transparent;
}


.testinomial .testinomial-heading {
     font-size: 30px;
     color: #2a3b96;
     margin-bottom: 20px;
     font-weight: 500;
}

.testinomial-single {
     width: 33%;
     padding: 23px 50px 37px;
     text-align: center;
}

.testinomial-single.bg-dark {
     background-color: #b4e6f2;
}

.testinomial-img {
     width: 116px;
     height: 116px;
     border-radius: 50%;
     margin: 0 auto;
     border: solid 6px #b2e0eb;
     margin-bottom: 29px;
}

.testinomial-img img {
     border: 8px solid white;
     border-radius: 50%;
     max-width: 104px;
     max-height: 104px;
     height: 104px;
     width: 104px;
}

.testinomial-img.middle {
     border: 8px solid #94d5e5;
}

.testimonials-page .testinomial-img {
    border-radius: 0;
    width: 122px;
    height: 122px;
    padding: 6px;
    position: relative;
   border: solid 1px #5f6973;
   
} 
.testimonials-page .testinomial-img:after,.testimonials-page .testinomial-img:before {
    content: "";
    width: 110px;
    height: 1px;
    border-top: dotted 1px #5f6973;
    position: absolute; 
     top:61px;    
}
.testimonials-page .testinomial-img:after {
    right:-120px;
}
.testimonials-page .testinomial-img:before {
    left:-120px;

}
.testimonials-page .testinomial-single {
    text-align: justify;
    text-align-last: center;
    padding: 23px 30px 37px;
}
.testimonials-page  .customer-name {
    text-align: center;
}

.testimonials-page .testinomial-img img {
     max-width: 109px;
     border-radius: 0;
     border: 0;
     max-height: 109px; 
     height: 109px;
     width: 109px;

}

.testinomial-text {
     line-height: 24px;
     margin-bottom: 25px;
     font-style: italic;
     font-weight: 300;
}

.row,
.blog-post-info,
.why-sg-row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     -webkit-flex: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     -webkit-flex: wrap;
     flex-wrap: wrap;
}

.contact-form .container {
     max-width: 969px;
     min-height: 1083px;
}
.contact-page  .contact-form .container {
    max-width: 1275px;
    min-height: auto;
}

.contact-form .content-heading {
     color: #fff;
     padding-top: 128px;
     margin-bottom: 47px;
}

.contact-form .message {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-justify-content: center;
     margin-bottom: 31px;
}

.contact-form .message .form-group {
     margin-bottom: 0;
}

.form-control,.gform_fields .form-element input[type="text"].large,.form-element input[type="email"].large,.form-element select.large {
     width: 100%;
     padding: 6px 12px!important;
     border: solid 1px #000;
     font-size: 16px;
     height: 39px;
     max-width: 312px;
     color: #000;
}
.contact-form  .gform_wrapper ul.gform_fields li.gfield {
     padding-right: 0;
     width: 32%; 
     margin-top: 11px;
}
.contact-form .gform_wrapper .gform_body {
     max-width: 968px;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
}

.contact-form .gform_wrapper ul.gform_fields {
      display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     -webkit-flex: justify;
     justify-content: space-between;
     -ms-flex-wrap: wrap;
     -webkit-flex: wrap;
     flex-wrap: wrap;
}
#field_1_4 {
     width: 66%!important;
}
.contact-page #field_1_4 { 
    width: 100%!important;
}

.contact-form .gform_footer {
     text-align: left;
     padding-left: 34%!important;
}


.form-control::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
     color: #9f9f9f;
}

.form-control::-moz-placeholder {
     /* Firefox 19+ */
     color: #9f9f9f;
}

.form-control:-ms-input-placeholder {
     /* IE 10+ */
     color: #9f9f9f;
}

.form-control:-moz-placeholder {
     /* Firefox 18- */
     color: #9f9f9f;
}

.contact-form .form-control,
.form-row .form-group {
     max-width: 286px;
     width: 286px;
}

.form-row .form-group {
     float: left;
}

.contact-form .sg-btn-default {
     height: 39px;
     padding: 0 39px;
     font-size: 24px;
     font-weight: 500;
}
#gform_confirmation_wrapper_1 {
    color: green;
    font-size: 22px;
    text-align: center;
    padding: 30px;
    -webkit-box-shadow: 0 2px 10px 2px #c8f4ff;
            box-shadow: 0 2px 10px 2px #c8f4ff;
    background: #c8f4ff;
}
.textarea,.contact-form .gform_wrapper textarea.large {
     font-size: 16px;
     color: #000;
     padding: 12px;
     border: solid 1px #aeaeae;
     resize: none;
     max-width: 100%;
     width: 100%;
     height: 186px;
     margin-left: auto;
     margin-right: auto;
     font-weight: 300;
     font-family: 'Rubik', sans-serif;
     margin-top: 12px;
}
.form-group {
     margin-bottom: 31px;
}
.contact-page .contact-page-phone {
    margin-bottom: 50px;
}
.contact-page .contact-us-form,.contact-page .google-map {
    width: 50%;
    background: #51a5a8;
    padding: 50px 70px;
    min-height: 636px;
}
.contact-page  .google-map {
    background:#2f475a;
}
.contact-page .google-map .map {
    height: 400px;
}
.contact-page .contact-form .content-heading {
    letter-spacing: 0;
    font-size: 38px;    
    padding-top: 0;
    margin-bottom: 20px;
}
.contact-page .google-map .content-heading  {
    margin-bottom: 51px;
}
.contact-page  .contact-form .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
    width: 100%;
    margin-top: 11px;
}
.contact-page .ginput_container .large,.contact-page  .textarea, .contact-page .contact-form .gform_wrapper textarea.large {
    max-width: 100%!important;
    width: 100%;
    border: solid 1px #000;
    color: #000;
}
.contact-page .contact-form .gform_footer {
    text-align: left;
}
.blog-section .blog-container {
     background-color: #c8f4ff;
     /*margin-top: -164px;*/
     max-width: 1546px;
     width: 100%;
     margin-left: auto;
     margin-bottom: 1px;
     margin-right: auto;
}

.blog-container .content-heading {
     color: #2a3b96;
     font-weight: 700;
     font-weight: 700;
     padding-top: 54px;
     margin-bottom: 49px;
}

.rt-blog-box {
     max-width: 392px;
     width: 100%;
     padding-bottom: 59px;
}

.rt-blog-img {
     width:100%;
     height: 221px;
     overflow: hidden;
}

.rt-blog-img img {
     height: 221px;
     -o-object-fit: cover;
        object-fit: cover; 
}

.rt-blog-heading {
     position: relative;
     margin-bottom: 28px;
     padding-bottom: 14px;
}

.rt-blog-heading:after,
.why-single-heading:after {
     content: "";
     width: 48px;
     height: 6px;
     background-color: #2a3b96;
     position: absolute;
     left: 0;
     right: 0;
     bottom: -5px;
     margin: 0 auto;
}

.why-single-heading:after {
     bottom: 0;
}

.blog-heading {
     font-size: 36px;
     line-height: 40px;
     color: #2a3b96;
     margin-top: 24px;
     margin-bottom: 20px;
}

.blog-post-info {
     font-size: 12px;
     color: #a8a8a8;
     padding: 0 23px 0 12px;
     line-height: 30px;
}

.blog-post-info .blog-post-time {
     background-image: url("images/icon-time.png");
     background-repeat: no-repeat;
     background-position: 0 7px;
     margin-top: 1px;
     padding-left: 16px;
}

.blog-post-info .blog-post-user {
     background-image: url("images/icon-user.png");
     background-repeat: no-repeat;
     background-position: 0 7px;
     padding-left: 13px;
}

.blog-post-info .blog-post-comment .link {
     background-image: url("images/icon-comment.png");
     background-repeat: no-repeat;
     background-position: 0 3px;
     padding-left: 16px;
}

.blog-post-info .link {
     color: #0675d9;
}

.blog-post-info .link:hover {
     color: #000;
}

.blog-post-content p {
     margin-bottom: 51px;
     color: #4a4a4a;
     font-weight: 300;
}

.footer-section {
     background-image: url("images/bg-footer.png");
     background-repeat: no-repeat;
     background-position: 50% 0;
     background-attachment: fixed;
     background-size: cover;
     color: #a9dcba;
     padding-top: 60px;
}

.footer-section .col {
     padding-bottom: 39px;
}

.gt-bottom-heading {
     padding-bottom: 15px;
     margin-bottom: 36px;
     font-size: 30px;
     text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.38);
     border-bottom: dotted 1px #a9dcba;
     position: relative;
     text-transform: uppercase;
     letter-spacing: -.4px;
}

.gt-bottom-heading:after {
     content: "";
     width: 100%;
     height: 1px;
     border-bottom: dotted 1px #1d3d49;
     position: absolute;
     bottom: -3px;
     left: 0;
}

.address-detail {
     padding: 13px 0 0 38px;
     font-size: 14px;
}

.address-detail .address-heading {
     font-size: 14px;
}

.address-detail p {
     line-height: 20px;
}

.bottom-section .contact-no {
     font-size: 14px;
     line-height: 34px;
     font-weight: 500;
}

.icon-home {
     background-image: url("images/icon-home.png");
     background-repeat: no-repeat;
     background-position: 0 7px;
     padding-left: 20px;
}

.icon-tel {
     background-image: url("images/icon-phone.png");
     background-repeat: no-repeat;
     background-position: 0 10px;
     padding-left: 20px;
}

.follow-us,
.find-us {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 25.26%;
     flex: 0 0 25.26%;
     width: 25.26%;
}

.daily-feeds {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 36.71%;
     flex: 0 0 36.71%;
     width: 36.71%;
}

.daily-feed {
     margin-bottom: 16px;
     border-bottom: dotted 1px #407289;
     padding-bottom: 7px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}

.daily-feed .feed-heading {
     font-size: 14px;
     font-weight: 600;
     line-height: 22px;
     margin-bottom: 8px;
}
.daily-feed .feed-heading a {
    color: #a9dcba;
}

.daily-feed .feed-text {
     color: #a1bcca;
     font-size: 14px;
     font-weight: 300;
     line-height: 18px;
     margin-bottom: 2px;
     padding-top: 5px;
     letter-spacing: -0.5px;
}

.daily-feed .daily-feed-img img {
     border: solid 3px #fff;
     float: left;
     height: 85px;
     width: 85px;
     -o-object-fit: cover;
        object-fit: cover;
     margin-right: 32px;
}

.daily-feed .link {
     font-size: 12px;
     font-weight: 500;
     color: #2aa9e9;
}

.daily-feed .link:hover {
     color: #61caff;
}

.bottom-box {
     background-color: rgba(255, 255, 255, 8%);
     width: 100%;
     max-width: 300px;
     height: 300px;
     border: solid 1px #17313b;
     padding: 11px;
}

.bb-content {
     background-color: #fff;
     width: 100%;
     max-width: 300px;
     height: 100%;
}

.site-footer {
     background-color: rgba(0, 0, 0, 38%);
     font-size: 12px;
     padding-top: 19px;
     padding-bottom: 32px;
}

.footer-links {
     margin: 0;
     padding: 0 0 5px 0;
}

.footer-links>li {
     display: inline-block;
     position: relative;
     padding: 0 24px 0 18px;
}

.footer-links>li:after {
     content: ".";
     font-size: 40px;
     color: #a9dcba;
     position: absolute;
     right: -5px;
     top: 0;
     line-height: 7px;
}

.footer-links>li:last-child:after {
     content: "";
}

.footer-links>li>a {
     color: #a9dcba;
}

.footer-links>li>a:hover {
     color: #2aa9e9;
}


/*------------------------------------*\
    STICKY
\*------------------------------------*/

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}
.site-inner-header.sticky  {
    min-height: 80px;
}
.site-inner-header.sticky  .site-logo  {
    width: auto;
    margin-top: 5px;
    height: 70px;
}
.site-inner-header.sticky .site-navigation {
    margin-top: 30px;
}
.site-inner-header.sticky .nav-list > .menu-item > .sub-menu {
    top:45px;
}

body.boat main,
body.captain main, 
body.trip main, 
body.photos main,
body.reports main {
    min-height: 600px;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


@media (min-width:1061px) {
    .site-navigation {
        display: block!important;
    }
}

@media (max-width: 1290px) {

     .logo {
          max-width: 200px;
     }
     .container {
          width: 90%;
     }

     .contact-page .contact-form .container {
          width: 100%;
     }

     .header-right {
          max-width: calc(100% - 220px);
          margin-left: 0px;
     }
     .nav-list .menu-item {
        font-size: 17px;
          padding: 0px 17px;
     }
     .about-sec-caption {
          padding-left: 0;
          padding-right: 0;
     }
     .about-sec {
          padding-top: 80px;
          padding-bottom: 80px;
     }
     .catch-row,
     .why-sg-row {
          padding-left: 15px;
          padding-right: 15px;
          -ms-flex-pack: distribute;
              justify-content: space-around;
     }
     .why-sg-row .col-4 {
          padding-bottom: 50px;
     }
     .blog-container .row {
          -ms-flex-pack: distribute;
              justify-content: space-around;
     }
     .contact-number {
          padding-left: 15px;
     }
     .info-section .container {
          /* max-width: 100%;*/
     }
     .fnf-section {
          padding-top: 30px;
     }
     .testinomial-single {
          width: 33.33%;
     }
     .footer-section {}
     .rt-blog-box {
          max-width: 360px;
     }
     .blog-post-info {
          padding: 0;
     }
     .call-section {
          padding-left: 15px;
          padding-right: 15px;
     }
     .call-captain-num {
          font-size: 60px;
     }
     .catch-row .col-4 {
          max-width: 312px;
          width: 30%;
     }
    .single-blog-page, .posts-archive-page {
        padding-top: 150px;
    }
    .testimonials-page .testinomial-img:after,.testimonials-page .testinomial-img:before {
        content: "";
        width: 60px;
        height: 1px;
        border-top: dotted 1px #5f6973;
        position: absolute; 
         top:61px;    
    }
    .testimonials-page .testinomial-img:after {
        right:-70px;
    }
    .testimonials-page .testinomial-img:before {
        left:-70px;
    }
    .gt-bottom-heading {
        font-size: 22px;
    }
    .site-inner-header > .nav-list > .menu-item {
        padding: 10px 17px;
    }

     .site-inner-header .nav-list > .menu-item.menu-item-has-children > a  {
        padding-right: 10px;
    }
   .site-inner-header .nav-list > .menu-item.menu-item-has-children > a:after {
        right: -5px;
    }
    .site-inner-header .nav-list > .menu-item {
        padding: 10px 17px;
    }
    .nav-list .menu-item:last-child {
        padding-right: 0px;
    }
    .site-inner-header .nav-list > .sub-menu > .menu-item  {
     padding:0;
    }



}
@media (min-width: 1025px) and (max-width: 1400px) {
    .top-section {
        background-position: 35% 0;
    }   
}
@media (max-width: 1241px) {
    .nav-list .menu-item {
          font-size: 16px;
     }
}

@media (max-width: 1200px) {
    .nav-list .menu-item {
          font-size: 15px;
     }
    .nav-list .menu-item {
        white-space: nowrap;
    }

     .contact-number a,.star-service, .book-now-para {
          font-size: 17px;
     }


     .ratings .fivestar-service {
          font-size: 16px;
     }
     .ratings .stars .rating-star {
          margin-right: 4px;
     }
     .ratings {
          font-size: 12px;
          padding-right: 14px;
     }
     .book-now {
          font-size: 14px;
          padding: 0px 14px 0 15px;
     }
    .site-inner-header .nav-list .menu-item {
        font-size: 15px
    }

}
@media (max-width: 1060px) {
     .logo {
          max-width: 200px;
     }
     .header-right {
          max-width: calc(100% - 200px);
     }
     .top-section {
          padding-top: 200px;
     }
     .header-right-top {
          display: none!important;
     }
    .header-right {
        max-width: 100%;
    }
    .site-navigation .nav-list{
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .mobile-nav-icon {
        display: block;
        float: right;
    }
    .site-inner-header .mobile-nav-icon {
        margin-top: 30px;
    }
    .site-inner-header.sticky .mobile-nav-icon {
        margin-top: 17px;
    }
    .site-inner-header.sticky .mobile-nav-icon img {
        height: 32px;
    }
    .header-logo-sec {
        max-width: 100%;
        width: 100%; 
    }
    .header-logo-sec .logo {
        max-width: 150px;
        float:left; 
    }
    .site-navigation {
        background: #0e546c;
        left: 0;
        margin-top:20px;
        position: absolute; 
        width: 100%;
        display: none;
        z-index: 1000;
    }
    .site-inner-header .site-navigation,.site-inner-header.sticky .site-navigation {
        margin-top: 0;
    }
    .nav-list .menu-item {
        border-right:0;
        line-height: 36px;
        color: #fff;
    }
    .site-inner-header .nav-list .menu-item {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
    }

    .site-header .nav-list .menu-item a {
        color: #fff!important;
        display: block;
        padding-top: 0;
        padding-bottom: 0;
    }
    .site-inner-header .nav-list .menu-item a {
        line-height: 30px;
    }
    .site-header .nav-list .menu-item:hover {
        background-color: #0675d9;
    }
    .nav-list .menu-item:first-child {
        padding-left: 0;
        border:0; 
    }
    .nav-list .menu-item:last-child {
        padding-right: 0;
    }

  .site-inner-header .nav-list .menu-item {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center;
    	padding-left: 0;
    	padding-right: 0;
    }

	.nav-list .menu-item .sub-menu,.site-inner-header .nav-list > .menu-item > .sub-menu {
		width: 100%;
		display: none;
		top:0;
		border-width: 1px;
		position: relative;
    }
    .site-inner-header.sticky .nav-list > .menu-item > .sub-menu {
        top:0;
    }

    .nav-list > .menu-item.menu-item-has-children > a:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
    }    

    .nav-list .sub-menu .menu-item > .sub-menu {
	    display: none;
	    position: relative; 
	    top: inherit; 
	    left: inherit; 
	}
    .site-inner-header .nav-list > .menu-item:before, 
    .site-inner-header .nav-list > .menu-item:after {
        display: none;
    }
    .nav-list > .menu-item.menu-item-has-children > a:after {
       top: 16px;
        right: 20px;   
    }

    .site-inner-header .nav-list > .menu-item.menu-item-has-children > a:after {
        top: 16px;
        right: 20px;
    }    

    .site-inner-header .nav-list .menu-item a {
            line-height: 36px;
        }
    .nav-list .menu-item {
        width: 100%;
        padding:0;
        text-align: center;
        border-top: solid 1px #fff;
    }
    .nav-icon,.site-inner-header.sticky .mobile-nav-icon img {
        height: 26px;
    }
    .site-inner-header, .other_pages_header {
        min-height: auto;
    }
   
    .site-inner-header.sticky  {
        min-height: auto;
    }
    .site-inner-header.sticky  .site-logo  {
        width: auto;
        margin-top: 0;
        height: 60px;
    }
    .single-blog-page, .posts-archive-page, .inner-page-content {
        padding-top: 120px;
    }
}
@media (max-width: 1024px) {
     .contact-form  .gform_wrapper ul.gform_fields li.gfield {
          padding-right: 0;
          width: 100%; 
     }
    .contact-page .contact-us-form,.contact-page .google-map {
        padding:30px;
     }
    .contact-page .contact-form .content-heading {
        letter-spacing: 0;
        font-size: 31px;
    }
    .contact-form .gform_wrapper textarea.large {
          width: 100%;
     }
     .form-control, .gform_fields .form-element input[type="text"].large, .form-element input[type="email"].large, .form-element select.large {
          width: 100%;
          max-width: 100%;
     }
     .top-section {
         background-position: 50% 0;
     }
     .banner-caption {
          padding-bottom: 950px;
     }
     .row,
     .call-caption,
     .testinomial {
          flex-direction: column;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          vertical-align: cente;
     }
     .call-caption {
          text-align: center;
     }
     .site-header .row,
     .bottom-section .row,
     .blog-container .row,
     .contact-page .row {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
     }
     .contact-page .contact-form .container {
        width:  100%;
     }
     .content-img-section {
          min-height: 100vh;
     }
     .about-sec-caption {
          padding-left: 0px;
          padding-right: 0px;
     }
     .about-sec-heading {
          margin-top: 0px;
     }
     .about-sec {
          padding-bottom: 80px;
     }
     .customers-content {
          margin: 50px 0px 50px;
     }
     .logo {
          max-width: 200px;
     }
     .header-right {
          max-width: calc(100% - 200px);
     }
     .contact-form .form-group {
          text-align: center;
     }
     .about-sub-heading {
          position: relative;
          font-size: 22px;
     }
     .about-sec-heading {
          font-size: 30px;
          letter-spacing: -1.0px;
          line-height: 36px;
     }
     .top-section {
          padding-top: 200px;
     }
     .header-right-top {
          display: none!important;
     }
    .header-right {
        max-width: 100%;
    }
    .site-navigation .nav-list{
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
 
    .header-logo-sec {
        max-width: 100%;
        width: 100%; 
    }
   
    .site-navigation {
        background: #0e546c;
        left: 0;
        margin-top:20px;
        position: absolute; 
        width: 100%;
        display: none;
        z-index: 1000;
    }
    .site-inner-header .site-navigation,.site-inner-header.sticky .site-navigation {
        margin-top: 0;
    }
    .site-inner-header, .other_pages_header {
        min-height: auto;
    }
    .site-header .nav-list .menu-item a {
        color: #fff!important;
        display: block;
    }
    .nav-list .menu-item .sub-menu .menu-item {
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav-list .menu-item > .sub-menu > .menu-item a {
        padding: 0;
    }

    .site-header .nav-list .menu-item:hover {
        background-color: #0675d9;
    }
    .nav-list .menu-item:first-child {
        padding-left: 0;
        border:0; 
    }
    .nav-list .menu-item:last-child {
        padding-right: 0;
    }
    .nav-list .menu-item {
        width: 100%;
        padding-top:0;
        padding-bottom: 0; 
        text-align: center;
        border-top: solid 1px #fff;
    }
    .single-blog-page, .posts-archive-page {
        padding-top: 150px;
    }
    .contact-form .content-heading {
        font-size: 40px;
        line-height: 50px;
    }
    .testinomial-single {
          width: auto;
    }
    .follow-us,
    .find-us {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        width: 45%;
     }
     .daily-feeds {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
     }
     .posts-archive-page section {
        padding:15px 15px;
     }
     .posts-archive-page article {
        width: calc(50% - 10px);
     }
     .inner-page-heading p.center-text {
        width: 50%;
    }
    #field_1_4 {
     width: 100%!important;
}
.contact-form .gform_footer {
     text-align: center;
     padding-left: 0!important;
}


}

@media (max-width: 991px) {

.blog-page  .article-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .blog-page .article-list article {
        width: 100%; 
    }
}

@media (max-width: 767px) {
   
    .site-header .row, .bottom-section .row, .blog-container .row, .contact-page .row,.article-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .blog-page .article-list article {
        width: 100%; 
    }
    .contact-mobile-display {
        display: inline-block;
        font-size: 25px;
    }
    .contact-mobile-display a, .contact-mobile-display i {
        color: #FFF;
    }
    .contact-page .contact-form  .gform_wrapper {
        margin: 16px 0; 
    }
    .contact-page .contact-form .content-heading {
        letter-spacing: 0;
        font-size: 26px;
        margin-bottom: 0;
    }.contact-page .google-map .content-heading {
        margin-bottom: 25px;
    }
    .rt-blog-box {
        margin: 0 auto;
    }
    .container,.site-inner-header .container {
        max-width: 570px;
    }
    .contact-page .contact-us-form, .contact-page .google-map {
        width: 100%;
        min-height: auto;
    }

    .testinomial {
      flex-direction: column;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      vertical-align: center;
     }
     .inner-page-heading p.center-text {
        width: 90%;
    }
    .site-inner-header .mobile-nav-icon {
        margin-top: 7px;
    }
    .site-inner-header.sticky .mobile-nav-icon {
        margin-top: 7px;
    }
    
    .site-inner-header .logo {
        margin-top: 0px; 
    }
    .testinomial-single {
          width: auto;
     }
     .catch-row .col-4 {
        width: 100%;
        max-width: 100%;
     }
    .logo {
        text-align: center;
        width: 350px;
        margin-top: 25px;
        max-width: 100%;
    }
    /* mobile header */
    .header-logo-sec {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
         -webkit-box-pack: justify;   
         -ms-flex-pack: justify;   
         justify-content: space-between;
        -webkit-justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
    }
    .mobile-nav-icon.open {
        display: block;
        padding-left: 30px;
        margin-top: 0;
    }
     /*.topnavbar {
          display: none;
     }*/
     .top-section {
        /*padding-top: 220px;*/
        padding-top: 60px;
        background-position: 0 0;
        /*background-size: 100% 48%;*/
        /*background-size: auto 55%;*/
    }
    .catch-img-title {
        padding: 33px 33px 13px 0px;
        font-size: 64px;
    }

     .banner-caption {
        color: #0141a3;
        padding: 145px 0 222px 35px;
        padding-bottom: 750px;

    }
     .about-sec-caption,
     .about-gallery {
          width: 100%;
          margin-bottom: 50px;
     }
     .site-navigation .nav-list,
     .about-sec,
     .catch-row {
          flex-direction: column;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
     }
     .catch-row,
     .why-sg-row {
          -ms-flex-line-pack: center;
              align-content: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
     }
     
     .follow-us,
     .find-us,
     .daily-feeds {
          width: 100%;
     }
    .banner-caption .caption-heading {
        font-size: 90px;
        font-weight: 700;
        letter-spacing: -6px;
        line-height: 90px;
        margin-bottom: 30px;
     }
     .banner-caption .caption-text {
        letter-spacing: -1px;
        margin-bottom: 54px;
        font-size: 26px;
        line-height: 40px;

    }

     .call-captain-num {
          font-size: 48px;
          line-height: 48px;
     }
     .call-para {
          font-size: 27px;
          line-height: 45px;
     }
     .customers-content .content-heading {
          letter-spacing: -1.4px;
     }
     .fnf-section .content-heading {
          font-size: 36px;
          line-height: 50px;
     }
     .fnf-section .content-subheading {
          font-size: 25px;
          line-height: 30px;
     }
     .why-sg-heading {
          font-size: 36px;
          line-height: 46px;
     }
     .call-heading {
          font-size: 40px;
          line-height: 37px;
     }
     .why-sg-heading {
          font-size: 34px;
     }
     .customers-content .content-heading,
     .contact-form .content-heading {
          font-size: 34px;
          line-height: 40px;
     }
     .info-section {
          background-position: 50% 126px;
     }
     .bottom-section .row {
          flex-direction: column;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          /*vertical-align: cente;*/
     }
     .gallery-row {
          -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     }
     .gallery-col-6 {
          width: calc(100% - 10px);
     }
     .gallery-col-3 {
          width: calc(50% - 10px);
     }
     .posts-archive-page article {
        width: calc(100%);
        max-width: 430px;
        margin-left: auto;
        margin-right: auto;
     }
     .single-blog-page article h1, .posts-archive-page h1.archive-heading {
        font-size: 25px;
        line-height: 28px;
     }
     article .featured-img .date {
        font-size: 15px;
     }
     /*Comments*/
     .comment-list, .children { padding-left: 0px; }
    .comment-wrap .comment-img { float: none;margin: 0px;width: 100%;padding-bottom: 0px; }
    .comment-img>img { display: block;margin: 0px auto; }
    .comment-author, .comment-author a, .comment-date { text-align:center; }
    .depth-2 .comment-wrap,.depth-3 .comment-wrap,.depth-4 .comment-wrap,.depth-5 .comment-wrap,.depth-6 .comment-wrap,.depth-7 .comment-wrap,.depth-8 .comment-wrap,.depth-9 .comment-wrap,.depth-10 .comment-wrap {padding-left:0px;}
    .comment-reply { position: relative; text-align: center; display: block; margin-top: 25px;}
}
@media (max-width: 600px){
    .catch-img-title {
        padding: 15px 15px 13px 5px;
        font-size: 26px;
    }
    .banner-caption .caption-heading {
        font-size: 74px;
        line-height: 80px;
    }
    
    .top-section {
        background-size: auto 53%;
    }
    .banner-caption {
        padding-left: 15px;
    }
    .header-logo-sec .logo {
        max-width: 120px;
    }
    .contact-mobile-display {
        font-size: 18px;
    }
}
@media (max-width: 480px) {
     .textarea {
          width: 100%;
     }
     .catch-heading {
          font-size: 34px;
          line-height: 48px;
     }
    .top-section {
        background-size: auto 60%;
    }
    .banner-caption {
        padding-left: 15px;
        padding-bottom: 450px;
    }
    .logo {
        max-width: 290px;
    }
     .catch-row {
          padding: 50px 0px 42px;
     }
     .banner-caption .caption-text {
          font-size: 23px;
          line-height: 36px;
     }
     .why-sg-heading {
          font-size: 30px;  
          line-height: 36px;
     }
     .content-heading {
          font-size: 34px;
          line-height: 34px;
     }
     .contact-form .form-control,
     .contact-form .textarea {
          width: 234px;
     }
     .about-sub-heading {
          position: relative;
          font-size: 19px;
     }
     .about-sec-heading {
          font-size: 26px;
          letter-spacing: -1.0px;
          line-height: 32px;
     }
     .about-sec {
          padding-bottom: 20px;
     }
     .call-para {
          font-size: 17px;
          line-height: 24px;
     }
     .call-captain-num {
          font-size: 38px;
          line-height: 48px;
     }
     .why-sg-heading {
          font-size: 25px;
          line-height: 35px;
     }
     .why-single-heading {
          font-size: 20px;
     }
     .fnf-section .content-heading {
          font-size: 36px;
          line-height: 36px;
     }
     .bottom-box {
          width: auto;
     }
     .daily-feed .daily-feed-img img {
          margin-right: 20px;
     }
     .gt-bottom-heading {
          line-height: 36px;
     }
     .testinomial .testinomial-heading {
          font-size: 24px;
     }
     .call-heading {
          font-size: 30px;
          line-height: 36px;
     }
     .why-sg-section {
          padding: 50px 0px 0px 0px;
     }
     .content-subheading {
          font-size: 24px;
          line-height: 30px;
     }
     .blog-heading {
          font-size: 28px;
          line-height: 32px;
          margin-top: 20px;
     }
     .info-section {
          background-position: 50% 187px;
     }
     .banner-caption .caption-heading {
          /*font-size: 50px;*/
          font-size: 45px;
          letter-spacing: -3px;
          line-height: 60px;
     }
     .banner-caption .caption-text {
          letter-spacing: -1.8px;
          font-size: 19px;
     }
    .inner-page-content h1 {
        font-size: 36px;
        line-height: 48px;
    }
    .inner-page-content h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .customers-content .content-heading,
     .contact-form .content-heading {
          font-size: 28px;
          line-height: 32px;
     }
    
}
@media (max-width: 400px) {
    .top-section {
        background-size: auto 60%;
    }
    .banner-caption .caption-text {
        font-size: 20px;
    }
    .inner-page-content h1 {
        font-size: 26px;
        line-height: 36px;
    }
    .inner-page-content h2 {
        font-size: 22px;
        line-height: 30px;
    }
   .inner-page-content  .wp-block-cover__inner-container {
        line-height: 30px;
        font-size: 24px;
    }
    .has-large-font-size {
        font-size: 24px!important;
    }
    .inner-page-content h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .blog-page .post-title {
        font-size: 20px;
        line-height: 26px;
    }
    .blog-heading {
        font-size: 22px;
        line-height: 24px;
    }
    .call-captain-num {
        font-size: 32px;
    }
    .catch-img-title {
        font-size: 34px;
    }
    .site-header {
        padding-top: 0; 
    }
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

::selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}