/* ----------------------------------------------------
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;
	}
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}
/*
 * jQuery FlexSlider v2.6.2
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}