/* ----------------------------------------------------
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 .navbar-brand img {
		max-height:95px;
		margin-top:-20px;
	}
	
	.my-navbar.affix .navbar-brand img {
		max-height:60px;
		margin-top:-4px;
	}
	
	.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;
  	}
  
	.my-navbar.affix {
		padding: 10px 0;
	}
}

@media(min-width:768px) and (max-width:1199px){
			
	.my-navbar .navbar-header{
		padding: 20px 0;
  	}
	
	.my-navbar.affix .navbar-header{
		padding: 10px 0;
  	}
	
	.my-navbar .navbar-brand img {
		max-height:75px;
		margin-top:-12px;
	}
	
	.my-navbar.affix .navbar-brand img {
		max-height:60px;
		margin-top:-5px;
	}
	
	.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) {
	
	.no-pad-left{
		padding-left:0px;
	}
	
	.no-pad-right{
		padding-right:0px;
	}
}

@media(max-width:767px){
	
	.my-navbar .navbar-header{
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.my-navbar .navbar-brand img {
		max-height:60px;
		margin-top:-2px;
	}
	
	.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-3 ****************/

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

@media(max-width:1199px){

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

@media(min-width:768px){	
	
	#header #header-top #info{
		margin-top:8px;
	}
	
	#header #header-top #s-links{
		text-align:right;
	}
}

@media(max-width:767px){
	
	#header #header-top{
		text-align:center;
	}
	
	#header #header-top .hdr-top-bdr{
		padding:10px 0px 12px;	
	}
	
	#header #header-top #info{
		margin:0px 0px 10px;	
	}
	
	#header #header-top #info li{
		font-size:14px;
		margin:1px 6px;
	}
	
	#header #header-top #info li .fa{
		font-size:17px;
	}
	
	#header #header-top #s-links .fa{
		height:30px;
		width:30px;
		font-size:15px;
		padding-top:8px;
	}

	#mynavbar .navbar-nav > li > a{
		font-size:15px;
	}	
}

/* -----------------------------------------------------
		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
   ----------------------------------------------------- */

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

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

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

@media(max-width:767px){
	
	#banner-2{
		text-align:center;
	}
	
	#banner-2 h2{
		font-size:32px;
	}
	
	#banner-2 .btn{
		padding:6px 25px 8px;
	}
}

/* -----------------------------------------------------
		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){
	
	#owl-testimonial .item blockquote::before{
		position:absolute;
		left:0px;
		top:-20px;
	}
	
	#owl-testimonial .item blockquote{
		padding:20px 0px 0px 0px;
	}

	#owl-testimonial .reviewer-text{
		padding:60px 25px 50px;
		text-align:center;
	}
}

@media(max-width:576px){

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

/* -----------------------------------------------------
		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 #useful-links{
		margin-bottom:40px;
	}
	
	#footer-top #more-about .social-links{
		margin-top:14px;
	}
}

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

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

@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 h2{
		font-size:31px;
	}
}

@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;
	}
	
	#why-us-img img{
		margin-top:30px;
	}
	
	#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 #contact-form .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;
	}
}