/*TABLE OF CONTENTS */
    /*
    01 Custom css starts
    02 Header NavBar css starts
    03 Services css starts
    04 About css starts
    05 What We Do css starts
    06 Our Creatives css starts
    07 Pricing List css starts
    08 LAtest Blog css starts
    09 Testimonials css starts
    11 Footer css starts
    10 Join With Us css starts
    11 Responsive css starts
    12 top to bottom button

    */
 /*====== 01 Custom css starts ======= */
 body{
     font-size: 15px;
     overflow-x: hidden;
     background-color: #fff;
     font-family: 'Open Sans', sans-serif;
 }
 h1{
    line-height: 1.8;
 }
 h2.title-sec, h2.title-center{
     position: relative;
     color: #1b8bf9;
     text-transform: uppercase;
     padding-bottom: 50px;
     letter-spacing:1px;
 }
 ul{
     list-style: none;
     padding-left: 0;
 }
 .text-center{
     text-align: center;
 }
 .d-flex{
     display: flex;
     align-items:center;
 }
 .title-sec:before{
     position: absolute;
     content: "";
     width: 100px;
     background: #000;
     bottom: 35px;
     left: 0;
     height:2px;
 }
 .title-center:before{
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 35px;
 width: 100px;
 height: 2px;
 background-color: #000;
 margin: auto;
 }

 .section-bg{
     background-color: #f3f3f3;
     padding: 60px 0;
 }
 .section-tb{
     padding: 60px 0;
 }
 /*Social Icon Start*/
 .socials-icon {
     float: right;
     padding: 27px 0;
 }
 .socials-icon li {
     float: left;
     padding-left: 10px;
     padding-right: 10px;
 }
 .socials-icon li a{
     color: #000;
     font-size: 15px;
 }
 .socials-icon li a:hover{
     color: #1b8bf9;
 }
 /*Social Icon Start*/

 /*====== 02 Header NavBar css starts ======= */
 .affix {
     top: 0;
     width: 100%;
     background-color:rgba(0, 0, 0, 0.76);
     position: fixed;
 }
 #header-bg{
     height: 600px;
 }
 #home-header h1,#home-header span{
     text-transform: uppercase;
     color: #fff;
     margin-bottom: 35px;
 }
 #home-header span{
     color: #1b8bf9;
 }
 #home-header.home-content h1,#home-header.home-content span,#home-header.home-content p{
     text-align: left;
     font-size: 37px;
 }
 #home-header.home-content p{
     font-size: 20px;
 }
 #home-header .btn-inverse-default{
     background-color: transparent;
     border: 2px solid #fff;
     color: #757575;
 }
 #home-header p{
     color: #fff;
     margin: 60px 0;
 }
 .bg-inverse{
     background-color: #000 !important;
     border-radius: inherit;
 }
 .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.open:focus, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover{
     color: #1b8bf9;
 }
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
     color: #1b8bf9;
 }
.navbar-nav li.nav-item a.nav-link{
    color: #fff;
}

 .navbar-nav .nav-item+.nav-item{
     margin-left: 40px;
 }
 @media (min-width: 320px) {
 .nav {
     float: left;
 }
     .navbar-nav .nav-item+.nav-item{
         margin-left: 0;
     }
 }
 @media (min-width: 768px) {
     .navbar-nav .nav-item+.nav-item{
         margin-left: 40px;
     }
     .nav {
         float: right;
     }
 }
 /*====== 03 Services css starts ======= */
 .ourpro-icon-wrap {
     text-align: center;
     margin: 0 auto;
     padding: 2em 0 3em;
 }
 .ourpro-icon {
     display: inline-block;
     font-size: 0;
     cursor: pointer;
     margin: 20px 30px;
     width: 90px;
     height: 90px;
     border-radius: 50%;
     text-align: center;
     position: relative;
     z-index: 1;
     color: #fff;
 }
 .ourpro-icon:after {
     pointer-events: none;
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     content: '';
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
 }
 .ourpro-icon:before {
     speak: none;
     font-size: 35px;
     line-height: 90px;
     display: block;
     -webkit-font-smoothing: antialiased;
 }
 .box-process h6 , .box-process p{
     color: #222;
     margin-bottom: 15px;
 }
 /* Effect 8 */
 .ourpro-icon-effect-8 .ourpro-icon {
     background: #1b8bf9;
     -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
     -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
     transition: transform ease-out 0.1s, background 0.2s;
 }
 .ourpro-icon-effect-8 .ourpro-icon:after {
     top: 0;
     left: 0;
     padding: 0;
     z-index: -1;
     box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
     opacity: 0;
     -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
     -ms-transform: scale(0.9);
     transform: scale(0.9);
 }
 .ourpro-icon-effect-8 .ourpro-icon:hover {
     background: #1b8bf9;
     -webkit-transform: scale(0.93);
     -moz-transform: scale(0.93);
     -ms-transform: scale(0.93);
     transform: scale(0.93);
     color: #fff;
 }
 .ourpro-icon-effect-8 .ourpro-icon:hover:after {
     -webkit-animation: sonarEffect 1.3s ease-out 75ms;
     -moz-animation: sonarEffect 1.3s ease-out 75ms;
     animation: sonarEffect 1.3s ease-out 75ms;
 }
 @-webkit-keyframes sonarEffect {
     0% {
         opacity: 0.3;
     }
     40% {
         opacity: 0.5;
         box-shadow: 0 0 0 2px #1b8bf9, 0 0 10px 10px #00b9f5, 0 0 0 10px #00ACED;
     }
     100% {
         box-shadow: 0 0 0 2px #1b8bf9, 0 0 10px 10px #00b9f5, 0 0 0 10px #00ACED;
         -webkit-transform: scale(1.5);
         opacity: 0;
     }
 }
 @-moz-keyframes sonarEffect {
     0% {
         opacity: 0.3;
     }
     40% {
         opacity: 0.5;
         box-shadow: 0 0 0 2px #1b8bf9, 0 0 10px 10px #00b9f5, 0 0 0 10px #00ACED;
     }
     100% {
         box-shadow: 0 0 0 2px #1b8bf9, 0 0 10px 10px #00b9f5, 0 0 0 10px #00ACED;
         -moz-transform: scale(1.5);
         opacity: 0;
     }
 }
 @keyframes sonarEffect {
     0% {
         opacity: 0.3;
     }
     40% {
         opacity: 0.5;
         box-shadow: 0 0 0 2px #1b8bf9, 0 0 10px 10px #00b9f5, 0 0 0 10px #00ACED;
     }
     100% {
         box-shadow: 0 0 0 2px #1b8bf9, 0 0 10px 10px #00b9f5, 0 0 0 10px #00ACED;
         transform: scale(1.5);
         opacity: 0;
     }
 }
 /*====== 04 About css starts ======= */
 .about-sec .title-center:before{
     margin: 0;
 }
 .about-sec img{
     width: 100%;
 }
 .about-sec li ,.header-back-text li{
     font-size: 15px;
     padding-left: 30px;
     position: relative;
 }
 .about-sec li:last-child{
     margin-bottom: 0;
 }
 .about-sec li i {
     font-size: 20px;
     left: 0;
     position: absolute;
     top: 1px;
     color: #1b8bf9;
 }
 .about-sec p{
     padding-bottom: 25px;
     text-transform: capitalize;
 }
 /*====== 05 What We Do css starts ======= */
 .grid-item{
     margin-bottom: 30px;
 }
 .port-filt-group ul{
     margin-bottom: 50px;
     list-style: none;
 }
 .port-filt-group ul li{
     display: inline-block;
     position: relative;
 }
 .portfolioFilter li button{
     background: none;
     font-size: 18px;
     text-transform: capitalize;
     font-weight: 400;
     margin: 0 15px;
     box-shadow: none;
 }
 .portfolioFilter li + li:before{
     content: "";
     padding: 10px 1px 10px 0;
     background-color: #111;
     position: absolute;
     left: 0;
     top: 10px;
 }
 .port-filt-group ul li a{
     font-size: 18px;
     text-transform: uppercase;
     color: #111;
     text-decoration: none;
     font-weight: 600;
 }
 .port-filt-group ul li a:hover{
     color: #1b8bf9;
 }
 .portfolioContainer img {
     cursor: pointer;
     width: 100%;
 }
 .portfolioFilter li button:hover,.portfolioFilter li button.current{
     color: #1b8bf9;
 }
 .port-main{
     position: relative;
 }
 .port-main img{
     width: 100%;
     cursor: pointer;
 }
 .port-main:hover .port-content{
     transform:scale(1);
     cursor: pointer;
 }
 .port-content{
     background:rgba(0,0,0,0.6);
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     transition: all 0.35s linear 0s;
     -moz-transition: all 0.35s linear 0s;
     -o-transition: all 0.35s linear 0s;
     -webkit-transition: all 0.35s linear 0s;
     -ms-transition: all 0.35s linear 0s;
     transform:scale(0);
 }
 .port-text{
     width: 100%;
 }
 .port-text i{
     font-size: 46px;
     color: #fff;
 }
 .port-text h4{
     color: #fff;
     text-transform: capitalize;
     font-weight: inherit;
 }
 /*====== 06 Our Creatives css starts ======= */
 .team-block{
     position: relative;
     cursor: pointer;
 }
 .team-block img{
     width: 100%;
 }
 .img-hover{
     opacity: 0;
 }
 .team-block:hover .img-hover{
     position: absolute;
     background-color: rgba(0,0,0,0.60);
     height: 100%;
     width: 100%;
     top:0;
     left:0;
     right: 0;
     overflow: hidden;
     opacity: 1;
 }
 .team-desc {
     background: #fff;
     padding-bottom: 10px;
     border-radius: 5px;
     position: relative;
     z-index: 2;
     box-shadow: 0 10px 28px rgba(0, 0, 0, 0.19);
 }
 .team-name {
     padding: 10px 0;
 }
 .team-position p {
     color: #1b8bf9;
 }
 .team-socials {
     display: inline-block;
     padding-top: 15px;
     padding-left: 0;
 }
 .team-socials li {
     float: left;
     padding-right: 5px;
     padding-left: 5px;
 }
 .team-socials li a {
     color: #2d2d2d;
 }
 .team-socials i {
     transition-duration: 0.4s;
     cursor: pointer;
     font-size: 20px;
 }
 .team-socials .fb i:hover {
     color: #3A5795;
     transition-duration: 0.4s;
 }
 .team-socials .twt i:hover {
     color: #1DA1F2;
     transition-duration: 0.4s;
 }
 .team-socials .skype i:hover {
     color: #00AFF0;
     transition-duration: 0.4s;
 }
 .team-socials .l_in i:hover {
     color: #0077B5;
     transition-duration: 0.4s;
 }
 .team-block:hover.img-hover {
     bottom: 0;
     transition: .3s;
 }

 .team-desc {
     transition-duration: 0.5s;
 }
 .team-block:hover .team-desc {
     box-shadow: 0 10px 28px rgba(0, 0, 0, 0.19);
     transition-duration: 0.5s;
 }
 /*====== 07 Pricing List css starts ======= */

 .pricing-table {

     position: relative;
     margin: 20px 0;
     padding: 29px 29px 29px;
     border-radius: 4px;
     background-color: #ffffff;
     border-top: 10px solid #000;
     -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.025);
     box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
     transition: transform 1.5s ease 0s;
 }
 .pricing-table:hover{
     border-top: 10px solid #1b8bf9;
 }
 .pricing-table:hover{
     transition-duration: 0.6s;
     transform: scale(1.10);
 }
 .pricing-table-header{
     position: relative;
     min-height: 50px;
     margin-bottom: 30px;
 }
 .pricing-table h3{
     color: #111;
 }
 .pricing-table-header .price {
     position: absolute;
     top: 0;
     right: 0;
     max-width: 80px;
     margin-top: -10px;
     text-align: right;
     color: #1b8bf9;
 }
 .pricing-table-header .price-currency{
     font-size: 18px;
     line-height: 1;
 }
 .pricing-table-header .price-number {
     font-size: 40px;
     line-height: 1;
 }
 .pricing-table-header .price-period{
     display: block;
     font-size: 15px;
     line-height: 1;
     color: #666666;
 }
 .free-pricing{
     display: inline-block;
 }
 .pricing-new{
     color: #fff;
     background-color: #1b8bf9;
     font-size: 15px;
     font-weight: 700;
     padding: 8px 15px;
     border-radius: 20px;
     margin-left: 15px;
     display: inline-block;
     text-transform: uppercase;
 }
 .pricing-table-items{
     list-style: none;
     padding: 0;
     margin:0 0 30px 0;
 }
 .pricing-table-items li{
     position: relative;
     padding-left: 40px;
     margin: 15px 0;
 }
 .pricing-table-items li i{
     position: absolute;
     top: 5px;
     left: 5px;
     width: 18px;
     font-size: 18px;
     line-height: 1;
     text-align: center;
 }
 .pricing-table-items li i.icofont-check{
     color: #1b8bf9;
 }
 .pricing-table-items li i.icofont-close{
     color: #666666;
 }
 .signup-btn{
     position: absolute;
     text-align: center;
     right: 0;
     left: 0;
 }
 .signup-btn .btn-primary{
     letter-spacing: 1px;
     font-size: 16px;
     padding: 10px 20px;
 }
 .signup-btn .btn-primary:hover{
     background-color: #fff;
     border: 2px solid #1b8bf9;
     color: #222;
 }
 /*====== 08 LAtest Blog css starts  ======= */
 .testimonial-bg{
     min-height: 500px;
 }
 .blog-img {
     position: relative;
 }
 .blog-details{
     box-shadow: 0 3px 22px rgba(0, 0, 0, 0.12);
     padding: 15px;
 }
 .blog-details h6 {
     margin-top: 15px;
     margin-bottom: 10px;
     color: #1b8bf9 !important;
 }
 .blog-hover-detail h5,.blog-hover-detail i{
     color: #fff;
     text-transform: uppercase;
 }
 .blog-details h5 {
     color: #222;
     margin-bottom: 15px;
 }
 .date-blog span{
     color: #666;
     margin-right: 8px;
     font-size: 14px;
 }
 .blog-details .read-more a{
     color: #1b8bf9;
 }
 .date-blog i{
     color: #666666;
     padding: 3px;
 }
 .blog-details p {
     text-align: left;
     color: #9a9a9a;
     margin-bottom: 10px;
 }
 .item img {
     padding: 5px;
     box-shadow: 5px 5px 5px -7px #ccc;
 }
 .blog-hover-detail {
     top: 0;
     transition: all 0.3s ease-in-out;
     transform: scale(0);
     width: 100%;
     height: 100%;
     position: absolute;
     border: 5px #fff solid;
     background-color: #1b8bf9  ;
 }
 .item:hover .blog-hover-detail {
     transform: scale(1.0);
     background-color: rgba(27, 139, 249, 0.61);
 }
 .blog-hover-detail h5{
     margin-bottom: 15px;
 }
 /*====== 09 Testimonials css starts  ======= */
 .testimonial-bg h2.title-center {
     color: #fff;
 }
 .testimonial-bg h2.title-center:before{
     background-color: #fff;
 }
 .testimonial-slider {
     text-align: center;
     color: #fff;
     margin: 0 auto;
 }
 .testimonial-thumbs {
     position: relative;
     margin: 0 auto;
     cursor: pointer;
 }
 .testimonial-thumbs .slick-slide img {
     width: 60px;
     height: 60px;
     border: 1px solid #fff;
     border-radius: 35px;
     cursor: pointer;
     display: inline-block;
     margin: 20px 0;
 }
 .testimonial-thumbs .slick-current img {
     border: 1px solid transparent;
 }
 .testimonial-thumbs .slick-current h4 {
     color: #0095f4;
 }
 .testimonial-slider p {
     font-weight: 300;
     line-height: 1.9;
     color: #fff;
     font-size: 14px;
 }
 .testimonial-thumbs h5 {
     color: #1b8bf9;
     text-align: center;
     margin-bottom: 10px;
     text-transform: capitalize;
     letter-spacing: 1px;
 }
 .testimonial-thumbs h6 {
     font-size: 14px;
     color: #fff;
     text-align: center;
     letter-spacing: 1px;
 }
 /*slick slider Dots css*/
 .slick-dots
 {
     position: absolute;
     bottom: -25px;
     display: block;
     width: 100%;
     padding: 0;
     margin: -35px 0;
     list-style: none;
     text-align: center;
 }
 .slick-dots li
 {
     position: relative;
     display: inline-block;
     width: 10px;
     height: 10px;
     margin: 0 5px;
     padding: 0;
     cursor: pointer;

 }
 .slick-dots li button
 {
     font-size: 0;
     line-height: 0;
     display: block;
     width: 10px;
     height: 10px;
     padding: 4px;
     cursor: pointer;
     color: transparent;
     outline: none;
     background: transparent;
     border: 2px solid #1b8bf9;
     border-radius: 50px;
 }
 .slick-dots li button:hover,
 .slick-dots li button:focus
 {
     outline: none;
 }
 .slick-dots li button:hover:before,
 .slick-dots li button:focus:before
 {
     opacity: 1;
 }
 .slick-dots li button:before
 {
     font-family: 'FontAwesome';
     font-size: 13px;
     line-height: 13px;
     position: absolute;
     top: 0;
     left: 0;
     width: 10px;
     height: 10px;
     content: '\f111';
     text-align: center;
     opacity: 0;
      color: #0487cc;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;

 }
 .slick-dots li.slick-active button:before
 {
     opacity: 1;
     color: #0487cc;
 }

 /*====== 10 Join With Us css starts  ======= */
 .join-us{
     background-color: #1b8bf9;
     color: #fff;
     padding: 45px 0;
 }
 .join-us h3{
     text-transform: uppercase;
     font-weight: 300;
     font-size: 24px;
     letter-spacing: 1px;
 }
 /*====== 11 Footer css starts  ======= */

 .footer-header{
     position: relative;
     color: #fff;
 }
 .footer p ,footer h5{
     font-size: 14px;
     color: #fff;
     font-weight: 300;
 }
 .footer-menu i,.footer-about i{
     top: 0;
     left: 0;
     position: absolute;
 }
 .footer-about li,.footer-menu li{
     position: relative;
 }
 .footer h5{
     margin: 15px 25px;
 }
 .footer-menu  h5:hover{
     color:#0095f4 ;
 }
 .footer h3{
     margin-top: 0;
     margin-bottom: 40px;
     font-size: 20px;
 }
 .footer li img {
     width: 80px;
     height: 80px;
     margin-right: 1px;
 }
 .footer-gallery ul li {
     position: relative;
     display: inline-block;
 }
 .footer-gallery li .footer-hvr-effect{
     top: 0;
     position: absolute;
     width: 100%;
     height: 100%;
     opacity: 0.65;
     background-color: #1b8bf9;
     transform: scale(0);
     transition: all 0.3s ease-in-out;

 }
 .footer-gallery li:hover .footer-hvr-effect{
     transition: all 0.3s ease-in-out;
     transform: scale(1);
 }
 .footer-news .form-control{
     height: 35px;
 }
 .footer-news h5{
     margin: 0;
 }
 .footer-news button{
     top: -35px;
     float: right;
     background-color:#1b8bf9;
     border-radius: 0;
 }
 .copyright h5{
     background-color: #222222;
     color: #fff;
     padding:20px 0;
     margin: 0;
     font-size: 15px;
     font-weight: 100;
 }
 .subscribe-btn{
     margin:30px 0;
 }
 .subscribe-btn .form-control {
     height: 35px;
     box-shadow: none;
     border: none;
     padding: 6px 12px;
     width: 180px;
 }
 .subscribe-btn .input-group-btn button {
     background: #fff;
 }
 .subscribe-btn .btn{
     top:0;
     position: absolute;
     height: 100%;
 }
 .subscribe-btn .btn i{
   color: #fff;
 }
 .footer-web h5{
     margin-bottom: 0;
 }
 footer p{
     margin-bottom: 10px;

 }
 .footer .fa-angle-double-right{
     color: #fff;
     font-size: 20px;
 }
 .footer-about i{
     color: #0095f4;
     margin-right: 4px;
 }
 .follow-sec .team-socials li i{
     color: #fff;
 }
 .footer-menu ul li h5{
     margin:0 18px 15px;
 }
 /*====== 12 Responsive css starts  ======= */
 @media only screen and (max-width: 1900px){
     .about-sec .tablet-sc{
         margin: 50px 0;
     }
 }
 @media only screen and (max-width: 991px) {
     .team .team-block{
           margin-bottom: 30px;
       }
     .team .team-block:last-child{
         margin-bottom: 30px;
     }
     .navbar-light .navbar-toggler{
         background: url("../images/landingpage/menu.png");
     }
     .navbar-toggler{
         border-radius: 0.25rem;
         font-size: 1.25rem;
         height: 2em;
         line-height: 1;
         padding: 0.5rem 0.75rem;
         width: 2.5em;
     }
     .navbar-nav .nav-item + .nav-item{
         margin-left: 0;
     }
     #navbarResponsive{
         float: left;
     }
     #home-header.home-content h1, #home-header.home-content span{
         font-size: 25px;
     }
     #home-header .btn-md{
         padding: 10px 13px;
     }
     /*portfolio start css*/
     .port-text h4{
         font-size: 16px;
     }
     .pricing-table h3{
         font-size: 20px;
     }
     /*footer start*/
     .footer .footer-gallery{
         height: 270px;
     }
     .testimonial-thumbs .slick-dots{
         margin-bottom: 0;
     }
     .ourclientsslid .slick-slide img{
         display: inline-block;
     }
     .about-sec .tablet-sc{
         margin: 50px 0;
     }
     .join-us h3{
         font-size: 17px;
     }
     .blog-details h6{
         font-size: 14px;
     }
 }
 @media (min-width: 991px) and (max-width: 1199px) {
     .about-sec .tablet-sc{
         margin: 50px 0;
     }
 }
 @media only screen and (max-width: 767px) {
     .navbar-light .navbar-toggler{
         background: url("../images/landingpage/menu.png");
     }
     .socials-icon li{
         padding: 0 8px;
     }
  #home-header.home-content h1, #home-header.home-content span{
         font-size: 22px;
         margin-bottom: 22px;
         line-height: 1.3;
         letter-spacing: 1px;
     }
  #home-header.home-content p{
      font-size:18px;
      margin:30px 0;
  }
  #home-header .btn-md{
      font-size: 13px;
      padding: 10px 8px;
      margin-bottom: 20px;
  }
  /* about us start*/
  .about-sec .d-flex{
      display: block
  }
  /*.about-sec img{*/
      /*padding-left:15px;*/
  /*}*/
  .about-sec .title-sec{
      display: none;
  }
  .about-sec .title-center{
      display: block;
      text-align: center;
      margin-top: 30px;
  }
  .about-sec .mob-text{
      text-align: center;
      margin-bottom: 30px;
  }
     .about-sec .title-center:before{
         margin: auto;
     }
     /*portfolio start*/
     .portfolioFilter li button{
         margin: 0;
         font-size: 14px;
         padding: 9px;
     }
     /*pricing table*/
     .pricing-table{
         margin: 40px 0;
     }
    #pricing .row:last-child .col-sm-4:last-child .pricing-table{
        margin: 20px 0;
    }
    .our-creatives .row:last-child .col-sm-6:last-child  .team-block{
        margin-bottom: 0;
    }
     .team-block{
         margin-bottom: 25px;
     }
     /*Testimonials start css*/
     .testimonial-bg .d-flex{
          display: block;
      }
     .testimonial-thumbs .slick-dots{
         margin-bottom: 0;
     }
     /*our client*/
     .ourclientsslid .slick-slide img{
         display: inline-block;
     }
     /*join us start*/
     .join-us .d-flex{
         display: block;
         text-align: center;
     }
     .join-us h3{
            font-size: 18px;
         line-height: 1.8;
         margin-bottom: 15px;
     }
     .m-b-xs-25{
         margin-bottom: 25px;
     }
     /*.m-b-xs-15{*/
         /*margin-bottom: 15px;*/
     /*}*/
     .footer .footer-gallery{
         height: inherit;
     }
     @media (min-width: 320px) and (max-width: 768px) {
         #our-creatives img.img-fluid,#blog img.img-fluid{
             width: 100%;
         }
     }
 }

 /*Responsive css*/
 @media only screen and (max-width: 1199px){
     .section-bg ,.section-tb{
         padding: 20px 0;
     }
     .title-center:before {
                  bottom: 10px;
     }
     h2.title-sec, h2.title-center {
         padding-bottom: 30px;
     }
     .port-filt-group ul {
         margin-bottom: 20px;
     }
     .testimonial-thumbs .slick-slide img {
                margin: 10px 0;
     }
 }
 @media only screen and (max-width: 991px){
     .date-blog span {
        display: block;
         margin-bottom: 5px;
     }
 }
 @media only screen and (max-width: 767px) {
     .about-sec .tablet-sc {
         margin: 0;
     }
     .footer li img {
         width: 83px;
         height: 83px;
     }
 }
 @media only screen and (max-width: 600px){
     .footer h3 {
         margin-bottom: 20px;
     }
     .subscribe-btn {
         margin: 0;
     }
 }
 @media only screen and (max-width: 480px) {
     .socials-icon {
         margin: 0;
         padding: 22px 0;
     }
 }

/*======= 12 top to bottom button start====*/
 .scrollup {
     position: fixed;
     bottom: 30px;
     right: 30px;
     display: none;
     z-index: 998;
     background: #1b8bf9;
     color: #fff;
     border-radius: 100px;
     height: 50px;
     width: 50px;
     line-height: 1.5;
     padding-left: 0;
     padding-right: 0;
 }
 .scrollup:hover {
     border: 1px solid #1b8bf9;
 }
 .scrollup-icon{
     color: #fff !important;
     padding: 0 10px;
     font-size: 31px;
 }

 /*=======top to bottom button Ends====*/