/* ----------------------------------------------------
Theme Name:		KiswaCorporate - HTML & Bootstrap Template
Version:		1.0.3
Author:			KiswaCorporate
------------------------------------------------------- */


/* ======================================================
	TABLE OF CONTENTS
   ====================================================== */

/**

* 1.0	Settings
* 1.1	Header
* 1.2	Slider
* 1.3	About Us
* 1.4	Services
* 1.5	Workflow
* 1.6	Banners
* 1.7	Team
* 1.8	Gallery
* 1.9	Testimonials
* 1.10	Latest Blog
* 1.11	Pricing
* 1.12	Newsletter
* 1.13	Footer
* 1.14	Page Cover
* 1.15	About Pages
* 1.16	Service Pages
* 1.17	Extra Pages
* 1.18	Contact Pages

**/

/* -----------------------------------------------------
		Settings
   ----------------------------------------------------- */

@media(min-width:991px) and (max-width:1200px){
	
	.page-heading-2 p,
	.page-heading-4 p{
		width:75%;
	}
}

@media(max-width:991px){
	
	.page-heading-2 p,
	.page-heading-4 p{
		width:90%;
	}
	
	.page-heading-3 h2,
	.page-heading-4 h2{
		font-size:45px;
	}
}

@media(max-width:768px){
	
	.page-heading h2{
		font-size:28px;
	}
	
	.page-heading p{
		font-size:17px;
	}
	
	.page-heading-2 h2,
	.page-heading-2 h2 span{
		font-size:28px;
	}
	
	.page-heading-2 p{
		font-size:17px;
	}
	
	.page-heading-2 .line{
		width:40px;
	}

	.my-btn{
		padding:8px 20px;
		font-size:15px;
	}
	
	.side-bar-heading h2{
		font-size:20px;
	}
	
	.page-heading-3 h2{
		font-size:38px;
	}
	
	.page-heading-3 .line-2{
		height:5px;
		width:90px;
		margin-bottom:40px;
	}
	
	.page-heading-3 p{
		width:95%;
		font-size:16px;
	}
		
	.page-heading-4 h2{
		font-size:38px;
	}
	
	.page-heading-4 p{
		width:95%;
		font-size:16px;
	}
}

@media(max-width:500px){
	
	.page-heading-3 h2{
		font-size:34px;
	}
	
	.page-heading-3 .line-2{
		width:80px;
		margin-bottom:30px;
	}
	
	.page-title h2{
		font-size:29px;
	}
	
	.page-heading-4 h2{
		font-size:32px;
	}
}

@media(max-width:420px){

	.my-btn {
		padding:8px 16px;
		font-size:14px;
	}
}

/* -----------------------------------------------------
		Header
   ----------------------------------------------------- */

/**************** MY-NAVBAR ***************/

@media(min-width:1200px){
	
	.my-navbar .nav > li{
		margin-left:2px;
		margin-right:2px;
	}
	
	.my-navbar .navbar-nav li .dropdown-menu {
		margin-top:10px;
		width: 250px;
	}
	
	.my-navbar .navbar-nav li .dropdown-menu li {
		text-align:right;
	}
	
	.my-navbar{
		padding: 30px 0;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
  	}
  
	.my-navbar.affix {
		padding: 10px 0;
	}
}

@media(min-width:768px) and (max-width:1199px){
			
	.my-navbar .navbar-header{
		padding: 15px 0;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
  	}
	
	.my-navbar .header-search{
		margin-top:12px;
		margin-right:10px;
	}
	
	.my-navbar .navbar-collapse.collapse{
		display:none !important;
	}
	
	.my-navbar .navbar-collapse.collapse.in{
		display:block !important;
	}
	
	.my-navbar .navbar-collapse{
		margin-top:0px;
		padding-left:0px;
		padding-right:0px;
	}
	
	.my-navbar .navbar-nav {
        float: none !important;
		width:100%;
    }
	
	.my-navbar .navbar-nav > li {
        float: none;
    }
	
	.my-navbar .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	
	.my-navbar .navbar-toggle{
		display:block;
		margin-top:10px;
		margin-right:0px;
		padding-right:0px;
	}
	
	.my-navbar .navbar-header{
		float:none;
	}
	
	.my-navbar .navbar-nav li .dropdown-menu{
		width:100%;
		max-height:188px;
		overflow:auto;
	}
}

@media(min-width: 768px) {
	
	.my-navbar .navbar-brand {
		font-size: 2em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	.my-navbar.affix .navbar-brand {
		font-size: 1.9em;
	}
	
	.no-pad-left{
		padding-left:0px;
	}
	
	.no-pad-right{
		padding-right:0px;
	}
}

@media(max-width:767px){
	
	.my-navbar .navbar-header{
		padding-top:3px;
		padding-bottom:3px;
	}
	
	.my-navbar .navbar-brand{
		padding-top:17px;
	}
	
	.my-navbar .navbar-nav{
		margin-top:0;
		margin-bottom:0;
	}
	
	.my-navbar .navbar-toggle{
		padding:20px;
		margin:0px;
	}
	
	.my-navbar .navbar-nav li .dropdown-menu{
		width:100%;
		max-height:188px;
		overflow:auto;
	}
	
	.my-navbar .navbar-nav > li > a,
	.my-navbar .navbar-nav li .dropdown-menu li a {
       	font-size:14px;
	}
}

/**************** HEADER-2 ****************/

@media(min-width: 768px) {
	
	#header-2 #header-bottom{
		height:80px;
	}
  
	#header-2 #header-bottom #logo #c-name {
		font-size: 2em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	#header-2 #header-bottom #logo{
		margin-top:10px;
	}
}

@media(max-width: 768px) {
  	
	#header-2 #header-bottom #logo{
		margin-top:13px;
	}
	
	#header-2 #header-bottom #logo #c-name {
		font-size: 1.7em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
}

@media(max-width:767px){
	
	#header-2 #header-bottom{
		height:60px;
	}
	
	.menu-btn{
		margin-top:4px;
	}
	
	.menu-btn #menu-button{
		font-size:24px;
	}
	
	#header-2 #header-bottom #logo{
		margin-top:6px;
	}
	
	#header-2 #header-bottom #logo #c-name {
		font-size: 1.45em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	#logo img{
		max-height:40px;
		margin-top:2px;
	}
	
	#header-top{
		text-align:center;
	}
	
	#header-2 #header-top #links{
		float:none;
		text-align:center;
		margin-top:5px;
	}
}

/**************** HEADER-3 ****************/

@media(min-width:1200px){
	
	#header-3 #header-top #info{
		margin-top:16px;
	}
	
	#mynavbar-3 .navbar-nav > li > a{
		padding-left:0px;
		padding-right:0px;
		margin:0px 15px;
	}
}

@media(max-width:1199px){

	#header-3 #header-top #hdr-top-btn .btn{
		padding:8px 30px; 
		font-size:18px;
	}
	
	#header-3 #header-top #info{
		margin-top:12px;
	}
}

@media(min-width:768px){	
	
	#header-3 #header-top{
		padding:0px;
	}

	#hdr-top-btn{
		text-align:right;
	}
}

@media(max-width:767px){
	
	#header-3 #header-top #info{
		padding:8px 0px 8px;	
	}
	
	#header-3 #header-top #info{
		margin-top:0px;
	}
	
	#header-3 #header-top #info li{
		font-size:14px;
		margin:1px 6px;
	}
	
	#header-3 #header-top #info li .fa{
		font-size:17px;
	}
	
	#mynavbar-3 .navbar-nav > li > a{
		font-size:15px;
	}	
}

/**************** HEADER-4 ****************/

@media(min-width:1200px){
	
	#header-4 .my-navbar{
		padding: 0;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
  	}
	
	#mynavbar-4 .navbar-nav > li > a{
		padding:30px 15px 26px;
	}
	
	#mynavbar-4 .navbar-header .navbar-brand{
		margin-top:15px;
	}
}

/************* SEARCH-OVERLAY *************/

@media(max-width:768px){
	
	.overlay-content form .form-group{
		width:60%;
	}
}

@media(max-width:600px){
	
	#close-search{
		right:20px;
		top:40px;
	}
	
	.overlay-content form .form-group{
		width:90%;
	}
}

@media(max-width:576px){
	
	.overlay-content form input{
		font-size:18px;
	}
	
	.overlay-content form .input-group-btn .btn{
		font-size:18px;
		width:60px;
	}
	
	.overlay-content form input,
	.overlay-content form .input-group-btn .btn{
		height:45px;
	}
}

/* -----------------------------------------------------
		Slider
   ----------------------------------------------------- */

@media(max-width:991px){
	
	.flexslider li h1{
		font-size:50px;
	}	
}

@media(max-width:768px){
	
	.flexslider li h1{
		font-size:40px;
	}	
}

@media(max-width:576px){
	
	.flexslider li h1{
		font-size:35px;
	}	
}

@media(max-width:420px){
	
	.flexslider li h1{
		font-size:30px;
		letter-spacing:1px;
	}	
	
	.flexslider li p{
		font-size:16px;
	}	
}

/***************** SLIDER-1 ***************/

@media(max-width:767px){
	
	#slider-1 li .meta {
		position: absolute;
		padding-bottom:0px;
		padding-top:55px;
		padding-left:6px;
		padding-right:6px;
		top: 0;
		left: 0;
		width:100%;
		height:100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction:column;
		text-align:center;
	}
}

/***************** SLIDER-3 ***************/

@media(max-width:1199px){
	
	#slider-3 .meta p:nth-of-type(1){
		font-size:32px;
	}
	
	#slider-3 .meta h1{
		font-size:80px;
	}
	
	#slider-3 .meta p:nth-of-type(2){
		font-size:22px;
	}
}

@media(max-width:991px){
	
	#slider-3 .meta p:nth-of-type(1){
		font-size:26px;
	}
	
	#slider-3 .meta h1{
		font-size:65px;
	}
	
	#slider-3 .meta p:nth-of-type(2){
		font-size:20px;
		width:95%;
	}
	
	#slider-3 .meta .category .btn{
		font-size:15px;
		width:170px;
	}
}

@media(max-width:768px){
	
	#slider-3 .meta p:nth-of-type(1){
		font-size:23px;
	}
	
	#slider-3 .meta h1{
		font-size:58px;
	}
	
	#slider-3 .meta p:nth-of-type(2){
		font-size:18px;
		width:95%;
		margin:0px auto 30px;
	}
	
	#slider-3 .meta .category .btn{
		font-size:15px;
		padding:9px 25px;
		width:155px;
	}
}

@media(max-width:576px){
	
	#slider-3 .meta p:nth-of-type(1){
		font-size:20px;
	}
	
	#slider-3 .meta h1{
		font-size:50px;
	}
	
	#slider-3 .meta p:nth-of-type(2){
		font-size:16px;
		width:95%;
		margin:0px auto 25px;
	}
	
	#slider-3 .meta .category .btn{
		font-size:14px;
		padding:8px 20px;
		width:145px;
	}
}

@media(max-width:420px){
	
	#slider-3 .meta p:nth-of-type(1){
		font-size:18px;
	}
	
	#slider-3 .meta h1{
		font-size:40px;
	}
	
	#slider-3 .meta p:nth-of-type(2){
		font-size:14px;
		margin:0px auto 20px;
	}
	
	#slider-3 .meta .category .btn{
		font-size:13px;
		margin:8px 8px;
		padding:8px 20px;
		width:135px;
	}
}

/***************** SLIDER-4 ***************/

@media(min-width:768px) and (max-width:991px){
	
	#slider-4 .meta h1{
		font-size:50px;
	}
	
	#slider-4 .meta p{
		font-size:19px;
	}
	
	#slider-4 .meta p:nth-of-type(2){
		width:550px;
	}
		
	#slider-4 .meta .category .btn.my-btn{
		padding: 10px 30px;
		font-size:18px;
	}
}

@media(min-width:768px){
	
	#slider-4 .meta .category .btn-blue{
		margin-right:15px;
	}
}

@media(max-width:767px){
	
	#slider-4 .meta{
		text-align:center;
	}
		
	#slider-4 .meta h1{
		font-size:40px;
	}
	
	#slider-4 .meta p{
		font-size:19px;
	}
	
	#slider-4 .meta p:nth-of-type(2){
		width:90%;
		margin:0 auto;
	}
	
	#slider-4 .meta .category .btn{
		margin:25px 5px 0px;
	}
}

@media(max-width:576px){
	
	#slider-4 .meta h1{
		font-size:35px;
	}
	
	#slider-4 .meta p{
		font-size:16px;
	}
}

/* -----------------------------------------------------
		About Us
   ----------------------------------------------------- */

@media(min-width:992px){
	
	#about #about-text{
		padding-right:20px;
	}
}

@media(max-width:991px){
	
	#about-panel{
		margin-top:60px;
	}
}

@media(max-width:420px){

	#about-text .my-btn{
		font-size:14px;
	}
}

/*************** ABOUT-BLOCK **************/

@media(max-width:768px){
	
	.about-2-block .fa{
		font-size:28px;
		height:68px;
		width:68px;
	}
	
	.about-2-block h3{
		font-size:21px;
	}
	
	.about-2-block p{
		margin-bottom:0px;
	}
}

@media(max-width:767px){
	
	.about-2-block{
		margin-top:15px;
		margin-bottom:15px;
	}
}

/************** ABOUT-BANNERS *************/

@media(max-width:991px){
	
	.about-banner-text h2{
		font-size:30px;
	}
	
	.about-banner-text p{
		font-size:17px;
	}
	
	.about-banner-text .btn{
		font-size:17px;
		padding:11px 32px;
	}
}

@media(max-width:768px){

	.about-banner-text h2{
		font-size:27px;
	}
	
	.about-banner-text p{
		font-size:16px;
	}
	
	.about-banner-text .btn{
		font-size:15px;
		padding:9px 26px;
	}
}

@media(min-width:768px){
	
	#flex-1 .about-banner-text{
		padding:80px 20px 80px 0px;
	}
	
	#flex-2 .no-padding{
		padding-left:15px;
		padding-right:0px;
	}
	
	#flex-2 .about-banner-text{
		padding:80px 0px;
	}
}

@media(max-width:767px){
	
	.about-banner-text{
		padding:60px 50px;
	}
}

@media(max-width:576px){
	
	.about-banner-text{
		padding:40px 40px;
	}

	.about-banner-text h2{
		font-size:25px;
	}
	
	.about-banner-text p{
		font-size:15px;
	}
	
	.about-banner-text .btn{
		font-size:14px;
		padding:8px 24px;
	}
}

/**************** HOMEPAGE-4 ***************/

@media(min-width:577px) and (max-width:991px){

	#homepage-4 .about-banner-text h2{
		font-size:34px;
	}
	
	#homepage-4 .about-banner-text p{
		font-size:17px;
	}
	
	#homepage-4 .about-banner-text .btn{
		font-size:17px;
		padding:10px 30px;
	}
}

/* -----------------------------------------------------
		Services
   ----------------------------------------------------- */

/**************** SERVICES-2 **************/

@media(max-width:768px){
	
	.service-block-2{
		margin-top:15px;
		margin-bottom:40px;
	}

	.service-block-2 .fa{
		height:90px;
		width:90px;
		padding-top:22px;
		font-size:43px;
	}
	
	.service-block-2 h3{
		font-size:20px;
		margin-bottom:15px;
	}	
}

@media(max-width:576px){
	
	.service-block-2{
		margin-top:15px;
		margin-bottom:40px;
	}

	.service-block-2 .fa{
		height:80px;
		width:80px;
		padding-top:19px;
		font-size:36px;
	}
	
	.service-block-2 h3{
		font-size:20px;
		margin-bottom:15px;
	}	
}

/**************** SERVICES-3 **************/

@media(max-width:767px){
	
	.fin-service-block{
		margin-bottom:30px;
	}
}

/* -----------------------------------------------------
		Workflow
   ----------------------------------------------------- */
   
@media(max-width:991px){
	
	.fin-work-block .fa{
		font-size:40px;
		width:85px;
		height:85px;
	}
	
	.fin-work-block h2{
		font-size:32px;
	}
}

@media(max-width:576px){
	
	.fin-work-block .fa{
		font-size:35px;
		width:80px;
		height:80px;
	}
	
	.fin-work-block h2{
		font-size:28px;
	}
	
	.fin-work-block p{
		font-size:16px;
	}
}

/* -----------------------------------------------------
		Banners
   ----------------------------------------------------- */

/***************** BANNER-1 ***************/

@media(max-width:991px){
	
	#banner-1 .banner-img img{
		margin-bottom:30px;
	}
}

@media(max-width:768px){
	
	#banner-1 .banner-text h2{
		font-size:30px;
	}
	
	#banner-1 .banner-text .my-btn{
		padding:7px 20px;
		font-size:15px;
	}
}

@media(max-width:414px){
	
	#banner-1 .banner-text h2{
		font-size:26px;
	}
}

/***************** BANNER-2 ***************/

@media(max-width:991px){
	
	#banner-2 .highlight-box{
		margin-top:15px;
		margin-bottom:15px;
	}
}

@media(max-width:768px){
	
	#banner-2 .highlight-box .fa{
		height:70px;
		width:70px;
		padding-top:17px;
		font-size:35px;
	}
	
	#banner-2 .highlight-box h2{
		font-size:50px;
	}
}

/***************** BANNER-3 ***************/

@media(max-width:991px){
	
	#banner-3 #boxes{
		width:68%;
		margin:0 auto;
	}
	
	#banner-3 .highlight-box-2{
		margin-top:15px;
		margin-bottom:15px;
	}
}

@media(max-width:767px){
	
	#banner-3 #boxes{
		width:220px;
	}
	
	#banner-3 .highlight-box-2 .h-icon{
		padding-top:5px;
	}
	
	#banner-3 .highlight-box-2 .h-icon .fa{
		width:75px;
		font-size:50px;
		padding-top:9px;
	}

	#banner-3 .highlight-box-2 .h-text h2{
		margin-bottom:-8px;
		font-size:42px;
	}
	
	#banner-3 .highlight-box-2 .h-text h4{
		font-size:17px;
	}	
}

/***************** BANNER-4 ***************/

@media(min-width:992px){
	
	.banner-4-heading{
		float:left;
		width:450px;
		text-align:center;
	}
	
	.banner-4-text{
		overflow:hidden;
		padding:0px 0px 0px 35px;
	}
}

@media(max-width:991px){
	
	.banner-4-heading h2{
		font-size:35px;
	}
	
	.banner-4-heading h2 span:nth-of-type(1){
		font-size:50px;
	}
}

@media(max-width:767px){
	
	.banner-4-heading h2{
		font-size:30px;
	}
	
	.banner-4-heading h2 span:nth-of-type(1){
		font-size:45px;
	}
	
	.banner-4-text p{
		font-size:16px;
	}
}

@media(max-width:576px){
	
	.banner-4-heading h2{
		font-size:28px;
	}
	
	.banner-4-heading h2 span:nth-of-type(1){
		font-size:40px;
	}
}

/* -----------------------------------------------------
		Team
   ----------------------------------------------------- */
   
@media(max-width:576px){
	
	.member-info .member-name{
		font-size:20px;
	}
	
	.member-info .member-cat{
		font-size:14px;
	}
}

/* -----------------------------------------------------
		Gallery
   ----------------------------------------------------- */

@media(max-width:767px){
	
	#filter-buttons .filter-button{
		width:100%;
	}
}

@media(max-width:768px){
	
	#filter-buttons .filter-button{
		font-size:15px;	
	}

	#gallery .gallery-block .gallery-mask .gallery-title h2{
		font-size:20px;
	}
}

/**************** MASONRY-1 ***************/

@media(max-width: 576px) {
	
    #masonry-1 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media(min-width: 576px) and (max-width: 768px){
	
    #masonry-1 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media(min-width: 769px) and (max-width: 1200px){
	
    #masonry-1 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media(min-width: 1201px) {
	
    #masonry-1 {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

/**************** MASONRY-2 ***************/

@media(min-width: 576px) and (max-width: 991px){
	
    #masonry-2 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media(max-width:991px){
	
	#filter-buttons-2 .filter-button{
		font-size:17px;
		margin:0px 7px 10px;
	}
}

@media (min-width: 992px){
	
    #masonry-2 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media(max-width: 575px) {
	
    #masonry-2 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

/************** CASE-PORTFOLIO *************/

@media(max-width:576px){
	
	.case-text h2{
		font-size:25px;
	}
	
	.case-text .btn{
		padding:7px 18px;
	}
}

/* -----------------------------------------------------
		Testimonials
   ----------------------------------------------------- */

@media(max-width:768px){
	
	.custom-testimonial .item blockquote::before{
		position:absolute;
		left:0px;
		top:-20px;
	}
	
	.custom-testimonial .item blockquote{
		padding:20px 0px 0px 0px;
	}

	.custom-testimonial .reviewer-text{
		padding:80px 25px 50px;
		text-align:center;
	}
}

@media(max-width:576px){
	
	.custom-testimonial .item  .reviewer-img img{
		max-height:100px;
	}

	.custom-testimonial .item blockquote::before{
		font-size:25px;
	}
	
	.custom-testimonial .item blockquote{
		font-size:16px;
	}
}

/************ TESTIMONIALS-2 ***********/

@media(max-width:768px){
	
	#owl-testimonial-2 .reviewer-text{
		padding:55px 30px 40px;
	}
}

/************ TESTIMONIALS-3 ***********/

@media(min-width:992px) and (max-width:1199px){
	
	#owl-testimonial-3 .owl-controls .owl-buttons{
		top:34%;
		transform:translateY(-34%);
	}
}

@media(min-width:992px){
	
	.reviewer-list{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		vertical-align: top;
		overflow: hidden;
	}
	
	.reviewer-list-img{
		position: relative;
		overflow: hidden;
	}
	
	.reviewer-list-img img{
		height: 100%;
	}
	
	.reviewer-list-text{
		-webkit-flex: 1 0 50%; 
		-ms-flex: 1 0 50%;
		flex: 1 0 50%;
	}
	
	.reviewer-list-img{
		-webkit-flex: 1 0 50%; 
		-ms-flex: 1 0 50%;
		flex: 1 0 50%;
	}
}

@media(max-width:991px){
	
	.reviewer-list-text{
		padding:100px 0px;
	}
}

@media(max-width:576px){
	
	.reviewer-list-text{
		padding:65px 0px;
	}
	
	.reviewer-list-text h3{
		font-size:22px;
	}
	
	.reviewer-list-text h4{
		font-size:18px;
	}
	
	.reviewer-list-text p{
		width:85%;
		font-size:15px;
	}
}

/************** TESTIMONIALS-4 ************/

@media(max-width:768px){
	
	#owl-testimonial-4 .item  .reviewer-text .fa{
		font-size:30px;
	}

	#owl-testimonial-4 .reviewer-text blockquote{
		font-size:16px;
	}
	
	#owl-testimonial-4 .item .reviewer-text small{
		font-size:17px;
	}
}

/* -----------------------------------------------------
		Latest Blog
   ----------------------------------------------------- */

@media(max-width:420px){
	
	.latest-info .title h3{
		font-size:21px;
	}
}

/************ LATEST-BLOG-2 ***********/

@media(max-width:420px){
	
	.latest-blog-2 .latest-info .title h3{
		font-size:20px;
	}
}

/* -----------------------------------------------------
		Pricing
   ----------------------------------------------------- */

@media(max-width:991px){
	
	.price-table{
		margin-bottom:30px;
	}
}

@media(max-width:768px){
	
	.price-table .p-table-heading .title{
		font-size:28px;
		padding:12px 0px;
	}
	
	.price-table .p-table-heading .price{
		font-size:19px;
	}
	
	.price-table .features li{
		font-size:15px;
	}
	
	.price-table .features .btn{
		padding:13px 25px;
	}
}

/* -----------------------------------------------------
		Newsletter
   ----------------------------------------------------- */

@media(max-width:768px){
	
	#newsletter .fa{
		font-size:30px;
		height:65px;
		width:65px;
		padding-top:16px;
	}
	
	#newsletter h2{
		font-size:32px;
	}
	
	#newsletter form .form-group{
		width:65%;
	}
}

@media(max-width:600px){
	
	#newsletter form .form-group{
		width:90%;
	}
}

@media(max-width:500px){
	
	#newsletter h2{
		font-size:26px;
	}
	
	#newsletter form .form-group input,
	#newsletter form .form-group .btn{
		height:40px;
		font-size:14px;
	}
}

@media(max-width:400px){
	
	#newsletter h2{
		font-size:24px;
	}
}

/************** NEWSLETTER-2 **************/

@media(max-width:768px){
	
	#newsletter.newsletter-2 .fa{
		font-size:30px;
	}

	#newsletter.newsletter-2 form .form-group{
		width:85%;
	}
	
	#newsletter.newsletter-2 form input,
	#newsletter.newsletter-2 form .btn{
		height:45px;
	}
	
	#newsletter.newsletter-2 form .btn{
		padding:8px 28px;
	}
}

@media(max-width:576px){
	
	#newsletter.newsletter-2 form .form-group{
		width:95%;
	}
	
	#newsletter.newsletter-2 form .btn{
		padding:8px 20px;
	}
}

/* -----------------------------------------------------
		Footer
   ----------------------------------------------------- */

@media(min-width:992px){
	
	#footer-top #more-about p{
		width:90%;
	}
	
	#footer-top #f-services{
		padding-left:55px;
	}
}

@media(min-width:768px) and (max-width:991px){
	
	#footer-top #more-about,
	#footer-top #tweets{
		margin-bottom:40px;
	}
	
	#homepage-2 #footer-top #useful-links{
		margin-bottom:55px;
	}
}

@media(min-width:768px){
	
	#terms{
		text-align:right;
	}
}

@media(max-width:767px){
	
	#footer-top #more-about,
	#footer-top #tweets,
	#footer-top #useful-links{
		margin-bottom:40px;
	}
	
	#footer-top .footer-heading{
		font-size:22px;
	}
	
	#homepage-2 #footer-top #contact-us{
		margin-bottom:30px;
	}
}

@media(max-width:767px){
	
	#footer-bottom{
		text-align:center;
	}
	
	#footer-bottom #copyright{
		margin-bottom:10px;
	}
}

/***************** FOOTER-2 ***************/

@media(max-width:991px){
	
	#footer-top.footer-2 #more-about li a{
		font-size:20px;
	}
	
	#footer-bottom.footer-2 p,
	#footer-bottom.footer-2 ul{
		font-size:15px;
	}
}

/**************** HOMEPAGE-4 **************/

@media(max-width:991px){

	#homepage-4 #footer-top #useful-links{
		margin-bottom:45px;
	}
}

@media(max-width:767px){
	
	#homepage-4 #footer-top #contact-us{
		margin-bottom:45px;
	}
}

/* -----------------------------------------------------
		Page Cover
   ----------------------------------------------------- */
   
@media(max-width:768px){

	.page-cover{
		padding-top:150px;
	}
	
	.page-cover h1{
		font-size:36px;
	}
}

@media(max-width:420px){
	
	.page-cover h1{
		font-size:30px;
		line-height:0.83em;
	}
	
	.page-cover h1:before{
		top:-10px;
	}
	
	.page-cover h1:after{
		top:-10px;
	}
}

/* -----------------------------------------------------
		About Pages
   ----------------------------------------------------- */

/**************** ABOUT US 1 **************/
 
@media(min-width:992px){
	
	#who-we-info,
	#skills-info,
	#about-tabs{
		padding-right:30px;
	}
}

@media(max-width:991px){
	
	#who-we-img{
		text-align:center;
	}
	
	#who-we-img img{
		display:inline-block;
	}
	
	#who-we-img img,
	#progress-bars{
		margin-top:30px;
	}
}

@media(max-width:500px){
	
	#company-logo h3{
		font-size:20px;
	}
	
	#company-logo p{
		font-size:15px;
	}
}

/**************** ABOUT US 2 **************/

@media(min-width:992px){

	#logo-list li img{
		max-height:100px;
		max-width:200px;
	}
}

@media(max-width:991px){
	
	.support-img img{
		margin-bottom:30px;
	}
	
	#homepage-2 #why-us-img img{
		margin-top:30px;
		max-height:400px;
	}
	
	#logo-list li img{
		max-height:100px;
		max-width:150px;
	}
}

@media(min-width:768px){
	
	#logo-list li{
		width:25%;
		text-align:center;
	}
}

@media(max-width:768px){
	
	#company-logo h3{
		font-size:24px;
	}
	
	.support-block .spprt-icon{
		width:40px;
		font-size:27px;
		margin-right:10px;
	}
	
	.support-block .spprt-text{
		padding-top:7px;
	}
	
	.support-block .spprt-text h3{
		font-size:20px;
	}
	
	#video-banner .video-text{
		width:100%;
	}
	
	#video-banner h2{
		font-size:30px;
	}
	
	#video-banner .video-btn{
		width:100%;
	}
	
	#video-banner .video-btn .fa{
		font-size:35px;
		height:90px;
		width:90px;
	}
	
	#about-tabs .nav-tabs li{
		font-size:16px;
	}
	
	#logo-list li{
		width:50%;
		text-align:center;
	}
}

@media(max-width:360px){
	
	#about-tabs .nav-tabs li{
		width:100%;
		text-align:center;
	}
	
	#about-tabs .tab-pane .btn{
		padding:8px 18px;
	}
	
	#logo-list li{
		padding:0px;
	}
	
	#logo-list li img{
		padding:20px 15px 20px 12px;
	}
}

/**************** ABOUT US 3 **************/

@media(max-width:991px){
	
	.about-intro-text{
		margin-top:60px;
		text-align:center;
	}
	
	.about-intro-text h2,
	.about-intro-text p{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
}

@media(max-width:768px){
	
	.core-element{
		margin-bottom:50px;
	}
	
	.core-element::last-child{
		margin-bottom:0px;
	}
	
	.about-intro-text h2{
		font-size:38px;
	}

	.about-intro-text p{
		font-size:18px;
		margin-bottom:50px;
	}
	
	.about-intro-text .btn{
		font-size:18px;
		padding:10px 27px;
	}
}

@media(max-width:576px){
	
	.about-intro-text h2{
		font-size:32px;
		margin-bottom:20px;
	}

	.about-intro-text p{
		font-size:16px;
		margin-bottom:50px;
	}
	
	.about-intro-text .btn{
		font-size:16px;
		padding:10px 27px;
	}
}

/* -----------------------------------------------------
		Service Pages
   ----------------------------------------------------- */

/************* SERVICES-1 PAGE ************/

@media(max-width:768px){
	
	.help-block .fa{
		font-size:30px;
		height:80px;
		width:80px;
		padding-top:24px;
	}
	
	.help-block h3{
		font-size:20px;
	}
}

/************* SERVICES-2 PAGE ************/

@media(min-width:1200px){
	
	#sp-services .sps-text .sp-block{
		margin-top:65px;
	}
}

@media(max-width:1200px){
	
	#sp-services .sps-text .sp-block{
		margin-top:35px;
	}
}

@media(max-width:991px){
	
	#sp-services .sp-img img{
		max-height:500px;
	}
}

@media(min-width:768px){
	
	.sps-text .sp-block .sp-icon .fa{
		margin-top:3px;
	}
}

@media(max-width:768px){
	
	.sps-text .sp-block .sp-info h3{
		font-size:20px;
	}
	
	.sps-text .sp-block .sp-icon{
		width:35px;
		text-align:center;
	}
	
	.sps-text .sp-block .sp-icon .fa{
		font-size:27px;
	}
}

/************* SERVICES-3 PAGE ************/

@media(max-width:768px){
	
	.process-block .fa{
		font-size:30px;
		height:80px;
		width:80px;
		padding-top:25px;
	}
}

@media(max-width:576px){
	
	#process-flow{
		padding-bottom:30px;
	}
	
	.process li{
		float:none;
		width:100%;
		margin-bottom:50px;
	}
}

/* -----------------------------------------------------
		Extra Pages
   ----------------------------------------------------- */

/***************** SIDEBAR ****************/

@media(max-width:991px){
	
	.side-bar{
		margin-top:40px;
	}
}

/************ BLOG DETAIL PAGE ************/

@media(max-width:991px){
	
	#comment-form{
		margin-bottom:60px;
	}
}

@media(max-width:768px){
	
	.comment-block .user-text ul .user-name{
		font-size:17px;
	}
}

@media(max-width:767px){
	
	#comments{
		margin-top:120px;
		width:100%;
	}
	
	#comment-form .form-group{
		margin-bottom:15px;
	}
}

@media(max-width:550px){
	
	.comment-block .user-img{
		float:none;
		margin-bottom:20px;
	}
	
	.comment-block .user-img img{
		max-height:100px;
	}
	
	.reply-block{
		padding-left:45px;
	}
}

/*************** ERROR PAGE ***************/

@media(max-width:768px){
	
	#error-content h2,
	#error-content h2 span{
		font-size:150px;
	}
	
	#error-content h3{
		font-size:31px;
		margin-top:30px;
	}
	
	#error-content p{
		font-size:17px;
	}
}

@media(max-width:420px){

	#error-content .my-btn {
		padding:7px 22px;
		font-size:15px;
	}
}

/* -----------------------------------------------------
		Contact Pages
   ----------------------------------------------------- */

/************* CONTACT PAGE 1 *************/

@media(max-width:991px){

	#addresses .address-text-icon .text{
		padding-left:0px;
	}
}
	
@media(min-width:768px){
	
	#addresses{
		padding:0px 50px 0px 20px;
	}
	
	#contact-page-1 #frmContact .btn{
		float:right;
	}
}

@media(max-width:767px){
	
	#addresses{
		margin-top:60px;
	}
}

/************* CONTACT PAGE 2 *************/

@media(max-width:768px){
	
	.address-block .fa{
		font-size:30px;
		height:65px;
		width:65px;
	}
}

@media(max-width:767px){

	.address-block{
		margin-bottom:60px;
	}
}