/*-------------------------------------------------

 =  Table of Css



 1.Isotope                              

 2.Header                          

 3.General code                   

 4.content                              

 5.Portfolio page                          

 6.services page       

 8.Project page                               

 9.Single post                            

 10.About page                            

 11.Contact page



-------------------------------------------------*/



/*-------------------------------------------------------*/

/* 1. Isotope filtering

/*-------------------------------------------------------*/

.isotope-item {

    z-index: 2;

}

.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}

.isotope, .isotope .isotope-item {/* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;

    -moz-transition-duration: 0.8s;

    transition-duration: 0.8s;

}

.isotope {

    -webkit-transition-property: height, width;

    -moz-transition-property: height, width;

    transition-property: height, width;

}

.isotope .isotope-item {

    -webkit-transition-property: -webkit-transform, opacity;

    -moz-transition-property:-moz-transform, opacity;

    transition-property:transform, opacity;

}



/*-------------------------------------------------*/

/* =  Header

/*-------------------------------------------------*/



header {

    display: block;

    width: 370px;

    float: left;

    background: #fff;

    text-align: right;

    z-index: 4;

    position: relative;

}



.logo-box {

    padding: 45px 30px 25px;

    background: #000;

}



a.logo {

    display: inline-block;

    margin-bottom: 10px;

}



p.slogan {

    color: #fff;

    font-size: 24px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    font-style: italic;

    margin: 0;

    line-height: 30px;

}



.menu-box {

    background: #ffed27;

    padding: 30px 30px 15px;

}



ul.menu,

ul.archives,

ul.categories {

    padding: 0;

    margin: 0;

}



a.elemadded {

    display: none;

    color: #000000;

    font-size: 16px;

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    padding: 20px;

    background: #ffed27;

    text-decoration: none;

    border-bottom: 1px solid rgba(0,0,0,0.1);

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

}



a.elemadded:hover {

}



ul.menu li {

    list-style: none;

    margin-bottom: 10px;

}



ul.menu li a {

    position: relative;

    display: inline-block;

    color: #000000;

    font-size: 16px;

    font-family: 'Montserrat', sans-serif;

    text-transform: uppercase;

    text-decoration: none;

    line-height: 20px;

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

}



ul.menu li a.active:before {

    content: '\f0a9';

    font-family: 'FontAwesome';

    color: #000000;

    font-size: 18px;

    line-height: 20px;

    margin-right: 8px;

}



ul.menu li a:hover {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

}



.archives-box,

.categories-box {

    padding: 30px 30px 15px;

    border-bottom: 1px solid #e5e5e5;

}



.archives-box h2,

.categories-box h2 {

    font-size: 16px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 400;

    text-transform: uppercase;

    margin: 0 0 12px;

    line-height: 20px;

}



ul.archives li,

ul.categories li {

    list-style: none;

    margin-bottom: 6px;

}



ul.archives li a,

ul.categories li a {

    display: inline-block;

    color: #787878;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 20px;

    text-decoration: none;

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

}



ul.archives li a:hover,

ul.categories li a:hover {

    color: #000000;

}



.social-box {

    padding: 24px 30px;

    border-bottom: 1px solid #e5e5e5;

}



ul.social-icons {

    padding: 0;

    margin: 0;

}



ul.social-icons li {

    list-style: none;

    display: inline-block;

    margin-left: 8px;

}



ul.social-icons li:first-child {

    margin-left: 0px;

}



ul.social-icons li a {

    display: inline-block;

    margin: 0;

    text-decoration: none;

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

}



ul.social-icons li a:hover {

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    -ms-transform: scale(1.2);

}



ul.social-icons li a i {

    color: #d1d1d1;

    font-size: 22px;

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

}



ul.social-icons li a:hover i {

    color: #a1a1a1;

}



p.copyright {

    color: #787878;

    font-size: 12px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    margin: 20px 30px;

    line-height: 20px;

}



/*-------------------------------------------------*/

/* =  General code

/*-------------------------------------------------*/



html{

    height:100%;

}



body {

    background: #a9a9a9;

    height: 100%;

    opacity: 0;

}



body.active {

    opacity: 1;

	height:auto!important;

}



#container {

    height: 100%;

    opacity: 0;

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

}



#container.active {

    opacity: 1;

}



ul {

    padding: 0;

    margin: 0;

}



ul li {

    list-style: none;

}



.preloader {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 65px;

    height: 65px;

    margin-top: -32px;

    margin-left: -32px;

    -webkit-backface-visibility: hidden;

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

}



.preloader img {

    -webkit-backface-visibility: hidden;

}



/*-------------------------------------------------*/

/* =  content

/*-------------------------------------------------*/



#content {

    position: relative;

    padding-left: 370px;

    height: 100%;

}



.blog-page {

    padding: 12px;

    margin: 0;

    overflow: hidden;

    position: relative;

}



.blog-post {

    width: 33.3%;

    padding: 12px;

}



.inner-post {

    box-shadow: 0 0 8px #787878;    

}



.blog-post img {

    width: 100%;

}



.post-content {

    background: #fff;

    padding: 20px 25px;

}



.post-content h2 {

    color: #123347;

    font-size: 21px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 26px;

    margin: 0 0 4px;

}



.post-content h2 a {

    color: #123347;

}



.post-content p {

    color: #9c9c9c;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 22px;

    margin: 0 0 14px;

}



.post-tags {

    padding: 0;

    margin: 0;

}



.post-tags li {

    display: inline-block;

    margin-right: 18px;

}



.post-tags li:last-child {

    margin-right: 0px;

}



.post-tags li a {

    display: inline-block;

    color: #9a9a9a;

    font-size: 13px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    text-decoration: none;

    line-height: 22px;

}



.post-tags li a i {

    color: #818181;

    font-size: 14px;

    margin-right: 8px;

}



.link-post .post-content {

    background: rgba(17,17,17,0.7);

    border: 10px solid #e5d94e;

    padding: 20px 30px;

    text-align: center;

}



.link-post .post-content p {

    color: #fff;

    font-size: 18px;

    line-height: 26px;

    margin: 0;

}



.link-post .post-content a {

    display: inline-block;

    color: #bdbdbd;

    font-size: 14px;

    line-height: 26px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    font-style: italic;

    margin: 0;

}



.video-post iframe {

    display: block;

    width: 100%;

    height: 250px;

    border: none;

    margin: 0;

}



.quote-post .post-content {

    background: #ffed27;

    text-align: center;

    padding: 30px 34px;

}



.quote-post blockquote {

    position: relative;

    border: none;

    color: #123347;

    font-size: 23px;

    font-family: georgia;

    line-height: 26px;

    font-style: italic;

    padding: 0;

    margin-bottom: 45px;

}



.quote-post blockquote:after {

    position: absolute;

    width: 23px;

    height: 17px;

    top: 100%;

    margin-top: 10px;

    left: 50%;

    margin-left: -9px;

    background: url('../images/quote.png') center center no-repeat;

}



.quote-post span {

    color: #123347;

    font-size: 18px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    margin: 0;

}



.aside-post .post-content {

    background: #000000;

    padding: 18px 25px;

    border-left: 15px solid #ffed27; 

}



.aside-post .post-content h2 {

    color: #fff; 

}



.aside-post .post-content p {

    color: #9c9c9c;

    margin-bottom: 0;

}



.photo-post a {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 105px;

    height: 93px;

    margin-top: -46px;

    margin-left: -52px;

    background: rgba(0,0,0,0.4);

    text-align: center;

    text-decoration: none;

    line-height: 93px;

    font-family: 'Montserrat', sans-serif;

    font-size: 50px;

    color: #fff;

    font-weight: 300;

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

    transform: scale(0.0);

    -webkit-transform: scale(0.0);

    -moz-transform: scale(0.0);

    -o-transform: scale(0.0);

    -ms-transform: scale(0.0);

}



.photo-post:hover a {

    transform: scale(1.0);

    -webkit-transform: scale(1.0);

    -moz-transform: scale(1.0);

    -o-transform: scale(1.0);

    -ms-transform: scale(1.0);

}



.mfp-zoom-out-cur .mfp-image-holder .mfp-close {

    outline: none;

}



.blog-page-link {

    display: block;

    margin: 13px auto;

    width: 200px;

    padding: 18px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -o-border-radius: 4px;

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

    background: #ffed27;

    color: #000000 !important;

    font-size: 17px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 600;

    text-transform: uppercase;

    text-decoration: none!important;

}



.blog-page-link:hover {

    opacity: 0.8;

}



/*-------------------------------------------------*/

/* =  portfolio-page

/*-------------------------------------------------*/



.project-post {

    width: 24.99%;

    margin: 0;

    overflow: hidden;

}



.project-post img {

    width: 100%;

    filter: grayscale(100%); /* Current draft standard */

    -webkit-filter: grayscale(100%); /* New WebKit */

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%); 

    -o-filter: grayscale(100%);

}



.project-post .hover-box {

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.8);

    text-align: right;

}



.nicescroll-rails {

    z-index: 999999!important;

}



.project-title {

    padding: 22px 25px;

}



.project-title h2 {

    color: #ffed27;

    font-size: 16px;

    font-family: 'Montserrat', sans-serif;

    line-height: 22px;

    margin: 0;

}



.project-title span {

    color: #bcbcbc;

    font-size: 12px;

    font-family: 'Montserrat', sans-serif;

    font-style: italic;

    margin: 0;

}



.project-links {

    position: absolute;

    padding: 0 25px;

    right: 0;

    width: 100%;

    bottom: 15px;

}



.project-links li {

    display: inline-block;

    margin-left: 5px;

}



.project-links li a {

    display: inline-block;

    width: 36px;

    height: 36px;

    border: 1px solid #6e6e6e;

    text-align: center;

    text-decoration: none;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

}



.project-links li a i {

    display: inline-block;

    line-height: 36px;

    color: #fff;

    font-size: 12px;

}



.project-links li a:hover {

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    -ms-transform: scale(1.2);

}



/*-------------------------------------------------*/

/* =  services-page

/*-------------------------------------------------*/



.services-page {

    padding: 30px;

}



.services-box {

    background: #fff;

    padding: 30px;

}



.services-box .row:after,

.services-box .row:before {

    content:"";

    display: none;

}



.services-section {

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 30px;

    overflow: hidden;

}



.services-section:last-child {

    border-bottom: none;

}



.services-box h1 {

    color: #000000;

    font-size: 24px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 26px;

    margin: 0 0 5px;

}



.services-box h2 {

    color: #000000;

    font-size: 22px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 26px;

    margin: 0 0 5px;

}



.services-box p {

    color: #a3a3a3;

    font-size: 18px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 30px;

    margin: 0 0 30px;

}



.services-post {

    text-align: center;

}



.services-post a {

    display: inline-block;

    width: 114px;

    height: 114px;

    margin-bottom: 25px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    border: 1px solid #000;

    text-decoration: none;

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

}



.services-post a i {

    color: #000;

    font-size: 40px;

    line-height: 114px;

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

}



.services-post a:hover {

    background: #000;

}



.services-post a:hover i {

    color: #fff;

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

}



.services-box .services-post p {

    font-size: 14px;

}



.tab-box {

    padding: 30px;

    border: 1px solid #dbdbdb;

    min-height: 290px;

    overflow: hidden;

}



.tab-content {

    display: none;

    overflow: hidden;

}



.tab-content p {

    margin-bottom: 12px;

}



.tab-content:first-child {

    display: block;

}



ul.tab-links {

    border: 1px solid #dbdbdb;

    border-bottom: none;

    overflow: hidden;

    padding: 0;

    margin: 0;

    margin-top: 20px;

}



ul.tab-links li {

    list-style: none;

    float: left;

    width: 25%;

    text-align: center;

    border-left: 1px solid #dbdbdb; 

}



ul.tab-links li:first-child {

    border-left: none; 

}



ul.tab-links li a {

    display: inline-block;

    width: 100%;

    padding: 18px 5px;

    text-align: center;

    color: #000;

    font-size: 20px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    text-decoration: none;

    text-transform: uppercase;

    background: #fff;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

}



ul.tab-links li a:hover,

ul.tab-links li a.active {

    background: #ffed27;

}



/*-------------------------------------------------*/

/* =  project-page

/*-------------------------------------------------*/



.single-project {

    padding: 30px;

}



.single-box {

    background: #fff;

    overflow: hidden;

}



.single-box-content {

    width: 70%;

    float: left;

    border-right: 1px solid #e5e5e5;

}



.sidebar {

    width: 30%;

    float: left;

    padding: 25px;

}



.project-post-content {

    padding: 25px 30px 30px;

}



.project-post-content h1,

.sidebar h1 {

    color: #000;

    font-size: 24px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    margin: 0 0 5px;

    line-height: 30px;

}



.project-post-content p,

.about-section p {

    color: #a3a3a3;

    font-size: 18px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    margin: 0 0 25px;

    line-height: 30px;

}



.project-text {

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 25px;

}



.similar-projects h1 {

    margin-bottom: 20px;

}



.similar-projects .project-post {

    width: 33.3%;

}



.sidebar h1 {

    margin-bottom: 17px;

}



.post-info {

    margin-bottom: 26px;

}



.post-info ul li {

    padding: 14px 0;

    border-bottom: 1px solid #e5e5e5;

}



.post-info ul li:first-child {

    padding: 0 0 14px;

}



.post-info ul li span {

    display: inline-block;

    width: 32px;

    height: 32px;

    border: 1px solid #000;

    text-align: center;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    margin-right: 14px;

}



.post-info ul li span i {

    color: #000;

    line-height: 32px;

    font-size: 12px;

}



.post-info ul li a {

    text-decoration: none;

    display: inline-block;

    color: #848484;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 32px;

}



.project-gallery ul {

    overflow: hidden;

}



.project-gallery ul li {

    float: left;

    margin-right: 12px;

    margin-bottom: 12px;

}



.project-gallery ul li a {

    display: inline-block;

    max-width: 78px;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

}



.project-gallery ul li a:hover {

    opacity: 0.7;

}



.project-gallery ul li a img {

    width: 100%;

}



.project-gallery {

    margin-bottom: 14px;

}



.project-feature h1 {

    margin-bottom: 5px;

}



.project-feature ul li {

    color: #848484;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 32px;

}



.project-feature ul li:before {

    content: '\f00c';

    font-family: 'FontAwesome';

    margin-right: 8px;

}



/*-------------------------------------------------*/

/* =  single post

/*-------------------------------------------------*/



.tags-box {

    margin-bottom: 16px;

}



.tags-box ul li {

    display: inline-block;

    margin-right: 8px;

    margin-bottom: 10px;

}



.tags-box ul li a {

    display: inline-block;

    color: #a3a3a3;

    font-size: 13px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    padding: 9px 17px;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -o-border-radius: 10px;

    border: 1px solid #dbdbdb;

    text-decoration: none;

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

}



.tags-box ul li a:hover {

    color: #000;

    border: 1px solid #000;

}



.archives-sidebar ul li a {

    display: inline-block;

    color: #848484;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    text-decoration: none;

    line-height: 28px;

    transition: all 0.17s ease-in-out;

    -moz-transition: all 0.17s ease-in-out;

    -webkit-transition: all 0.17s ease-in-out;

    -o-transition: all 0.17s ease-in-out;

}



.archives-sidebar h1 {

    margin-bottom: 5px;

}



.archives-sidebar ul li a:hover {

    color: #000;

}



.comment-section h1 {

    margin-bottom: 15px;

}



.comment-box {

    overflow: hidden;

    margin-bottom: 30px;

}



.comment-box img {

    float: left;

    max-width: 80px;

}



ul.depth {

    margin-left: 100px;

}



ul.depth li {

    position: relative;

}



ul.depth li:before {

    position: absolute;

    content: '';

    width: 40px;

    height: 40px;

    top: 0;

    left: -60px;

    border-left: 1px solid #dddddd;

    border-bottom: 1px solid #dddddd;

}



.comment-content {

    padding-left: 100px;

}



.comment-content h6 {

    color: #3c3c3c;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    font-style: italic;

    line-height: 22px;

    border-bottom: 1px solid #e5e5e5;

    display: inline-block;

    margin: -4px 0 7px;

    padding-bottom: 4px;

}



.comment-content h6 span {

    color: #d1d1d1;

    font-style: normal;

}



.comment-content p {

    color: #a3a3a3;

    line-height: 26px;

}



/*-------------------------------------------------*/

/* =  about-page

/*-------------------------------------------------*/



.about-page {

    padding: 30px;

}



.about-box {

    background: #fff;

    overflow: hidden;

}



.about-content {

    width: 70%;

    float: left;

    padding: 30px 30px 0;

    border-right: 1px solid #e5e5e5;

}



.about-section > img {

    width: 100%;

    margin-bottom: 20px;

}



.about-section h1 {

    color: #000;

    font-size: 24px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    margin: 0 0 5px;

    line-height: 30px;    

}



.about-section {

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 20px;

}



.last-section {

    border: none;

    margin: 0;

}



.last-section h1 {

    margin-bottom: 20px;

}



.team-post {

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

}



.team-post img {

    width: 100%;

    -webkit-backface-visibility: hidden;

}



.team-hover {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #f8e835;

    text-align: center;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transform: scale(0);

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -o-transform: scale(0);

    overflow: hidden;

}



.team-post:hover .team-hover {

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -o-border-radius: 0;

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

}



.team-data {

    position: relative;

    top: 50%;

    margin-top: -16px;

}



.team-post h3 {

    color: #000000;

    font-size: 16px;

    font-family: 'Montserrat', sans-serif;

    line-height: 16px;

    text-transform: uppercase;

    margin: 0;

}



.team-post span {

    color: #000000;

    font-size: 13px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 16px;

    margin: 0;

}



.skills-progress {

    margin-bottom: 30px;

}



.skills-progress p {

    color: #000000;

    font-size: 13px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 26px;

    clear: both;

    margin-bottom: 0px;

}



.skills-progress p span {

    font-size: 14px;

    float: right;

}



.meter { 

    height: 33px;  /* Can be anything */

    position: relative;

    background: #fff;

    border: 1px solid #dbdbdb;

    margin-bottom: 12px;

}



.meter > span {

    display: block;

    height: 100%;

    position: relative;

    overflow: hidden;

    background: url('../images/skills-pattern.png');

}



.client-test {

    overflow: hidden;

}



.client-test img {

    float: left;

    max-width: 80px;

    margin-right: 24px;

}



.client-test h3 {

    color: #000000;

    font-size: 15px;

    font-family: 'Montserrat', sans-serif;

    font-style: italic;

    padding: 27px 25px;

    margin: 0;

    margin-left: 80px;

    line-height: 26px;

    background: #ffed27;

}



.testimonial p {

    color: #a3a3a3;

    font-size: 18px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 30px;

    margin: 0;

    padding: 16px 30px;

    border: 1px solid #ececec;

}



.testimonial {

    margin-bottom: 25px;

}



.skills-progress h1 {

    margin-bottom: 6px;

}



.services h1 {

    margin-bottom: 6px;

}



.services ul li a {

    display: inline-block;

    color: #848484;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 28px;

    text-decoration: none;

}



.services ul li {

    position: relative;

    padding-left: 11px;

}



.services ul li:before {

    content: '';

    width: 4px;

    height: 4px;

    background: #848484;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    top: 12px;

    left: 0;

    margin-right: 7px;

    position: absolute;

}



/*-------------------------------------------------*/

/* =  contact-page

/*-------------------------------------------------*/



.contact-page {

    padding-top: 30px;

}



#map {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    filter: grayscale(100%); /* Current draft standard */

    -webkit-filter: grayscale(100%); /* New WebKit */

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%); 

    -o-filter: grayscale(100%);

}



.contact-box {

    position: relative;

    z-index: 3;

    margin: 0 30px 30px;

    padding: 30px;

    background: #fff;

    max-width: 780px;

    overflow: hidden;

}



.contact-info {

    border-bottom: 1px solid #e5e5e5;

    margin-bottom: 20px;

}



.contact-box h1 {

    color: #000000;

    font-size: 24px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 26px;

    margin: 0 0 10px;

}



#contact-form h1,

.comment-form h1 {

    margin: 0 0 20px;

}



.contact-info p {

    color: #a3a3a3;

    font-size: 18px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    line-height: 30px;

    margin: 0 0 20px;

}



#contact-form {

    overflow: hidden;

}



.text-fields {

    float: left;

    width: 50%;

    padding-right: 10px;

}



.submit-area {

    float: right;

    width: 50%;

}



.comment-form {

    overflow: hidden;

}



.float-input {

    position: relative;

    padding-left: 58px;

}



.float-input span {

    position: absolute;

    width: 58px;

    height: 58px;

    border: 1px solid #eaeaea;

    top: 0px;

    left: 0px;

    z-index: 2;

    text-align: center;

}



.float-input span i {

    line-height: 32px;

    font-size: 12px;

    color: #000;

    display: inline-block;

    width: 32px;

    height: 32px;

    text-align: center;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    border: 1px solid #000;

    margin-top: 13px;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

}



#contact-form input[type="text"],

#contact-form textarea,

.comment-form input[type="text"],

.comment-form textarea {

    color: #848484;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    border: 1px solid #eaeaea;

    border-left: none;

    font-weight: 300;

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -o-border-radius: 0px;

    outline: none;

    width: 100%;

    padding: 18px;

    display: block;

    margin-bottom: 10px;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;  

}



#contact-form input[type="text"]:focus + span i,

.comment-form input[type="text"]:focus + span i {

    color: #fff;

    background: #000;

}



#contact-form textarea,

.comment-form textarea {

    height: 126px;

    border: 1px solid #eaeaea;

}



#contact-form input[type="submit"],

.comment-form input[type="submit"] {

    width: 100%;

    text-align: center;

    color: #000;

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

    padding: 19px;

    background: #ffed27;

    text-transform: uppercase;

    border: none;

    transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

}



#contact-form input[type="submit"]:hover,

.comment-form input[type="submit"]:hover {

    opacity: 0.8;

}



#contact-form .message,

.comment-form .message {

    height:20px;

    font-size:13px;

    font-family: 'Open Sans', sans-serif;

    float: none;

    margin-top: 5px;

}



#contact-form .message.error,

.comment-form .message.error {

    color:#eb2c06;

}



#contact-form .message.success,

.comment-form .message.success {

    color:#1e9397;

}

/*Custom css*/

.portfolio-page-tn header {
    min-height: 100vh;
    max-height: 100vh;
}
.portfolio-page-tn div#content {
    min-height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    padding-left: 0;
}
.portfolio-page-tn div#content .project-post {
    height: 25vh;
    position: relative !important;
    left: auto !important;
    transform: none !important;
    top: auto !important;
    float: left;
}
.portfolio-page-tn div#content .project-post img {
    height: 100%;
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    object-position: top;
    -webkit-object-position: top;
    -moz-object-position: top;
    -ms-object-position: top;
    -o-object-position: top;
}
.portfolio-page-tn div#content .inner-content {
    height: 100vh;
}
.portfolio-page-tn div#content .portfolio-page {
    height: 100vh;
}
.portfolio-page-tn div#content .tab-box-ntn {
    height: 100vh;
}
.portfolio-page-tn div#content div.tab-content-ntn {
    height: 100vh;
}
.portfolio-page-tn div#content .portfolio-box {
    min-height: 100%;
    max-height: 100%;
}
/*vw*/
.portfolio-page-tn header {
    background: url(http://myprojectstaging.com/Diginado/assets/images/portfolio/port-menu.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 50vh;
    width: 25vw;
    background-size: cover;
}
.portfolio-page-tn header .logo-box {
    background: rgb(121 33 90 / 12%);
    height: 35vh;
    text-align: right;
    position: relative;
    padding: 2.727vw 1.818vw 1.515vw;
}
.portfolio-page-tn header .social-box {
    background: rgb(121 33 90 / 12%);
    height: 30vh;
    padding: 1.455vw 1.818vw;
    padding-top: 2.424vw;
    padding-right: 1.818vw;
}
.portfolio-page-tn header .menu-box {
    height: 40vh;
    background: transparent;
    box-sizing: border-box;
    padding: 2.5vw 0 2vw;
}
.portfolio-page-tn header .logo-box p.slogan {
    font-size: .84vw;
    line-height: 1.518vw;
    font-weight: normal;
    font-style: normal;
}
.portfolio-page-tn div#content {
    width: 75vw;
}
.portfolio-page-tn header .logo-box a.logo img {
    width: 14.576vw;
}
div#container {
    width: 100vw;
    overflow: hidden;
}
.portfolio-page-tn header .logo-box a.logo {
    margin-bottom: 1vw;
}
.logo-box-in {
    position: absolute;
    bottom: 2.424vw;
    right: 1.818vw;
    padding-left: 2.424vw;
}
.portfolio-page-tn header .menu-box a.tab-link-ntn {
    padding-right: 1.818vw;
    font-size: 1vw;
    text-transform: uppercase;
    font-weight: 500;
    color: #a6929f;
    letter-spacing: .005vw;
}
.portfolio-page-tn header .menu-box a.tab-link-ntn.active {
    color: #fff;
    font-weight: 700;
    position: relative;
}
.portfolio-page-tn header .menu-box a.tab-link-ntn:focus,.portfolio-page-tn header .menu-box li:focus {
    outline: none;
}
.portfolio-page-tn header .menu-box li {
    margin-bottom: 2vw;
}
.portfolio-page-tn header .menu-box a:hover {
    text-decoration: none;
    color: #fff;
}
.portfolio-page-tn header .social-box a i {
    font-size: 1.818vw;
    margin-right: 1.212vw;
    color: #9e6e8d;
}
.portfolio-page-tn header .social-box li:last-child a i {
    margin-right: 0;
}
.portfolio-page-tn header .social-box a:hover i {
    color: #fff;
}
.project-post .hover-box {
    background: rgba(45,4,30,.8);
}
.project-links {
    position: static;
    padding: 0 1.515vw;
}
.hover-box-in {
    position: absolute;
    top: 50% !important;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}
.project-links li a {
    border: 0;
    width: 3.03vw;
    height: 3.03vw;
    background: url(http://myprojectstaging.com/Diginado/assets/images/portfolio/plus.png);
    color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 3.03vw;
}
.project-links li a i {
    font-weight: 300;
    font-size: 1.818vw;
    color: transparent;
    line-height: 2.182vw;
}
.project-links li {
    margin: 0;
}
div.project-title h2 {
    font-size: 1.091vw;
    font-weight: 700;
    color: #fff;
    padding-bottom: 0.909vw;
    position: relative;
    margin-bottom: 0.606vw;
    line-height: 1.333vw;
    letter-spacing: 0.05vw;
}
div.project-title h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 3.03vw;
    border-bottom: 0.242vw solid #a3086b;
    left: 50%;
    transform: translateX(-50%);
}
.project-title span {
    font-size: 0.758vw;
    font-weight: normal;
    font-style: normal;
    color: #fff;
}
body {
    font-size: 0.848vw;
}
.portfolio-page-tn header .menu-box li:last-child {
    margin-bottom: 0;
}
.project-title {
    padding: .5vw 1.515vw 0;
}
img.mfp-img {
    height: 80vh;
    width: auto;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    right: -0.364vw;
    padding-right: 0.364vw;
    height: 2.667vw;
    line-height: 2.667vw;
    font-size: 1.697vw;
}
img.mfp-img {
    padding: 2.424vw 0 2.424vw;
}
.mfp-bottom-bar {
    margin-top: -2.182vw;
}
.mfp-title {
    line-height: 1.091vw;
    padding-right: 2.182vw;
}
.mfp-counter {
    font-size: 0.727vw;
    line-height: 1.091vw;
}
.mfp-preloader {
    margin-top: -0.8em;
    left: 0.485vw;
    right: 0.485vw;
}
.mfp-figure:after {
    opacity: 0;
}
a.zoom-image-tn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.portfolio-page-tn header .menu-box a.tab-link-ntn.active:before {
    content: '';
    position: absolute;
    right: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
}
.project-post {
    width: 25%;
}
.portfolio-page-tn div#content div.tab-content-ntn.digital-markrting .project-post {
    height: 50vh;
    width: 50%;
}
.portfolio-page-tn div#content  .app-dev .project-post {
    width: 50%;
    height: 100vh;
}
/**/
.modal-content-portfolio .modal-header {
    padding: 0;
    position: absolute;
    top: -20px;
    right: 0px;
    color: #fff;
}
.modal-content-portfolio .modal-header button {
    color: #fff;
    opacity: 1;
    font-weight: 300;
    font-size: 22px;
}
.modal-content-portfolio .modal-header button:focus{
    outline: none;
}
.modal-content-portfolio img {
    width: 100%;
}
.modal-content-portfolio .modal-body {
    padding: 0;
}
.modal-content-portfolio h4 {
    margin-top: 0;
    font-size: 21px;
    font-weight: 600;
    font-family: Poppins;
    color: #1d1d1d;
}
.modal-content-portfolio .bottom-modal-content {
    padding: 30px 20px;
}
.modal-content-portfolio p {
    font-size: 14px;
    color: #1d1d1d;
    font-weight: 400;
    font-family: Poppins;
}
.inner-model-bottom .col-lg-9 {
    padding-left: 5px;
}
.modal-content.modal-content-portfolio {
    width: 100% !important;
    height: auto;
    object-fit: cover;
}
.inner-model-bottom .col-lg-3 img {
    width: auto;
    max-width: 100%;
}
.inner-model-bottom .col-lg-3 {
    text-align: center;
}
.portfolio-body .modal-dialog {
    top: 50%;
    transform: translate(-50%, -50%) !important;
    position: absolute;
}
.portfolio-body img.mfp-img {
    max-width: 80%;
}
div#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #1e1e1e;
    z-index: 1000000;
    top: 0;
    left: 0;
    text-align: center;
}
div#preloader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 200px;
}
/*200 to 599*/
@media(min-width:200px) and (max-width: 599px){
    div#container.portfolio-page-tn {
        overflow: auto;
        display: flex;
    }
    .portfolio-page-tn header {
        max-height: unset;
        width: 40%;
        float: left;
    }
    .portfolio-page-tn header .logo-box {
        height: auto;
        padding: 20px 15px;
    }
    .portfolio-page-tn header .logo-box p.slogan {
        font-size: 10px;
        line-height: 1.4;
        display: block;
    }
    .logo-box-in {
        position: static;
        width: 100%;
        padding-left: 0;
    }
    .portfolio-page-tn header .logo-box a.logo {
        margin-bottom: 15px;
    }

    .portfolio-page-tn header .logo-box a.logo img {
        width: 80%;
    }
    .portfolio-page-tn header .menu-box {
        height: auto;
        display: block !important;
    }
    .portfolio-page-tn header .social-box {
        height: auto;
        padding: 15px 15px;
        text-align: right;
    }
    .portfolio-page-tn header .menu-box li {
        margin-bottom: 10px;
    }
    .portfolio-page-tn header .menu-box a.tab-link-ntn {
        padding-right: 15px;
        font-size: 10px;
        text-transform: capitalize;
        width: 100%;
        display: inline-block;
        text-align: right;
    }
    .portfolio-page-tn header .menu-box a.tab-link-ntn.active {
        color: #fff;
    }
    .portfolio-page-tn header .menu-box a.tab-link-ntn.active:before {
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        border-right: 7px solid #fff;
    }
    .portfolio-page-tn header .social-box a i {
        font-size: 10px;
    }
    .portfolio-page-tn div#content {
        width: 60%;
        max-height: unset;
        overflow: auto;
        float: left;
    }
    .portfolio-page-tn div#content .inner-content {
        height: auto;
    }
    .portfolio-page-tn div#content .portfolio-page {
        height: auto;
    }
    .portfolio-page-tn div#content .tab-box-ntn {
        height: auto;
    }
    .portfolio-page-tn div#content div.tab-content-ntn {
        height: auto;
    }
    .portfolio-page-tn div#content .portfolio-box {
        max-height: unset;
        height: auto !important;
    }
    .portfolio-page-tn div#content .project-post img {
        width: 100%;
        height: auto;
    }
    .portfolio-page-tn div#content div.tab-content-ntn.digital-markrting .project-post {
        width: 100%;
        height: auto;
    }
    .portfolio-body .modal-dialog {
        top: auto;
        position: static;
        transform: none !important;
        margin-top: 30px;
    }
    .portfolio-page-tn div#content .app-dev .project-post {
        width: 100%;
        height: auto;
    }
    .inner-model-bottom .col-lg-3 {
        margin-bottom: 15px;
    }
    .inner-model-bottom .col-lg-9 {
        text-align: center;
        padding-left: 15px;
    }
    div.project-title h2 {
        font-size: 12px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        line-height: 1;
        letter-spacing: .5px;
    }
    .project-title span {
        font-size: 9px;
        line-height: 1.4;
    }
    .project-links li a i {
        font-size: 12px;
    }
    .project-links li a {
        width: 20px;
        height: 20px;
        background-size: 20px;
        z-index: 100;
        margin-bottom: 6px;
    }
    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
        right: 0;
        padding-right: 0px;
        height: auto;
        line-height: 0;
        font-size: 20px;
    }
    div#preloader img {
        max-width: 150px;
    }
}
/*600 to 767*/
@media(min-width:600px) and (max-width: 767px){
    div#container.portfolio-page-tn {
        overflow: auto;
        display: flex;
    }
    .portfolio-page-tn header {
        max-height: unset;
        width: 40%;
        float: left;
    }
    .portfolio-page-tn header .logo-box {
        height: auto;
        padding: 20px 15px;
    }
    .portfolio-page-tn header .logo-box p.slogan {
        font-size: 12px;
        line-height: 1.4;
        display: block;
    }
    .logo-box-in {
        position: static;
        width: 100%;
        padding-left: 0;
    }
    .portfolio-page-tn header .logo-box a.logo {
        margin-bottom: 15px;
    }

    .portfolio-page-tn header .logo-box a.logo img {
        width: 80%;
    }
    .portfolio-page-tn header .menu-box {
        height: auto;
        display: block;
    }
    .portfolio-page-tn header .social-box {
        height: auto;
        padding: 15px 15px;
        text-align: right;
    }
    .portfolio-page-tn header .menu-box li {
        margin-bottom: 10px;
    }
    .portfolio-page-tn header .menu-box a.tab-link-ntn {
        padding-right: 15px;
        font-size: 12px;
        text-transform: capitalize;
        width: 100%;
        display: inline-block;
        text-align: right;
    }
    .portfolio-page-tn header .menu-box a.tab-link-ntn.active {
        color: #fff;
    }
    .portfolio-page-tn header .menu-box a.tab-link-ntn.active:before {
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        border-right: 7px solid #fff;
    }
    .portfolio-page-tn header .social-box a i {
        font-size: 12px;
    }
    .portfolio-page-tn div#content {
        width: 60%;
        max-height: unset;
        overflow: auto;
        float: left;
    }
    .portfolio-page-tn div#content .inner-content {
        height: auto;
    }
    .portfolio-page-tn div#content .portfolio-page {
        height: auto;
    }
    .portfolio-page-tn div#content .tab-box-ntn {
        height: auto;
    }
    .portfolio-page-tn div#content div.tab-content-ntn {
        height: auto;
    }
    .portfolio-page-tn div#content .portfolio-box {
        max-height: unset;
        height: auto !important;
    }
    .portfolio-page-tn div#content .project-post img {
        width: 100%;
        height: auto;
    }
    .portfolio-page-tn div#content div.tab-content-ntn.digital-markrting .project-post {
        width: 100%;
        height: auto;
    }
    .portfolio-body .modal-dialog {
        top: auto;
        position: static;
        transform: none !important;
        margin-top: 30px;
    }
    .portfolio-page-tn div#content .app-dev .project-post {
        width: 100%;
        height: auto;
    }
    .inner-model-bottom .col-lg-3 {
        margin-bottom: 15px;
    }
    .inner-model-bottom .col-lg-9 {
        text-align: center;
        padding-left: 15px;
    }
    div.project-title h2 {
        font-size: 14px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        line-height: 1;
        letter-spacing: .5px;
    }
    .project-title span {
        font-size: 11px;
        line-height: 1.4;
    }
    .project-links li a i {
        font-size: 14px;
    }
    .project-links li a {
        width: 22px;
        height: 22px;
        background-size: 22px;
        z-index: 100;
        margin-bottom: 6px;
    }
    .portfolio-page-tn div#content .project-post {
        width: 100%;
    }
    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
        right: 0;
        padding-right: 0px;
        height: auto;
        line-height: 0;
        font-size: 20px;
    }
    div#preloader img {
        max-width: 150px;
    }
}
/*768 to 980*/
@media(min-width:768px) and (max-width: 980px){
    div#container.portfolio-page-tn {
        overflow: auto;
        display: flex;
        background-color: #fff;
    }
    .portfolio-page-tn header {
        max-height: unset;
        width: 30%;
        float: left;
        height: auto !important; 
    }
    .portfolio-page-tn header .logo-box {
        height: auto;
        padding: 30px 20px;
    }
    .portfolio-page-tn header .logo-box p.slogan {
        font-size: 14px;
        line-height: 1.4;
        display: block;
    }
    .logo-box-in {
        position: static;
        width: 100%;
        padding-left: 0;
    }
    .portfolio-page-tn header .logo-box a.logo {
        margin-bottom: 15px;
    }
    .portfolio-page-tn header .logo-box a.logo img {
        width: 80%;
    }
    .portfolio-page-tn header .menu-box {
        height: auto;
        display: block;
    }
    .portfolio-page-tn header .social-box {
        height: auto;
        padding: 20px 20px;
        text-align: right;
    }
    .portfolio-page-tn header .menu-box li {
        margin-bottom: 10px;
    }
    .portfolio-page-tn header .menu-box a.tab-link-ntn {
        padding-right: 20px;
        font-size: 14px;
        text-transform: capitalize;
        width: 100%;
        display: inline-block;
        text-align: right;
    }
    .portfolio-page-tn header .menu-box a.tab-link-ntn.active {
        color: #fff;
    }
    .portfolio-page-tn header .menu-box a.tab-link-ntn.active:before {
        border-bottom: 8px solid transparent;
        border-top: 8px solid transparent;
        border-right: 8px solid #fff;
    }
    .portfolio-page-tn header .social-box a i {
        font-size: 14px;
    }
    .portfolio-page-tn div#content {
        width: 70%;
        max-height: unset;
        overflow: auto;
        float: left;
        background-color: #fff;
    }
    .portfolio-page-tn div#content .inner-content {
        height: auto;
    }
    .portfolio-page-tn div#content .portfolio-page {
        height: auto;
    }
    .portfolio-page-tn div#content .tab-box-ntn {
        height: auto;
    }
    .portfolio-page-tn div#content div.tab-content-ntn {
        height: auto;
    }
    .portfolio-page-tn div#content .portfolio-box {
        max-height: unset;
        height: auto !important;
    }
    .portfolio-page-tn div#content .project-post img {
        width: 100%;
        height: 100%;
    }
    .portfolio-page-tn div#content div.tab-content-ntn.digital-markrting .project-post {
        width: 50%;
        height: auto;
    }
    .portfolio-body .modal-dialog {
        top: auto;
        position: static;
        transform: none !important;
        margin-top: 30px;
    }
    .portfolio-page-tn div#content .app-dev .project-post {
        width: 50%;
        height: auto;
    }
    .inner-model-bottom .col-lg-3 {
        margin-bottom: 15px;
    }
    .inner-model-bottom .col-lg-9 {
        text-align: center;
        padding-left: 20px;
    }
    div.project-title h2 {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        line-height: 1;
        letter-spacing: .5px;
    }
    .project-title span {
        font-size: 13px;
        line-height: 1.4;
    }
    .project-links li a i {
        font-size: 16px;
    }
    .project-links li a {
        width: 24px;
        height: 24px;
        background-size: 24px;
        z-index: 100;
        margin-bottom: 8px;
    }
    .portfolio-page-tn div#content .project-post {
        width: 50%;
    }
    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
        right: 0;
        padding-right: 0px;
        height: auto;
        line-height: 0;
        font-size: 22px;
    }
}