/*==============================================
          Fitnez Website Stylesheet
           Body Core Stylesheet
===============================================*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    line-height: 1.8;
    overflow-x: hidden;
    background-color: #fff;
    font-family: 'Montserrat', sans-serif;
}
body,
html { height: 100%;}
.btn:focus,.btn:active {outline: none !important;box-shadow: none;}
h1,h2,h3,h4,h5,h6,ul {margin:0px;padding:0px}
ul {list-style-type: none;margin: 0;padding: 0;display: block;}
li { display: inline-block;}
a {cursor: pointer;}
a:hover {text-decoration: none;}
textarea {resize: none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cacaca;
  font-size:14px;
  font-family: 'Montserrat', sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  font-size:14px;
  font-family: 'Montserrat', sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  font-size:14px;
  font-family: 'Montserrat', sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
  font-size:14px;
  font-family: 'Montserrat', sans-serif;
}
::placeholder {
  color: #000;
  font-weight: 300;
  font-size:13px;
  font-style: italic;
  font-family: 'Montserrat', sans-serif;
}
section {
    padding: 80px 0 120px;
}
.image-one  {
    overflow: hidden;
}
.image-one img{
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    }
.image-one img:hover{ 
    -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);
}

/* ==== Nav-bar Styles ==== */
#mainNav.small {
    font-size: 15px;
    height: 81px;
    background-color: #0503d5;
}
#mainNav img {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.fixed-top {
    height: 115px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
nav p {padding-top: 22px;font-size: 11px;color: #6dcff6;text-transform: uppercase;letter-spacing: 5px;}
header .text-center {position: relative;}
nav span .fa {color: #fff;font-size: 20px;margin-left: 15px;cursor: pointer;}
nav span .fa:hover {color: #b4dc2d;}
nav span .fa-bars {font-size: 30px;padding: 10px 14px;background-color: rgb(12, 12, 12);}
/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background-color: #000;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 126px; /* Place content 60px from the top */
    -webkit-transition: all 0.4s ease-in-out 0s;/* 0.5 second transition effect to slide in the sidenav */
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;

}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: block;
    font-weight: 500;
    transition: 0.3s;
    text-transform: uppercase
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #c5ff00;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
/* == Header section == */
header {
    padding-top: 190px;
    height: 1035px;
    background-image: url("../images/banner.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
nav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.19);
    	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.sidenav .active {color: #b4dc2d;}
nav img {padding: 10px 0px;}
.img-fluid {
    max-width: 100%;
    height: auto;
}
header .gradient {
    background: -moz-linear-gradient(-45deg, rgba(0,2,255,0.89) 0%, rgba(0,0,0,0.89) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0,2,255,0.89) 0%,rgba(0,0,0,0.89) 100%);
    background: linear-gradient(135deg, rgba(0,2,255,0.89) 0%,rgba(0,0,0,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30002ff', endColorstr='#e3000000',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 1035px;
    top: 0;
}
header .line {padding: 0 98px;}
.bg-primary h1 {
    font-size: 36px;
    font-weight: 600;
    padding-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.bg-primary h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px; 
    padding-bottom: 40px;
}
header .btn {
    margin: 0;
    background: #181a8e;
    border-radius: 100px;
    margin-bottom: 0;
    padding: 12px 10px;
    position: relative;
    z-index: 11;
}
header .btn-primary {
    font-size: 16px;
    padding: 10px 40px;
    font-weight: 600;
    border-radius: 100px;
    margin-bottom: 0;
    text-transform: uppercase;
    background-color: #b4dc2d;
    border: 2px solid #b4dc2d;
    position: relative;
    z-index: 11;
}
header .box:after {
    content: '';
    background: url(../images/line.png)no-repeat;
    height: 115px;
    width: 5px;
    height: 120px;
    width: 14px;
    display: block;
    margin-right: -7px;
    float: right;
}
header .box:before {
    content: '';
    background: url(../images/line.png)no-repeat;
    height: 120px;
    width: 14px;
    display: inline-block;
    margin-left: -6px;
    float: left;
}
header .box {
    width: 100%;
    height: 115px;
    position: relative;
    border-top: 1px solid #b4dc2d;
    margin-top: -24px;
    text-align: center;
}
.parent {
    width: 100%;
    height: auto;
    padding-top: 60px;
    margin-top: -25px;
    text-align: center;
    color: #000;
}

.main-content {
    border-radius: 5px;
    margin: 0 0;
    margin-top: 30px;
    background-image: url("../images/about.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;}
header .col1:after {content: ''; position: absolute; right: 0; top: 4em; bottom: 4em; width: 1px; background-color: #b1b1b1;}

header .col1:last-child:after {display: none;}

.way_icon .fa-desktop,.way_icon .fa-clipboard,.way_icon .fa-object-group {
    font-size: 40px;      
    background: rgb(0,105,203);
    background: -moz-linear-gradient(-45deg, rgba(0,105,203,1) 0%, rgba(0,229,249,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0,105,203,1) 0%,rgba(0,229,249,1) 100%);
    background: linear-gradient(135deg, rgba(0,105,203,1) 0%,rgba(0,229,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069cb', endColorstr='#00e5f9',GradientType=1 );
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color:transparent;
       }
.parent .more {margin-bottom: -19px;}
.parent .more i {color: #fff;background-color: #b4dc2d;padding: 9px 14px;font-size: 25px;}
.parent .more i:hover { cursor: pointer;}
.parent .way_icon i {font-size: 35px; padding-bottom: 22px;}
.parent h2 {color: #1a1a81; font-size: 36px; letter-spacing: -1.5px; padding-bottom: 25px;text-transform: uppercase;}
.parent p {padding-left: 30px;padding-right: 30px;font-size: 16px;font-weight: 300;padding-bottom: 20px;}

/* === Portfolios Media Section == */
#portfolios .col1:first-child:after {content: ''; position: absolute; background-image: url("../images/arrow.jpg");background-color: #b1b1b1;}
#portfolios {
    width: 100%;
    height: auto;
    color: #000;
    background-color: #fff;
}
#portfolios .col2 .btn-success,#portfolios .col1 .btn-success {font-size: 12px;}
#portfolios .btn-success {
    font-size: 16px;
    padding: 7px 18px;
    font-weight: 600;
    margin-bottom: 23px;
    border-radius: 0;
    text-transform: uppercase;
    background-color: #b4dc2d;
    border: 2px solid #b4dc2d;
}
#portfolios .col2 .btn-success:hover {color: #000;}
#portfolios .col1 .btn-success:hover {color: #fff;}
#portfolios .btn-success:hover {
    color: #000;
    background-color: transparent;
    border: 2px solid #b4dc2d;
}
#portfolios .text-center h3 {color: #1a1a81; text-transform: uppercase;letter-spacing: 1px;font-size: 36px;padding-bottom: 25px}
#portfolios .text-center h4 {color: #1a1a81;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;font-size: 18px;padding-bottom: 45px;}
#portfolios .col1 h3 a {color: #fff;}
#portfolios .col2 h3 a {color: #1a1a81;}
#portfolios .col1,#portfolios .col2 {padding-left: 30px;padding-right: 30px;}
#portfolios .col2 p {color: #000;}
#portfolios .row {margin-left: -30px;margin-right: -30px;}
#portfolios .figure {width: 100%;height: 335px;background-color: black;}
#portfolios .thumbnail {position: relative;border-radius: 0;}
#portfolios .caption {
    color: #fff;
    text-align: left;
    position: absolute;
    top: 14%;
    left: 10%;
    right: 10%;
}
#portfolios figure {
    margin: 0 0 80px;
}
#portfolios h3 {
    font-size: 34px;
    padding-bottom: 30px;
    text-transform: uppercase;
}
#portfolios .caption p {
    font-size: 16px;
    padding-bottom: 12px;
}
#portfolios .text-center p {
    font-size: 16px;
    font-weight: 300;
    padding: 0 150px;
    letter-spacing: 0.5px;
    padding-bottom: 65px;
}
#portfolios .gradient {
    background: -moz-linear-gradient(-45deg, rgba(0,2,255,0.89) 0%, rgba(0,0,0,0.89) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0,2,255,0.89) 0%,rgba(0,0,0,0.89) 100%);
    background: linear-gradient(135deg, rgba(0,2,255,0.89) 0%,rgba(0,0,0,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30002ff', endColorstr='#e3000000',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.7;
}
#portfolios .col2 .img-fluid {
    border: 1px solid #dbdad8;
}
/* === Blog  Media Section == */

#blog {
    width: 100%;
    height: auto;
    color: #fff;
    background-color: #00001c;
}
#blog .text-center h3 {text-transform: uppercase;letter-spacing: 1px;font-size: 36px;padding-bottom: 25px}
#blog .text-center h4 {text-transform: uppercase;letter-spacing: 1px;font-size: 18px;padding-bottom: 65px;}
#blog .btn-success {
    font-size: 16px;
    padding: 7px 18px;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: uppercase;
    background-color: #b4dc2d;
    border: 2px solid #b4dc2d;
}
#blog .btn-success:hover {
    color: #fff;
    background-color: transparent;
    border: 2px solid #b4dc2d;
}
#blog .blog-1 {margin-bottom: 65px;}
#blog .blog-3 {height: 582px;object-fit: cover;}
#blog .img-thumbnail {
    padding: 0;
    width: 100%;
    border: none;
    position: relative;
    border-radius: 0;
}
#blog .text-block {
    position: absolute;
    top: 20px;
    left: 15px;
    background-color: black;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}
#blog .text-block1 p {
    position: absolute;
    top: 80px;
    left: 15px;
    right: 10%;
    font-size: 28px;
    color: white;
    letter-spacing: -0.5px;
    line-height: 40px;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 20px;
    
}
#blog .text-block1 p {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 10%;
    font-size: 28px;
    color: white;
    letter-spacing: -0.5px;
    line-height: 40px;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 20px;
    
}
#blog .text-block1 .more a {
    position: absolute;
    bottom: 30px;
    left: 47px;
    padding: 8px 20px;
    background-color: #c5ff00;
    border-radius: 100px;
    right: 61%;
    color: black;
    padding-left: 20px;
    padding-right: 20px;
    border: 2px solid #c5ff00;
}
#blog .text-block1 p a {color: #fff;}
#blog .text-block1 .more a:hover {color: #fff; background-color: transparent;border: 2px solid #c5ff00;}
#blog .text-block h4 {font-size: 13px;text-transform: uppercase;padding: 12px 0;font-weight: 300;letter-spacing: 1px;}
#blog .text-block h4 a {color: #fff;}
#blog .blog-column {padding-right: 105px;margin-top: -7px;}
#blog .blog-column h5 {font-size: 24px;padding-bottom: 27px;line-height: 35px;}
#blog .blog-column p {color: #a8a8ad; font-size: 16px;font-weight: 400;}
#blog .blog-column .btn-primary {border: 2px solid #b4dc3d; color: #000;font-size: 14px;border-radius: 100px; font-weight: 400;padding: 8px 24px;background-color: #c5ff00;}
#blog .blog-column .btn-primary:hover {background-color: transparent;color: #fff;}
#blog h5 a {color: #fff;}
#blog .blog-column1 h5 a {color: #fff;}
#blog-page .blog-column1 h5 a {color: #000;}
#blog-page .blog-column h5 a {color: #000;}
/* === Socia Media Section == */
#social-media {
    background-image: url("../images/social-media-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;  
}

#social-media .btn-success {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: uppercase;
    background-color: #b4dc2d;
    border: 2px solid #b4dc2d;
}
#social-media .btn-success:hover {
    color: #000;
    background-color: transparent;
    border: 2px solid #b4dc2d;
}
#social-media h3 {text-transform: uppercase;letter-spacing: 1px;font-size: 36px;padding-bottom: 25px}
#social-media h4 {text-transform: uppercase;letter-spacing: 1px;font-size: 18px;padding-bottom: 65px;font-weight: 600;}
#social-media .img-thumbnail {
    padding: 0;
    width: 100%;
    border: none;
    border-radius: 0;
    max-width: 100%;
    height: auto;
}
#social-media .box {position: relative;}
#social-media .box:hover .overlay{opacity: 1; visibility: visible;}
#social-media .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
    background: -moz-linear-gradient(-45deg, rgba(0,138,255,0.8) 0%, rgba(125,185,232,0.8) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0,138,255,0.8) 0%,rgba(125,185,232,0.8) 100%);
    background: linear-gradient(135deg, rgba(0,138,255,0.8) 0%,rgba(125,185,232,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc008aff', endColorstr='#cc7db9e8',GradientType=1 );
}

#social-media .icon {
    color: white;
    font-size: 100px;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
#social-media .fa-angle-double-right {font-size: 50px;padding: 30px 40px;border: 1px solid #fff;}
#social-media .fa-angle-double-right:hover {
  color: #eee;
}
#social-media  .gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
/* === Footer Section == */
footer {
    width: 100%;
    height: auto;
    color: white;
    position: relative;
    padding-top: 70px;
    background-image: url("../images/footer-bg.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
footer .gradient {
    background: -moz-linear-gradient(-45deg, rgba(0,2,255,0.89) 0%, rgba(0,0,0,0.89) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0,2,255,0.89) 0%,rgba(0,0,0,0.89) 100%);
    background: linear-gradient(135deg, rgba(0,2,255,0.89) 0%,rgba(0,0,0,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30002ff', endColorstr='#e3000000',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
footer .text-center {position: relative;}
footer .btn-success,footer .Subscribe form .btn-primary {
    font-size: 16px;
    padding: 7px 18px;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
    background-color: #b4dc2d;
    border: 2px solid #b4dc2d;
}
footer .Subscribe form .btn-primary {
    padding: 7px 50px;
    height: 58px;
    color: #000;
    border-radius: 0;
    letter-spacing: 0.5px;
}
footer .btn-success:hover,footer .Subscribe form .btn-primary:hover {
    color: #fff;
    background-color: transparent;
    border-color: #b4dc2d;
    border: 2px solid #b4dc2d;
}
footer .Subscribe h3 {text-transform: uppercase;letter-spacing: 1px;font-size: 36px;padding-bottom: 25px}
footer .Subscribe h4 {text-transform: uppercase;letter-spacing: 1px;font-size: 18px;padding-bottom: 65px;}

footer .form-group {float: left; margin-bottom: 25px;}
footer .Subscribe form input {
    height: 45px;
    border: none;
    border-radius: 0;    
}
footer .Subscribe form textarea {height: 190px;border-radius: 0;}
footer .Subscribe .col {
    padding-right: 0;
    padding-left: 0;
}
footer hr {border-color: #57537f;position: relative;}

footer .content {
    padding-left: 50px;
}
footer .Subscribe h5 {font-size: 20px;margin-top: -4px;}
footer .Subscribe h5 span {display: block;padding-top: 10px;padding-bottom: 25px;}
footer .Subscribe address p:nth-child(1) {font-size: 22px;}
footer .Subscribe address p:nth-child(1) span {display: block;color: #00fcff; font-size: 18px;}
footer .Subscribe address p:nth-child(2) {font-size: 26px;}
footer .Subscribe address p:nth-child(2) span {display: block;color: #00ff00; font-size: 22px;}
footer .Subscribe address p:nth-child(3) {font-size: 22px;}
footer .Subscribe address p:nth-child(3) span {display: block;color: #ffff00; font-size: 18px;}
footer ul,.footer p {float: right;}
.footer ul li a {font-size: 15px;}
.footer p,.footer span a {font-size: 14px;padding-top: 10px; color: #fff;}
.footer span a:hover {border-bottom: 1px solid #00eaff;}
.footer p span a {color: #00eaff;}
.footer p .last a {color: #b4dc2d;}
.footer p .last a:hover{border-bottom-color: #b4dc2d;}
.footer {padding: 40px 40px;}
.footer .hidden-xs {margin: 5px;}
.footer ul li a,.footer ul li a:focus, .footer ul li a:active {font-size: 16px;letter-spacing: 0.5px; font-weight: 400;color: #ffffff;}
.footer ul li a:hover {color: #b4dc2d;}
/*==============================================
                Contact-Page
===============================================*/
#about-us {
    border-bottom: 1px solid gray;
    padding-bottom: 100px;
    background-color: #fff;
}
#about-us p {
    margin: 0;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.5px;
    text-align: left;
    font-weight: 200;
    margin-bottom: 200px;
}
#about-us .image {
    float: left;
    width: 478px;
    height: 394px;
    shape-margin:20px;
    margin-right: 50px;
    margin-bottom: 52px;
}
#about-us h3 {
    font-size: 34px;
    font-weight: 300;
    color: #000;
    padding: 50px 0 55px;
}
#about-us .thumbnail {padding: 0;border: none;border-radius: 0;object-fit: cover;}
/*==============================================
                Contact-Page
===============================================*/
#Subscribe {padding-bottom: 200px;}
.text-center {position: relative;}
.btn-success,#Subscribe form .btn-primary {
    font-size: 16px;
    padding: 7px 18px;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
    background-color: #b4dc2d;
    border: 2px solid #b4dc2d;
}
#Subscribe form .btn-primary {
    padding: 7px 50px;
    height: 58px;
    color: #000;
    border-radius: 0;
    letter-spacing: 0.5px;
}
.btn-success:hover,#Subscribe form .btn-primary:hover {
    color: #000;
    background-color: transparent;
    border-color: #b4dc2d;
    border: 2px solid #b4dc2d;
}
#Subscribe h3 {text-transform: uppercase;letter-spacing: 1px;font-size: 36px;padding-bottom: 25px}
#Subscribe h4 {text-transform: uppercase;letter-spacing: 1px;font-size: 18px;padding-bottom: 65px;}

.form-group {float: left; margin-bottom: 25px;}
#Subscribe form input {
    height: 45px;
    border-radius: 0;    
}
#Subscribe form textarea {height: 190px;border-radius: 0;}
#Subscribe .col {
    padding-right: 0;
    padding-left: 0;
}

#Subscribe .content {
    padding-left: 50px;
}
#Subscribe h5 {font-size: 20px;margin-top: -4px;}
#Subscribe h5 span {display: block;padding-top: 10px;padding-bottom: 25px;}
#Subscribe address p:nth-child(1) {font-size: 22px;}
#Subscribe address p:nth-child(1) span {display: block;color: #000; font-size: 18px;}
#Subscribe address p:nth-child(2) {font-size: 26px;}
#Subscribe address p:nth-child(2) span {display: block;color: #000; font-size: 22px;}
#Subscribe address p:nth-child(3) {font-size: 22px;}
#Subscribe address p:nth-child(3) span {display: block;color: #000; font-size: 18px;}

/*==============================================
                Portfolio Section Styles
===============================================*/
/* === Socia Media Section == */
#social-media-page .portfolio {
    background-image: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;  
}

#social-media-page .portfolio .btn-success {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: uppercase;
    background-color: #b4dc2d;
    border: 2px solid #b4dc2d;
}
#social-media-page .portfolio .btn-success:hover {
    color: #000;
    background-color: transparent;
    border: 2px solid #b4dc2d;
}
#social-media-page .portfolio h3 {text-transform: uppercase;letter-spacing: 1px;font-size: 36px;padding-bottom: 25px}
#social-media-page .portfolio h4 {text-transform: uppercase;letter-spacing: 1px;font-size: 18px;padding-bottom: 65px;font-weight: 600;}
#social-media-page .portfolio .img-thumbnail {
    padding: 0;
    width: 100%;
    border: none;
    border-radius: 0;
    max-width: 100%;
    height: auto;
}
#social-media-page .portfolio .box {position: relative;}
#social-media-page .portfolio .box:hover .overlay{opacity: 1; visibility: visible;}
#social-media-page .portfolio .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
    background: -moz-linear-gradient(-45deg, rgba(0,138,255,0.8) 0%, rgba(125,185,232,0.8) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0,138,255,0.8) 0%,rgba(125,185,232,0.8) 100%);
    background: linear-gradient(135deg, rgba(0,138,255,0.8) 0%,rgba(125,185,232,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc008aff', endColorstr='#cc7db9e8',GradientType=1 );
}

#social-media-page .portfolio .icon {
    color: white;
    font-size: 100px;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
#social-media-page .portfolio .fa-angle-double-right {font-size: 50px;padding: 30px 40px;border: 1px solid #fff;}
#social-media-page .portfolio .fa-angle-double-right:hover {
  color: #eee;
}
#social-media-page .portfolio  .gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.load-more {padding: 100px 0 100px;text-align: center;}
.load-more .btn-secondary {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #b7b7b7;
    border: 2px solid #b7b7b7;
    border-radius: 0;
    padding: 12px 30px;
}
#social-media-page .load-more .btn-secondary:hover {color: #000; background-color: transparent;border-color: rgb(153, 213, 54);}
/*==============================================
                Blog Section Styles
===============================================*/
#blog_single {width: 100%;padding-bottom: 240px;}
#blog_single .heading h2 {font-size: 33px;padding-right: 300px;padding-bottom: 60px;}
#blog_single .social-content .img-fluid {width: 100%;height: 594px;object-fit: cover;margin-bottom: 20px;}
#blog_single hr {margin-top: 3rem;}
#blog_single  .social-content {padding: 25px 0;}
#blog_single .content p {margin: 0;color: #636363;font-size: 17px;line-height: 30px;text-align: left;padding-bottom: 40px;font-weight: 400;font-family: 'Montserrat', sans-serif;}
.social-buttons .inner-text span:first-child {color: black;font-weight: 600;}
.social-buttons .inner-text span:last-child {color: #737373;font-weight: 500;border-bottom: 1px solid gray;}
#blog_single h4 {font-size: 24px;font-style: italic;text-align: left;color: #545454;line-height: 47px;font-family: 'Montserrat', sans-serif;}
#blog_single p a {color: #ed1c24;border-bottom: 1px solid #ed1c24;}
#blog_single .inner-text a {color: #737373;font-weight: 400;font-family: 'Montserrat', sans-serif;}
#blog_single .inner-text a:hover, #blog_single .inner-text a:focus {text-decoration: none;border-bottom: 1px solid #00ff00;color: #00ff00;}
#blog_single .qutation {
    width: 73%;
    text-align: center;
    padding: 30px 0 73px;
    margin: 0 auto;
}
#blog_single .more_blog {width: 100%;height: auto;background-color: #fff;padding: 30px 0 30px;border-bottom: 1px solid #c6c6c6;}
#blog_single .more_blog img {
    width: 100%;
    height: 260px;
    padding: 0;
    object-fit: cover;
    border-radius: 0;
}
#blog_single .more_blog h3 {padding-bottom: 40px;font-size: 41px;color: #363636;}
#blog_single .more_blog .col1 {padding-left: 25px;padding-right: 25px;}
#blog_single .more_blog .row {margin-left: -25px;margin-right: -25px;}
#blog_single .more_blog .figure-caption {padding: 20px 0 20px;font-size: 22px;color: #000;font-weight: 500;}
#blog_single .more_blog .figure-caption a {color: #000;}
#blog_single .more_blog .text-block {
    position: absolute;
    top: 25px;
    left: 26px;
    background-color: black;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}
#blog_single .more_blog .text-block h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-style: normal;
    padding: 0px 7px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
}
#blog_single .more_blog .text-block a {color: #fff;}
#blog_single .post {
    padding-top: 40px;
    padding-bottom: 60px;
    border-bottom: 1px solid #c6c6c6;
}
#blog_single .post h3 {padding-bottom: 40px;font-size: 41px;color: #363636;}
#blog_single .post strong {
    display: block;
    font-size: 23px;
    font-weight: 500;
    color: #662d91;
}
#blog_single  .comment-box form .row {margin-left: 0;margin-right: 0;}
#blog_single  .comment-box form .col1 {padding-left: 0;padding-right: 0;}
#blog_single .post strong span {color: #959595; font-size: 14px; font-weight: 500;}
#blog_single .post .col1 {padding-right: 370px;}
#blog_single .post .col1 p {color: #959595;font-weight: 500;font-size: 17px;padding-bottom: 20px;}
#blog_single  .comment-box {padding-top: 40px;}
#blog_single .comment-box h3 {padding-bottom: 40px;font-size: 41px;color: #363636;}
#blog_single .comment-box form textarea {border-radius: 0;margin-bottom: 25px;}
#blog_single .comment-box form .btn-primary {border: 2px solid #fff;padding: 9px 51px;border-radius: 0;font-weight: 500;font-size: 16px;background: -moz-linear-gradient(-45deg, rgba(0,2,255,0.89) 0%, rgba(0,0,0,0.89) 100%);background: -webkit-linear-gradient(-45deg, rgba(0,2,255,0.89) 0%,rgba(0,0,0,0.89) 100%);background: linear-gradient(135deg, rgba(0,2,255,0.89) 0%,rgba(0,0,0,0.89) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30002ff', endColorstr='#e3000000',GradientType=1 );}
#blog_single .comment-box form input {height: 45px;border-radius: 0;margin-bottom: 25px;}
#blog_single .comment-box ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #cacaca;font-weight: 400;font-size:13px;font-style: normal;}
#blog_single .comment-box ::-moz-placeholder { /* Firefox 19+ */color: #cacaca;font-weight: 400;font-size:13px;font-style: normal;}
#blog_single .comment-box :-ms-input-placeholder { /* IE 10+ */
  color: #cacaca;
  font-weight: 400;
  font-size:13px;
  font-style: normal;
}
#blog_single .comment-box :-moz-placeholder { /* Firefox 18- */
  color: #cacaca;
  font-weight: 400;
  font-size:13px;
  font-style: normal;
}
#blog_single .comment-box ::placeholder {
  color: #cacaca;
  font-weight: 400;
  font-size:13px;
  font-style: normal;
}
#blog_single .comment-box .btn-primary:hover {background: transparent;color: #000;border: 2px solid #c5ff00;}
/*-- social buttons --*/
.mbm_social {
  margin:30px 0;
  padding: 0;
  font-size: 0;
  float:right;
  background:#fff;
  text-align:center;	
}
.mbm_social li {
    display: inline-block;
    margin: 0 16px 0 0;
}
.mbm_social a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color:#fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 px;
  width: 116px;
  height: 31px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  z-index: 2;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 5px;
}
.mbm_social a:hover {
  color: #fff;
}
.mbm_social a:hover .tooltip {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, -33px);
          transform: translate(0, -33px);
}
.mbm_social a:active {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.mbm_social .tooltip {
  opacity: 0;
  position: absolute;
  top: 2px;
  left: 50%;
  z-index: 1;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.mbm_social .tooltip span {
    font-size: 10px;
    font-weight: bold;
    left: -50%;
    line-height: 1;
    padding: 6px 8px 5px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.mbm_social .tooltip span:after {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
}
.mbm_social .social-twitter {
  background: #00abdc;
  border-radius: 5px;
  background: -webkit-linear-gradient(#00abdc, #00abdc);
  background: linear-gradient(#00abdc, #00abdc);
  border-bottom: 1px solid #00abdc;
}
.mbm_social .social-twitter:hover {
  color: #fff;
  text-shadow: 0px 1px 0px #00abdc;
}
.mbm_social .social-twitter span {
  background: #00abdc ;
  background: -webkit-linear-gradient(#00abdc, #00abdc);
  background: linear-gradient(#00abdc, #00abdc);
  color: #fff;
}
.mbm_social .social-twitter span:after {
  border-top-color: #00abdc;
}
.mbm_social .social-facebook {
  background: #325c94 ;
  border-radius: 5px;
  background: -webkit-linear-gradient(#4562a0, #385693);
  background: linear-gradient(#4562a0, #385693);
  border-bottom: 1px solid #2f487c;
}
.mbm_social .social-facebook:hover {
  color: #fff;
  text-shadow: 0px 1px 0px #2f487c;
}
.mbm_social .social-facebook span {
  background: #3b5a9b;
  background: -webkit-linear-gradient(#5873aa, #3b5a9b);
  background: linear-gradient(#5873aa, #3b5a9b);
  color: #fff;
}
.mbm_social .social-facebook span:after {
  border-top-color: #325c94;
}
.mbm_social .social-google-plus {
  background: #ea4335;
  background: -webkit-linear-gradient(#ea4335, #ea4335);
  background: linear-gradient(#ea4335, #ea4335);
  border-bottom: 1px solid #ea4335;
}
.mbm_social .social-google-plus:hover {
  color: #fff ;
  text-shadow: 0px 1px 0px #ea4335;
}
.mbm_social .social-google-plus span {
  background: #ea4335;
  background: -webkit-linear-gradient(#ea4335, #ea4335);
  background: linear-gradient(#ea4335, #ea4335);
  color: #fff ;
}
.mbm_social .social-google-plus span:after {
  border-top-color: #ea4335 ;
}
.mbm_social i {
  position: relative;
  top: 1px;
  font-size: 12px;
}
.mbm_social small {
    font-size: 12px;
    margin: 0 0 0 23px;
}
.social-buttons {border-bottom: 1px solid #c2c2c2;margin-bottom: 60px;}
.social-buttons h3 {
    color: #737373;
    font-size: 17px;
    font-weight: 400;
    padding: 36px 0;
}
.social-buttons .inner-text span:first-child {
    color: black;
    font-weight: 600;
}
.social-buttons .inner-text span:last-child {
    color: #737373;
    font-weight: 500;
    border-bottom: 1px solid gray;
}
/*==============================================
                Blog-page Styles
===============================================*/
/* === Blog  Media Section == */

#blog-page {
    width: 100%;
    height: auto;
    color: #000;
    background-color: #fff;
}
#blog-page .text-center h3 {text-transform: uppercase;letter-spacing: 1px;font-size: 36px;padding-bottom: 25px}
#blog-page .text-center h4 {text-transform: uppercase;letter-spacing: 1px;font-size: 18px;padding-bottom: 65px;}
#blog-page .btn-success {
    font-size: 16px;
    padding: 7px 18px;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: uppercase;
    background-color: #b4dc2d;
    border: 2px solid #b4dc2d;
}
#blog-page .btn-success:hover {
    color: #fff;
    background-color: transparent;
    border: 2px solid #b4dc2d;
}
#blog-page .blog-3 {height: 585px;object-fit: cover;}
#blog-page .img-thumbnail {
    padding: 0;
    width: 100%;
    border: none;
    position: relative;
    border-radius: 0;
}
#blog-page .text-block {
    position: absolute;
    top: 20px;
    left: 15px;
    background-color: black;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}
#blog-page .text-block1 p {
    position: absolute;
    top: 80px;
    left: 15px;
    right: 10%;
    font-size: 28px;
    color: white;
    letter-spacing: -0.5px;
    line-height: 40px;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 20px;
    
}
#blog-page .text-block1 p {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 10%;
    font-size: 28px;
    color: white;
    letter-spacing: -0.5px;
    line-height: 40px;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 20px;
    
}
#blog-page .text-block1 p a {color: #fff;}
#blog-page .text-block1 .more a {
    position: absolute;
    bottom: 73px;
    left: 47px;
    padding: 8px 20px;
    background-color: #c5ff00;
    border-radius: 100px;
    right: 61%;
    color: black;
    padding-left: 20px;
    padding-right: 20px;
    border: 2px solid #c5ff00;
}
#blog-page .blog-column1 h5 {
    font-size: 19px;
    padding-bottom: 20px;
    line-height: 27px;
    margin-top: -4px;
}
#blog-page .blog-column1 .btn-primary {
    border: 2px solid #fff;
    color: #000;
    font-size: 14px;
    border-radius: 100px;
    font-weight: 400;
    padding: 8px 24px;
    background-color: #c5ff00;
}
#blog-page .blog-column1 p {
    color: #a8a8ad;
    font-size: 14px;
    font-weight: 400;
}
#blog-page .blog-column1 .btn-primary:hover {background-color: transparent;color: #000;border-color: #c5ff00;}
#blog-page .blog-column1 .btn-primary {}
#blog-page .text-block1 .more a:hover {color: #fff; background-color: transparent;border: 2px solid #c5ff00;}
#blog-page .text-block h4 {font-size: 13px;text-transform: uppercase;padding: 12px 0;font-weight: 300;letter-spacing: 1px;}
#blog-page .text-block h4 a {color: #fff;}
#blog-page .blog-column {margin-top: -7px;}
#blog-page .blog-column h5 {font-size: 24px;padding-bottom: 27px;line-height: 35px;}
#blog-page .blog-column p {color: #a8a8ad; font-size: 16px;font-weight: 400;}
#blog-page .blog-column .btn-primary {border: 2px solid #fff; color: #000;font-size: 14px;border-radius: 100px; font-weight: 400;padding: 8px 24px;background-color: #c5ff00;}
#blog-page .blog-column .btn-primary:hover {background-color: transparent;color: #000;border-color: #c5ff00;}
#blog-page>.pages{padding: 50px 0 40px;}
#blog-page>.pages .btn-primary {font-size: 14px;width: 140px;margin: 0 2px;padding: 10px 0;}
#blog-page .img-thumbnail {height: 100%;object-fit: cover;}
#blog-page .col1 {margin-bottom: 40px;}
#blog-page .top .blog-3 {height: 585px;}
#blog-page .blog-column {margin-bottom: 40px;}
#blog .text-block1 p {
    left: 15px;
    font-size: 22px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 33px;
    padding-right: 5px;
}
#blog-page>.pages {padding: 100px 0 100px;text-align: center;}
#blog-page>.pages .btn-primary {
    border-radius: 0; 
    font-size: 16px;
    width: 161px;
    margin: 0 10px;
    padding: 10px 0;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    border: 2px solid #fff;
    background: -moz-linear-gradient(-45deg, rgba(0,2,255,0.89) 0%, rgba(0,0,0,0.89) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0,2,255,0.89) 0%,rgba(0,0,0,0.89) 100%);
    background: linear-gradient(135deg, rgba(0,2,255,0.89) 0%,rgba(0,0,0,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30002ff', endColorstr='#e3000000',GradientType=1 );
}
#blog-page>.pages .btn-primary:hover {color: #000; background: transparent;border: 2px solid #a3cc1b;}

/*==============================================
                Blog-page  Styles
===============================================*/
@media screen and (max-width: 1024px) {
    header {
        height: 900px;
    }
    header {padding-top: 182px;}
    .navbar-brand img {
        width: 60px;
    }
    nav p {
        padding-top: 21px;
        letter-spacing: 2px;
    }
    nav span .fa {
        font-size: 18px;
        margin-left: 10px;
    }
    .bg-primary h1 {
        font-size: 32px;
        padding-bottom: 18px;
    }
    .bg-primary h4 {
        padding-bottom: 35px;
    }
    header .btn-primary {
        font-size: 14px;
        padding: 10px 32px;
    }
    header .line {
        padding: 0 60px;
    }
    .parent .way_icon i {
        font-size: 30px;
    }
    .parent h2 {
        font-size: 28px;
        padding-bottom: 15px;
    }
    .parent {
        padding-top: 40px;
    }
    .parent p {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
        padding-bottom: 12px;
    }
    .parent .more i {
        padding: 7px 12px;
        font-size: 21px;
    }
    header .gradient {
        height: 900px;
    }
    section {
        padding: 60px 0 80px;
    }
    #portfolios .btn-success {
        font-size: 14px;
        padding: 7px 14px;
        margin-bottom: 18px;
    }
    #portfolios .text-center h3 {
        font-size: 32px;
        padding-bottom: 12px;
        letter-spacing: 0;
    }
    #portfolios .text-center h4{
        letter-spacing: 0;
        font-size: 18px;
        padding-bottom: 35px;
    }
    #portfolios .text-center p {
        font-size: 14px;
        font-weight: 400;
        padding: 0 140px;
        letter-spacing: 0;
        padding-bottom: 40px;
    }

    #portfolios h3 {
        font-size: 28px;
        padding-bottom: 20px;
    }
    #portfolios .caption {
        top: 12%;
        left: 8%;
        right: 5%;
    }
    #portfolios .caption p {
        font-size: 14px;
    }
    #portfolios .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    #portfolios .col1, #portfolios .col2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    figure {
       margin: 0 0 20px;
    }
    #blog .btn-success {
        font-size: 14px;
        padding: 7px 14px;
        margin-bottom: 18px;
    }
    #blog .text-center h3 {
        font-size: 32px;
        padding-bottom: 12px;
        letter-spacing: 0;
    }
    #blog .text-center h4{
        letter-spacing: 0;
        font-size: 18px;
        padding-bottom: 50px;
    }
    #blog-page .btn-success {
        font-size: 14px;
        padding: 7px 14px;
        margin-bottom: 18px;
    }
    #blog-page .text-center h3 {
        font-size: 32px;
        padding-bottom: 12px;
        letter-spacing: 0;
    }
    #blog-page .text-center h4{
        letter-spacing: 0;
        font-size: 18px;
        padding-bottom: 50px;
    }
    #blog-page .blog-column h5 {
        font-size: 19px;
        padding-bottom: 20px;
        line-height: 28px;
    }
    #blog-page .blog-column p {
        font-size: 14px;
    }
    #blog-page .text-block1 p {
        font-size: 24px;
    }
    #blog-page .text-block1 a {
        padding: 6px 19px;
        bottom: 70px;
    }
    #blog-page .top {
        padding-bottom: 20px;
    }
    #blog-page .blog-column1 h5 {
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 24px;
    }
    #blog-page .blog-column1 p {font-size: 12px;}
    #blog .blog-column {
        padding-right: 0;
        margin-top: -8px;
    }
    #blog .blog-column h5 {
        font-size: 20px;
        padding-bottom: 18px;
        line-height: 30px;
    }
    #blog-page>.pages{padding: 50px 0 40px;}
    #blog-page>.pages .btn-primary {font-size: 14px;width: 140px;margin: 0 2px;padding: 10px 0;}
    #blog-page .img-thumbnail {margin-bottom: 40px;}
    #blog-page .blog-column {margin-bottom: 40px;}
    #blog-page .blog-3 {height: 492px;}
    #blog .text-block1 p {
        left: 15px;
        font-size: 22px;
        letter-spacing: 0;
        font-weight: 400;
        line-height: 33px;
        padding-right: 5px;
    }
    #blog .blog-column .btn-primary {font-size: 12px;}
    #blog .blog-column p {font-size: 14px;}
    #blog .blog-3 {height: 491px;}
    #blog .text-block1 a {font-size: 12px; right: 59%;}
    #social-media .btn-success {
        font-size: 14px;
        padding: 7px 14px;
        margin-bottom: 18px;
    }
    #social-media .text-center h3 {
        font-size: 32px;
        padding-bottom: 12px;
        letter-spacing: 0;
    }
    #social-media .text-center h4{
        letter-spacing: 0;
        font-size: 18px;
        padding-bottom: 50px;
    }
    #social-media-page .btn-success {
        font-size: 14px;
        padding: 7px 14px;
        margin-bottom: 18px;
    }
    #social-media-page .text-center h3 {
        font-size: 32px;
        padding-bottom: 12px;
        letter-spacing: 0;
    }
    #social-media-page .text-center h4{
        letter-spacing: 0;
        font-size: 18px;
        padding-bottom: 50px;
    }
    .Subscribe .btn-success {
        font-size: 14px;
        padding: 7px 14px;
        margin-bottom: 18px;
    }
    .Subscribe .text-center h3 {
        font-size: 32px;
        padding-bottom: 12px;
        letter-spacing: 0;
    }
    .Subscribe .text-center h4{
        letter-spacing: 0;
        font-size: 18px;
        padding-bottom: 50px;
    }
    footer .Subscribe form .btn-primary {
        padding: 7px 16px;
        height: 45px;
        letter-spacing: 0;
    }
    footer .btn-success, footer .Subscribe form .btn-primary {font-size: 14px;}
    footer .content {
        padding-left: 20px;
    }
    .footer ul li a, .footer ul li a:hover, .footer ul li a:focus, .footer ul li a:active  {font-size: 13px;}
    .footer p, .footer span a {font-size: 12px;}
    footer img {width: 60px;}
    .footer {padding: 20px 20px;}
    #about-us .image {shape-margin: 0;margin-right: 35px;margin-bottom: 35px;}
    #about-us p {font-size: 14px;}
    #Subscribe .btn-success {
        font-size: 14px;
        padding: 7px 14px;
        margin-bottom: 18px;
    }
    #Subscribe .text-center h3 {
        font-size: 32px;
        padding-bottom: 12px;
        letter-spacing: 0;
    }
    #Subscribe .text-center h4{
        letter-spacing: 0;
        font-size: 18px;
        padding-bottom: 50px;
    }
    footer #Subscribe form .btn-primary {
        padding: 7px 16px;
        height: 45px;
        letter-spacing: 0;
    }
    .btn-success, #Subscribe form .btn-primary {font-size: 14px;}
    #blog_single .heading h2 {font-size: 26px;padding-bottom: 30px;}
    .social-buttons h3 {font-size: 14px;padding: 25px 0;}
    .mbm_social {margin: 20px 0;}
    .mbm_social a {width: 100px;height: 26px;}
    .mbm_social small {margin: 0 0 0 16px;}
    #blog_single .content p {font-size: 14px;padding-bottom: 30px;}
    #blog_single h4 {font-size: 20px;line-height: 36px;}
    #blog_single .qutation {padding: 20px 0 55px;}
    #blog_single .more_blog h3 {font-size: 34px;padding-bottom: 35px;}
    #blog_single .more_blog .text-block h4 {font-size: 14px;padding: 0;}
    #blog_single .more_blog .figure-caption {font-size: 18px;}
    #blog_single .more_blog .figure-caption {padding: 15px 0 0px;}
    #blog_single .post h3 {font-size: 34px;padding-bottom: 35px;}
    #blog_single .post strong {font-size: 18px;}
    #blog_single .post .col1 p {font-weight: 400;font-size: 14px;padding-bottom: 8px;}
    #blog_single .post {padding-bottom: 40px;}
    #blog_single .comment-box h3 {font-size: 34px;padding-bottom: 35px;}
    #blog_single {padding-bottom: 100px;}
    #blog_single .figure {width: 100%;}
    #blog_single .more_blog img {height: auto;}
    #blog_single .more_blog h3 {font-size: 32px;padding-bottom: 25px;}
}

@media screen and (max-width: 768px) {
    header {height: 890px;}
    header .gradient {height: 890px;}
    nav span .fa {
        font-size: 18px;
        margin-left: 12px;
    }
    #about-us .thumbnail {width: 100%;}
    .sidenav a {font-size: 14px;}
    nav p {
    padding-top: 23px;
    font-size: 10px;
    letter-spacing: 3px;
    }
    header .btn {
        padding: 9px 10px;
        font-weight: 500;
        font-size: 14px;
    }
    header .line {
        padding: 0 18px;
    }
    .parent {padding-top: 38px;padding-bottom: 50px;}
    .parent .way_icon i {
        font-size: 30px;
        padding-bottom: 18px;
    }
    .parent p {
        padding-left: 0;
        padding-right: 0;
        font-size: 12px;
        font-weight: 400;
        padding-bottom: 0px;
    }
    .parent h2 {
        font-size: 24px;
        letter-spacing: -2px;
        padding-bottom: 10px;
    }
    .parent .more i {
        padding: 7px 12px;
        font-size: 22px;
    }
    .bg-primary h1 {
        font-size: 32px;
        padding-bottom: 15px;
    }
    .bg-primary h4 {
        padding-bottom: 35px;
    }
    header .box {margin-top: -21px;}
    #portfolios .text-center p {
        padding: 0 20px;
        padding-bottom: 20px;
    }
    #portfolios .text-center h4 {padding-bottom: 25px;}

    #portfolios h3 {
        font-size: 26px;
        letter-spacing: -1px;
        padding-bottom: 12px;
    }
    .parent .more {
        margin-bottom: -65px;
    }
    #portfolios .caption {
        top: 6%;
        left: 5%;
        right: 2%;
    }
    #portfolios .caption p {
       font-size: 12px;
       letter-spacing: 0.5px;
    }
    #portfolios .col2 .btn-success, #portfolios .col1 .btn-success {
       font-size: 10px;
       padding: 5px 9px;
       letter-spacing: 0.5px;
    } 
    #blog .text-center h3 {
        font-size: 26px;
    }
    #blog-page .blog-column1 h5 {font-size: 19px;padding-bottom: 19px;line-height: 29px;}
    #blog-page .blog-column1 {margin-top: -3px;}
    #blog-page .blog-column1 p {font-size: 14px;}
    #blog-page .buttom .img-thumbnail {margin-bottom: 20px;height: 210px;}
    #blog-page .text-block1 p{font-size: 22px;line-height: 30px;}
    .footer ul li a, .footer ul li a:hover, .footer ul li a:focus, .footer ul li a:active {font-size: 11px;}
    .footer p, .footer span a {font-size: 11px;}
    footer .content {padding-left: 0;}
    footer .Subscribe h5 {font-size: 18px;margin-top: 0;}
    footer .Subscribe address p:nth-child(1) {font-size: 18px;}
    footer .Subscribe address p:nth-child(1) span {font-size: 16px;}
    footer .Subscribe address p:nth-child(2) {font-size: 22px;}
    footer .Subscribe address p:nth-child(3) {font-size: 18px;}
    footer .Subscribe address p:nth-child(3) span {font-size: 16px;}
    footer .btn-success, footer .Subscribe form .btn-primary{font-size: 12px;}
    footer .Subscribe form .btn-primary {height: 42px;}
    #blog .blog-1, #blog .blog-2 {margin-bottom: 40px;}
    #blog .blog-column {padding-bottom: 20px;}
    .content {padding-left: 0;}
    #Subscribe h5 {font-size: 18px;margin-top: 0;}
    #Subscribe address p:nth-child(1) {font-size: 18px;}
    #Subscribe address p:nth-child(1) span {font-size: 16px;}
    #Subscribe address p:nth-child(2) {font-size: 22px;}
    #Subscribe address p:nth-child(3) {font-size: 18px;}
    #Subscribe address p:nth-child(3) span {font-size: 16px;}
    .btn-success, footer #Subscribe form .btn-primary{font-size: 12px;}
    #Subscribe form .btn-primary {height: 42px;}
    #blog_single .more_blog .col1 {padding-left: 10px;padding-right: 10px;}
    #blog_single .more_blog .row {margin-left: -10px;margin-right: -10px;}
    #blog_single .more_blog .figure-caption {font-size: 14px;}
    #blog_single .post h3 {font-size: 28px;padding-bottom: 25px;}
    #blog_single .comment-box h3 {font-size: 28px;padding-bottom: 25px;}
    #blog_single .post .col1 {padding-right: 31px;}
    #blog_single .post .col1 p {font-size: 13px;padding-bottom: 0;}
    #blog_single .heading h2 {font-size: 22px;padding-right: 150px;padding-bottom: 15px;} 
    #blog_single .social-content .img-fluid {height: 350px;}
    .mbm_social li {margin: 0 5px 0 0;}
    .mbm_social small {margin: 0 0 0 10px;}
    .mbm_social a {width: 90px;}
    .social-buttons h3 {font-size: 13px;padding: 25px 0;}
    #blog_single .qutation {width: 81%;}
    #blog_single h4 {font-size: 18px;line-height: 30px;}
}
@media screen and (max-width: 767px) { 
    .container {
        width: 100%;
        max-width:100%;
    }
    header {
        height: auto;
    }
    .parent {
        padding-top: 16px;
        padding-bottom: 110px;
    }
    header .col1:after {display: none;}
    .main-content {border-radius: 0;}
    header .line {
        display: none;
    }
    header .text-center {
        padding-bottom: 50px;
    }
    .parent .way_icon i {
        font-size: 36px;
        padding-bottom: 25px;
    }
    .parent h2 {
        font-size: 32px;
        letter-spacing: -1px;
        padding-bottom: 15px;
    }
    .parent p {
        padding-left: 100px;
        padding-right: 100px;
        font-size: 15px;
    }
    nav p {display: none;}
}
    
@media screen and (max-width: 700px) and (min-width: 500px)  {
.bg-primary h1 {font-size: 26px;padding-bottom: 8px;}
#portfolios h3 {font-size: 22px;}
#portfolios .caption {top: 8%; }
.bg-primary h4 {padding-bottom: 20px;}
.parent .way_icon i {font-size: 30px;padding-bottom: 15px;}
.parent h2 {font-size: 26px;padding-bottom: 10px;}
.parent p {padding-left: 40px;padding-right: 40px;font-size: 14px;}
section {padding: 40px 0 50px;}
#portfolios .btn-success {font-size: 12px;}
#portfolios .text-center h3 {font-size: 22px;padding-bottom: 8px;}
#portfolios .text-center p {font-size: 13px;}
#portfolios .text-center h4 {letter-spacing: 0.5px;font-size: 14px;padding-bottom: 40px;}
#blog .btn-success {font-size: 12px;}
#blog .text-center h3 {font-size: 22px;padding-bottom: 8px;}
#blog .text-center h4 {letter-spacing: 0.5px;font-size: 14px;padding-bottom: 40px;}
#social-media .text-center h3 {font-size: 22px;padding-bottom: 8px;}
#social-media .text-center h4 {letter-spacing: 0.5px;font-size: 14px;padding-bottom: 40px;}
#social-media .btn-success {font-size: 12px;}
#social-media-page .text-center h3 {font-size: 22px;padding-bottom: 8px;}
#social-media-page .text-center h4 {letter-spacing: 0.5px;font-size: 14px;padding-bottom: 40px;}
#social-media-page .btn-success {font-size: 12px;}
.Subscribe .btn-success {font-size: 12px;}
.Subscribe .text-center h3 {font-size: 22px;padding-bottom: 8px;}
.Subscribe .text-center h4 {letter-spacing: 0;font-size: 14px;padding-bottom: 40px;}
.main-content {border-radius: 0;}
#portfolios .caption p {padding-bottom: 0;}
.img-fluid {height: 226px;}
    }

@media screen and (max-width: 425px) {
.main-content {border-radius: 0;}
section {padding: 35px 0 45px;}
#blog-page .top .text-block {top:40px;padding-left: 30px;}
.parent {padding-top: 40px;padding-bottom: 110px;}
.parent .way_icon i {font-size: 32px;padding-bottom: 15px;}
.bg-primary h4 {font-size: 14px;}
.parent h2 {font-size: 26px;letter-spacing: 0;padding-bottom: 10px;}
.parent p {padding-left: 5px;padding-right: 5px;font-size: 14px;}
#portfolios .btn-success {font-size: 12px;margin-bottom: 18px;}
#portfolios .text-center h3 {font-size: 24px;padding-bottom: 10px;}
#portfolios .text-center h4 {font-size: 16px;}
#portfolios .text-center p {padding: 0 0;font-size: 12px;padding-bottom: 20px;}
#portfolios h3 {font-size: 28px;padding-bottom: 20px;}
#portfolios .caption {top: 9%;left: 7%;right: 3%;}
#portfolios .caption p {font-size: 14px;letter-spacing: 0.5px;}
    #blog-page .text-block1 p {top: 105px;left: 23px;}
#blog .btn-success {font-size: 12px;margin-bottom: 18px;}
#blog .text-center h3 {font-size: 24px;padding-bottom: 18px;}
#blog .text-center h4 {font-size: 14px;padding-bottom: 40px;}
#blog-page .btn-success {font-size: 12px;margin-bottom: 18px;}
#blog-page .text-center h3 {font-size: 24px;padding-bottom: 18px;}
#blog-page .text-center h4 {font-size: 14px;padding-bottom: 40px;}
#social-media .btn-success {font-size: 12px;margin-bottom: 25px;}
#social-media .text-center h3 {font-size: 24px;padding-bottom: 18px;}
#social-media .text-center h4 {font-size: 14px;padding-bottom: 31px;}
#social-media-page .btn-success {font-size: 12px;margin-bottom: 25px;}
#social-media-page .text-center h3 {font-size: 24px;padding-bottom: 18px;}
#social-media-page .text-center h4 {font-size: 14px;padding-bottom: 31px;}
.Subscribe .btn-success {font-size: 12px;margin-bottom: 18px;}
.Subscribe .text-center h3 {font-size: 24px;padding-bottom: 18px;}
.Subscribe .text-center h4 {font-size: 14px;padding-bottom: 31px;}
footer {padding-top: 40px;}
footer .form-group {margin-bottom: 12px;}
footer .Subscribe address p:nth-child(1) {font-size: 16px;}
footer .Subscribe address p:nth-child(3) {font-size: 16px;}
footer .Subscribe address p:nth-child(1) span {font-size: 14px;}
footer .Subscribe address p:nth-child(3) span {font-size: 16px;}
.footer ul li a, .footer ul li a:hover, .footer ul li a:focus, .footer ul li a:active {font-size: 13px;padding: 5px;border: 1px solid #6dcff6;}
.footer p, .footer span a {font-size: 12px;}
.footer {padding: 10px 0;}
.footer .hidden-xs {display: none;}
.footer li {padding: 5px 0;}
.footer .logo {text-align: center;padding-bottom: 20px;}
.footer ul, .footer p {float: none; text-align: center;}
#about-us p {font-size: 12px;}
#about-us h3 {padding: 30px 0 35px;}
#about-us {padding-bottom: 0;}
#Subscribe {padding-top: 40px;}
#Subscribe .form-group {margin-bottom: 12px;}
#Subscribe address p:nth-child(1) {font-size: 16px;}
#Subscribe address p:nth-child(3) {font-size: 16px;}
#Subscribe address p:nth-child(1) span {font-size: 14px;}
#Subscribe address p:nth-child(3) span {font-size: 16px;}
#Subscribe {padding-bottom: 35px;}
#Subscribe .text-center h4 {font-size: 14px;padding-bottom: 30px;}
#Subscribe .text-center h3 {font-size: 20px;}
#social-media .box {margin-bottom: 15px;}
#social-media-page .portfolio .box {margin-bottom: 15px;}
.load-more {padding: 30px 0 30px;}
.load-more .btn-secondary {font-size: 14px;padding: 8px 16px;}
#blog .text-block1 a {left: 35px;right: 59%;}
#blog-page .buttom .blog-column1 {padding-bottom: 20px;}
#blog-page>.pages .btn-primary {font-size: 12px;width: 127px;margin: 0;}
#blog_single .heading h2 {
    font-size: 18px;
    line-height: 25px;
    padding-right: 0;
    padding-bottom: 5px;
}
#portfolios figure {
    margin: 0 0 45px;
}
    header .gradient {
    height: 1347px;
}
#blog_single .social-content .img-fluid {
    height: 250px;
}
.social-buttons h3 {
    font-size: 12px;
    padding: 8px 0;
}
    .social-buttons h3 {text-align: center;}
.mbm_social {
    float: none;
}
.mbm_social li {
    margin: 5px 5px 5px 5px;
}
.mbm_social {margin: 5px;}
.social-buttons {margin-bottom: 30px;}
    #blog_single .qutation {
    width: 100%;
}
#blog_single .content p {
    font-size: 13px;
    padding-bottom: 24px;
    line-height: 26px;
}
#blog_single .more_blog .figure-caption {
    font-size: 21px;
    padding: 20px 0 20px;
}
#blog_single .comment-box form input {
    height: 38px;
    border-radius: 0;
    margin-bottom: 15px;
}
#blog_single ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:14px;
}
#blog_single ::-moz-placeholder { /* Firefox 19+ */
  font-size:12px;
}
#blog_single :-ms-input-placeholder { /* IE 10+ */
  font-size:12px;
}
#blog_single :-moz-placeholder { /* Firefox 18- */
  font-size:12px;
}
#blog_single ::placeholder {
  font-size:12px;
}
#blog_single form textarea {height: 150px;}
#blog_single .more_blog h3 {font-size: 28px;}
#blog_single .posts h3 {font-size: 28px;}
#blog_single .comment-box h3 {font-size: 28px;}
#blog_single hr {margin-top: 1rem;}
    
}

@media screen and (max-width: 375px) {
nav span .fa {font-size: 16px;margin-left: 9px;}
.bg-primary h1 {font-size: 30px;padding-bottom: 10px;}
.bg-primary h4 {font-size: 14px;}
.parent h2 {font-size: 24px;}
.parent p {font-size: 13px;}
#portfolios .btn-success {font-size: 11px;margin-bottom: 25px;}
#portfolios .text-center h3 {font-size: 21px;padding-bottom: 10px;}
#portfolios h3 {font-size: 22px;padding-bottom: 15px;}
#portfolios .caption p {font-size: 12px;}
#blog .btn-success {font-size: 11px;margin-bottom: 25px;}
#blog .text-center h3 {font-size: 21px;padding-bottom: 10px;}
#blog h3 {font-size: 22px;padding-bottom: 15px;}
#blog .text-center h4 {font-size: 12px;padding-bottom: 40px;}
#social-media .text-center h4 {font-size: 12px;}
#social-media-page .text-center h4 {font-size: 12px;}
.Subscribe .text-center h4 {font-size: 12px;}
footer .Subscribe address p:nth-child(2) {font-size: 20px;}
footer .Subscribe address p:nth-child(2) span {font-size: 20px;}
footer .Subscribe form textarea {height: 150px;}
footer .Subscribe form input {height: 36px;}
::placeholder {font-size: 11px;}
footer .Subscribe form .btn-primary {height: 36px;}
#Subscribe .text-center h4 {font-size: 12px;}
#Subscribe address p:nth-child(2) {font-size: 20px;}
#Subscribe address p:nth-child(2) span {font-size: 20px;}
#Subscribe form textarea {height: 150px;}
#Subscribe form input {height: 36px;}
::placeholder {font-size: 11px;}
#Subscribe form .btn-primary {height: 36px;}
#Subscribe .text-center h3 {font-size: 18px;padding-bottom: 10px;}
#Subscribe .text-center h4 {padding-bottom: 30px;}
#blog-page .text-center h4 {font-size: 12px;padding-bottom: 35px;}
#blog_single .more_blog h3 {font-size: 24px;}
#blog_single .posts h3 {font-size: 24px;}
#blog_single .comment-box h3 {font-size: 24px;}
#blog_single .more_blog .figure-caption {font-size: 18px;padding: 10px 0 10px;}
header .gradient {height: 1374px;}
}

@media screen and (max-width: 320px) {
.bg-primary h1 {font-size: 25px;}
#blog-page .text-center h3 {font-size: 21px;}
#blog-page .text-block1 p {font-size: 18px;line-height: 26px;}
.parent p {padding-left: 0;padding-right: 0;}
.parent {padding-top: 35px;padding-bottom: 100px;}
#portfolios .text-center h4 {font-size: 14px;}
#portfolios .text-center h3 {font-size: 18px;padding-bottom: 6px;}
#portfolios h3 {font-size: 18px;padding-bottom: 10px;}
#portfolios h3 {font-size: 18px;padding-bottom: 14px;}
#portfolios .caption p {font-size: 12px;line-height: 17px;padding-bottom: 0;}
#portfolios .caption {top: 8%;left: 6%;right: 1%;}
#portfolios .col2 .btn-success, #portfolios .col1 .btn-success {padding: 4px 5px;letter-spacing: 0.5px;}
#blog_single .heading h2 {font-size: 16px;line-height: 22px;padding-right: 0;padding-bottom: 0;}
#blog_single .social-content .img-fluid {height: 200px;}
header .gradient {
    height: 1385px;
}
}

.fa-question-circle-o {
  color: dodgerblue;
}
.fa-gears {
  color: dodgerblue;
}
.fa-percent {
  color: dodgerblue;
}