/*=============================================*/
/************** 1.0 - Laptop Css ************/
/*===========================================*/
@media (max-width: 1024px){
    body{
        overflow-x: hidden;
    }
    h1 {
        font-size: 2.1em;
    }
}


/*=============================================*/
/************** 2.0 - iPad/Tab Css ************/
/*===========================================*/
@media (max-width: 768px){
    body{
       font-size: 14px;
    }
    h1{
       font-size: 2.1em;
    }
    h2{
       font-size: 2em;
    }
    .hero_title{
        font-size:30px;
    }
/**************** Defualt ****************/
    .verticle-align-tm {
        width: 100%;
    }

    .slider{
        height:initial;
    }
/**************** Header ****************/
    header {
       background-color: #1372f9;
    }
    .black-header .navbar-light .navbar-nav .nav-link {
       margin-left: 0px; 
    }
    .navbar {
       margin-top: 0px;
       margin-bottom: 0px;
    }
    .navbar-light .navbar-nav .nav-link {
       margin-left: 0px; 
    }
    .nav-extra {
        margin-left: 0px;
    }
    .navbar-light .navbar-brand h2 {
        font-size: 28px;
    }
    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link:focus, 
    .navbar-light .navbar-nav .nav-link:hover {
        color: #ffffff;
    }
    .navbar-light .navbar-nav .nav-link:hover.dropdown-toggle::after {
        content: url(../img/menu.png);
    }
/**************** Video ****************/
    .extented-about,
    .about-mockup-bg,
    .faq-bg,
    .skill-extended{
        display: none;
    }


/**************** Portfolio Details ****************/
    .portfolio-single-head {
      padding-left: 00px;
    }
    .portfolio-single-brief {
        padding-right: 00px;
    }
    .portfolio-info h3 {
        padding-left: 00px;
    }


/**************** Service Details ****************/
    .use-products.center-pt {
        padding: 0 00px;
    }
    .service-inner-para {
        padding: 0 00px 62px;
    }
    blockquote {
        margin: 0 0px;
        margin-bottom: 60px;
    }

}

/*=============================================*/
/************** 3.0 - Mobile Css ************/
/*===========================================*/
@media (max-width: 576px){

/**************** Defualt ****************/
    body{
      font-size: 14px;
      line-height: 1.6;
    }
    h1{
          font-size:1.3em
      }
    h2{
          font-size:1.25em;
          line-height: 1.6;
      }
    h3{
          font-size:1.2em
      }
    h4{
          font-size:1.15em
      }
    h5{
          font-size:1.10em
      }
    h6{
          font-size:.857em
      }
    p{
      font-size: 1em;
      font-weight: 300;
    }

 /**************** Defaults ****************/
 .about-us .title-pt {
      line-height: 1.6;
  }
 /**************** Header CSS ****************/
    header {
      padding-left: 20px;
      padding-right: 20px;
      background-color: #1372f9;
    }

    .black-header .navbar-light .navbar-nav .nav-link {
       margin-left: 0px; 
    }
    .navbar-light .navbar-nav .nav-link {
       margin-left: 0px; 
    }
    .nav-extra {
        margin-left: 0px;
    }
    .navbar {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link:focus, 
    .navbar-light .navbar-nav .nav-link:hover {
        color: #ffffff;
    }
    .navbar-light .navbar-nav .nav-link:hover.dropdown-toggle::after {
        content: url(../img/menu.png);
    }
    .navbar-light .navbar-brand h2 {
        font-size: 18px;
    }

 /**************** About CSS ****************/
.about-us {
  padding-top: 55px;
  padding-bottom: 60px;
}
.title-wrapper {
    padding-bottom: 21px;
}
.about-us .btn-blue {
    margin-top: 3px;
}
.about {
    padding-top: 58px;
    padding-bottom: 30px;
}
.about .buttons-pt {
    padding-top: 0px;
}
.video-btn span {
    display: none;
}
.use-products p {
    padding-bottom: 0px;
}
.inner-title {
    padding-bottom: 10px;
}
.extented-about, .about-mockup-bg, .faq-bg, .skill-extended {
    display: block;
}
.about-mockup-bg {
     height: 96%; 
     left: 0; 
     position: relative; 
     text-align: center; 
     top: 0; 
     width: 100%; 
}
 /**************** Services CSS ****************/
.services {
    padding-top: 55px;
    padding-bottom: 34px;
}
section.about.about-2 {
    padding-top: 55px;
}
.download-buttons ul li {
    display: inline-block;
}
.download-buttons ul li:first-child {
    margin-bottom: 60px;
}
.pdf-btn {
    margin-right: 0px;
}
.service-area-dark {
    padding-top: 55px;
    padding-bottom: 60px;
}
 /**************** Pricing CSS ****************/
.pricing {
    margin-top: 55px;
    padding-bottom: 50px;
}
.pricing-area {
    padding:10px 0;
    box-shadow: unset;
}
.pricing-item {
    padding-bottom: 45px;
    border-right: none;
}
.pricing-header {
    padding-bottom: 0px;
}
.pricing-header img {
    padding-bottom: 18px;
}
.pricing-btn {
    padding-top: 13px;
}
.start-with-title {
    padding-top: 55px;
}
.testimonial {
    padding-top: 60px;
}


 /**************** Testimonial CSS ****************/
.slick-dots {
    bottom: -20px;
}

 /**************** How Works CSS ****************/
.how-works {
    padding-top: 58px;
}
.how-works .title-wrapper {
    padding-bottom: 6px;
}
.icon-area {
    margin: 16px auto 28px;
}
.how-works-area {
    padding-bottom: 43px;
}

 /**************** Subscribe CSS ****************/
.subscribe {
    padding-top: 58px;
    padding-bottom: 60px;
}
.subscribe-form form input[type="text"] {
    height: 45px;
    text-indent: 20px;
    padding-right: 0;
    font-size: 14px;
}
.subscribe-form form input[type="submit"] {
    height: 45px;
    font-size: 14px;
    padding: 0 15px;
}

 /**************** FAQ CSS ****************/
.faq {
    padding-top: 34px;
    padding-bottom: 50px;
}

.skill {
    padding-top: 55px;
    padding-bottom: 10px;
    background: unset;
}
.faq-bg {
    position: relative;
    width: 100%;
}

 /**************** Blog CSS ****************/
.blog {
    padding-top: 55px;
    padding-bottom: 60px;
}
.end-without-text {
    padding-bottom: 55px;
}

 /**************** CTA CSS ****************/

.cta {
    padding-top: 56px;
    padding-bottom: 60px;
}
.call-to-action h1 {
    padding-bottom: 28px;
}


 /**************** CTA CSS ****************/
.address {
    padding: 55px 0 14px;
    background: #6f55eb;
    color: #ffffff;
}
.question-pt {
    padding-bottom: 15px;
}
.address-text p {
    padding-bottom: 15px;
}

 /**************** Skill CSS ****************/
.percentage {
    text-align: center;
}
.circle strong {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 36px;
    transform: translate(-50%,-50%);
}


 /**************** Footer CSS ****************/
.footer {
    padding-top: 55px;
}
.widget-area {
    padding-bottom: 37px;
}
.copyright-text {
    text-align: center;
}
.social-icons {
    float: unset;
    text-align: center;
}
.funfacts {
    padding-top: 58px;
    padding-bottom: 15px;
}
.funfact-item i {
    padding-bottom: 0px;
}
.products.inner {
    padding-bottom: 60px;
}
.feature-two {
    background: #1372f9;
    padding-top: 44px;
    padding-bottom: 33px;
}
.feature-two-details {
  padding-bottom: 0;
}

.team-two {
    padding-top: 58px;
    padding-bottom: 0px;
}



 /**************** Portfolio CSS ****************/

.portfolio-single-head .social-icons {
    margin-top: 0px;
    margin-bottom: 12px;
}
.portfolio-single-list {
    padding-bottom: 25px;
}
.portfolio-single.end-without-text {
    padding-bottom: 30px;
}
.cat-nav ul {
    padding-bottom: 15px;
}
.port-loading {
    padding-top: 10px;
}
.service-description img {
    padding-bottom: 27px;
}
.service-inner-para {
    padding: 0 00px 30px;
}
blockquote {
    margin-bottom: 30px;
    padding: 65px 30px 50px 45px;
}
blockquote:before {
    left: 0px;
  }

.service-description .use-products p {
    padding-bottom: 25px;
}
.responsive-space{
  padding-bottom: 45px;
}

.pagination {
    position: relative;
    padding-top: 0px;
    padding-bottom: 60px;
}

.portfolio {
    padding-bottom: 55px;
}

/**************** Contact CSS ****************/

.our-office {
    padding-bottom: 45px;
}
.office-address {
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 55px;
}

.contact-service {
    padding-bottom: 25px;
}

.address-item {
    padding-bottom: 0px;
}

.address-item:last-child {
    padding-bottom: 37px;
}
.office-image {
    margin-bottom: 15px;
}
.contact-services {
    padding-right: 0px;
}


}




@media only screen and (max-width: 1140px){
	.member-hover{
		padding-top:20px;
	}
}

@media only screen and (max-width: 1023px){
	
	.pricing-item{
		margin-bottom:40px;
	}
	
	.extented-about{
		display:none;
	}
	
	.faq-bg,
	.about-mockup-bg{
		position:relative;
		width:100%;
		display:block;
	}
	
	.office-images{
		margin:0px 15px;
	}
	
	.office-address-img img{
		margin-bottom:40px;
	}
	
	.blog-single-section .other-posts:after{
		display:none;
	}
	
	.blog-single-section .other-posts .prev-post .image,
	.blog-single-section .other-posts .next-post .image{
		position:relative;
		margin-bottom:20px;
	}
	
	.blog-single-section .other-posts .prev-post,
	.blog-single-section .other-posts .next-post{
		padding-left:0px;
		padding-right:0px;
		text-align:center;
		width:100%;
		margin-bottom:15px;
	}
	
}

@media only screen and (max-width: 767px){
	
	.subscribe-form form input[type="text"]{
		max-width:100%;
		width:100%;
		border-radius:0px;
	}
	
	.subscribe-form form input[type="submit"]{
		width:100%;
		border-radius:0px;
		margin-top:15px;
	}
	
	.circle strong{
		left:50%;
		margin-left:-20px;
	}
	
	.social-icons,
	.copyright-text{
		width:100%;
		text-align:center;
	}
	
	.main-menu .navigation > li > a::after{
		display:none;
	}
	
	.percentage{
		text-align:center;
	}
	
	.main-header.style-two .header-upper .option-box .nav-btn,
	.main-header.style-two .header-upper .search-box-btn,
	.main-header.style-two .main-menu .navigation > li > a{
		color:#ffffff;
	}
	
	.comments-area .comment{
		padding-left:0px;
	}
	
	.comments-area .comment-box .author-thumb{
		position:relative;
	}
	
	.comments-area .comment-box.reply-comment{
		margin-left:0px;
	}
	
}

@media only screen and (max-width: 599px){
	
	.circle strong{
		margin-left:0px;
	}
	
	.work-details span{
		top:-28px;
	}
	
	.comments-area .comment .comment-inner{
		padding:15px 15px;
	}
	
}