/** 
 * Template Name: Apex
 * Template Description: Multipurpose Responsive HTML5 Landing Page
 * By: Exill
 */


/*===============================================
=            01. Extra small devices            =
===============================================*/

@media only screen and (max-width:767px) {
   
    /*==========================================
    =            General Styles            =
    ==========================================*/
   
    .db-xs {
        display: block;
    }
   
    /*=======================================
    =            Home Section               =
    =======================================*/
   
    .home-section .text-part {
        text-align: center;
        padding-top: 80px;
    }
    .home-section .text-part .home-title {
        font-size: 44px;
    }
    .home-section .img-part {
        text-align: center;
        padding-top: 30px;
    }
    .home-section .img-part img {
		height: auto;
    }
    
    /*========================================
    =            Counters Section            =
    ========================================*/
   
    .counters-section .single-counter {
        padding: 25px 0;
    }
    .counters-section .single-counter {
        padding: 25px 0;
    }
    .counters-section .single-counter .fact-text h3 {
        font-size: 18px;
    }
    .counters-section .single-counter .fact-text h1 {
        font-size: 17px;
    }
    
    /*==========================================
    =            Support Section               =
    ==========================================*/
    
    .support-section .contact-part {
        margin-bottom: 35px;
    }
    
	/*==========================================
    =            Princing Section		         =
    ==========================================*/
    
    .pricing-section .single-plan {
        padding: 45px 0;
        margin: 30px 0;
    }
    
    /*======================================
    =            FAQ Section		         =
    ======================================*/
    
    .faq-section .img-part {
        margin-top: 50px;
    }
    
    /*=========================================
    =            Footer Section	            =
    =========================================*/
    
    .footer-section {
        text-align: center;
    }
    .footer-section .main-footer {
        margin-bottom: 25px;
    }
    .footer-section .copyright {
        margin-bottom: 15px;
    }
}

/*=========================================
=            02. Small devices            =
=========================================*/

@media only screen and (min-width:768px) and (max-width:991px) {
    
    /*==========================================
    =           General Styles            =
    ==========================================*/
    
    .db-sm {
        display: block;
    }
    
    /*=======================================
    =            Home Section		          =
    =======================================*/
    
    .home-section .text-part {
        text-align: center;
        padding-top: 80px;
    }
    .home-section .text-part .home-description {
        margin-bottom: 30px;
    }
    .home-section .img-part {
        padding-top: 35px;
    }
    .home-section .img-part img {
        height: auto;
    }
    
    /*========================================
    =            Counters Section            =
    ========================================*/
    
    .counters-section .single-counter .counter-text h3 {
        font-size: 18px;
    }
  
    /*=========================================
    =            Footer Section               =
    =========================================*/

}


/*===============================================================
=            03. Extra small devices / Small devices            =
===============================================================*/

@media only screen and (max-width:767px),
only screen and (min-width:768px) and (max-width:991px) {
    
    /*=========================================
    =            Navbar			            =
    =========================================*/
    
    .navbar.navbar-v1,
    .navbar.navbar-v2 {
	    background-color: #222;
	    padding: 5px 0;
	}
    
    .navbar.navbar-v1 .navbar-brand,
    .navbar.navbar-v2 .navbar-brand {
        padding-top: 5px;
    }
    
    .navbar .navbar-toggle {
        border-color: #fff;
    }
    
    .navbar .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    
    .navbar .navbar-toggle:hover,
    .navbar .navbar-toggle:focus {
        border-color: #e44235;
    }
    
    .navbar .navbar-toggle:hover>.icon-bar,
    .navbar .navbar-toggle:focus>.icon-bar {
        background-color: #e44235;
    }
    
    .navbar .navbar-nav {
        text-align: left;
    }
    
    .navbar .navbar-nav li {
	    border-bottom: 1px solid #333;
	    margin: 2px 20px;
    }
    
    .navbar .navbar-nav li a {
        	display: inline-block;
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		font-weight: 400;
		padding: 0 !important;
		color: #c7c7c7 !important;
		background-color: transparent !important;
		text-transform: uppercase;
    }
    .navbar .navbar-nav li.active>a,
    .navbar .navbar-nav li a:hover {
        color: #e44235 !important;
    }
    .navbar .navbar-nav li a {
        margin: 10px 0;
    }
    .navbar .navbar-toggle:hover,
    .navbar .navbar-toggle:focus {
        background-color: transparent;
    }
    
    .navbar .navbar-nav li.lang-link {
        padding: 10px 0
    }
    
    .navbar .navbar-nav li.lang-link select {
        width: 200px;
    }
    
    .navbar .navbar-collapse {
	    margin-top: 8px;
        background-color: #222;
        border-top: 1px solid transparent;
    }
    
    /*=======================================
    =            Home Section	              =
    =======================================*/
    
    .home-section>.container>.row {
        margin-top: 50px;
    }
    .home-section .text-part .buttons-set .btn-custom {
        margin-bottom: 20px;
    }
    
    /*========================================
    =           About Section		           =
    ========================================*/
    
    .about-section {
        padding: 50px 0;
    }
    .about-section .pull-left,
    .about-section .pull-right {
        float: none!important;
    }
	.about-section .text-part .about-title {
        margin-bottom: 25px;
    }
    .about-section .img-part {
        margin-top: 50px;
    }
    .about-section .img-part img {
        width: auto;
    }
    .about-section .text-part .about-title,
    .about-section .img-part {
        text-align: center;
    }
    
    /*=======================================
    =            Resume section             =
    =======================================*/
    
    .resume-section .resume-step {
	    text-align: center;
    }
    
    .resume-section .resume-icon {
	    margin-bottom: 10px;
    }
    
    .resume-section .resume-title {
	    margin-bottom: 20px;
    }
    
    .resume-section .img-part {
	    text-align: center;
    }
    
    /*=======================================
    =            Certificate Section        =
    =======================================*/
    
    .certificate-section {
	    padding: 50px 0;
	}
	
	.certificate-section .section-heading {
	    margin-bottom: 30px;
	}
	
	.certificate-section .certificate-features-title {
		font-size: 24px;
		text-align: left;
		margin-top: 20px;
	}
	
	.certificate-section .certificate-features-description {
		text-align: left;
	}
	
	.certificate-section .certificate-features .text-part {
   		margin-bottom: 20px;
	}
    
    /*===========================================
    =            Features Section	              =
    ===========================================*/
    
    .features-section {
        padding: 50px 0;
    }
    
    .features-section .secure-logos {
	    margin-bottom: 20px;
	}
    
    .features-section .features-list {
        padding: 0;
    }
    .features-section .features-list.align-left .single-feature,
    .features-section .features-list.align-right .single-feature {
        	text-align: center;
		margin: 20px 0;
		height: auto;
    }
    .features-section .features-list.align-left .single-feature .feature-icon,
    .features-section .features-list.align-right .single-feature .feature-icon {
        float: none;
        margin: 0 auto 20px auto;
    }
    .features-section .features-list.align-left .single-feature .feature-text,
    .features-section .features-list.align-right .single-feature .feature-text {
        margin: 0;
    }
    .features-section .features-image {
        padding: 35px 0;
    }
    .features-section .features-image img {

    }
    
    /*========================================
    =            Counters Section            =
    ========================================*/
   
    .additional-section {
	    padding: 50px 0;
	}
	
	/*========================================
    =            Business Section            =
    ========================================*/
   
    .business-section {
	    padding: 50px 0 50px 0;
	}
	
	.business-section .text-part .business-title,
    .business-section .img-part {
        text-align: center;
    }
    
    business-section .img-part {
        text-align: center;
    }
    
    .business-section .button-set {
        text-align: center;
        margin-bottom: 20px;
    }
    
    .business-section .button-set .btn-custom {
        padding: 15px 40px;
    }
    
    /*========================================
    =            Counters Section            =
    ========================================*/
   
    .counters-section {
        background-position: 0;
        padding: 45px 0;
    }
   
    /*==========================================
    =            Princing Section		         =
    ==========================================*/
   
    .pricing-section {
        padding: 55px 0;
    }
    
    .pricing-section .pricing-plans {
        margin-top: 0;
    }
    
    .pricing-section .single-plan {
        padding: 45px 0;
        margin: 25px 0;
    }
    
    /*==========================================
    =            Reviews Section               =
    ==========================================*/
   
    .reviews-section {
        background-position: 0;
    }
    
    .reviews-section .swipe-buttons #reviews-owl-prev {
        left: 5px; 
    }
    
    .reviews-section .swipe-buttons #reviews-owl-next {
        right: 5px; 
    }
    
    /*==========================================
    =            Team Section               	=
    ==========================================*/

	.team-section {
        padding: 50px 0;
    }
    
    .team-section .team-title {
        text-align: center;
    }
    
    .team-section .social-badge {
	    margin-top: 50px;
	}
	
	.team-section .text-part {
		margin-left: 0px;	
	}
	
	/*==========================================
    =            FAQ Section               	=
    ==========================================*/

	.faq-section {
        padding: 50px 0;
    }
    
    /*==========================================
    =            Support Section              	=
    ==========================================*/

	.support-section {
        padding: 50px 0;
    }

    
    /*==========================================
    =            Footer Section              	=
    ==========================================*/

	.footer-section {
	    padding: 50px 0;
	}
	
	.footer-section .single-list {
        text-align: left;
        margin-left: 30px;
        margin-bottom: 50px;
    }
    
    .footer-section .company {
        margin-top: 80px;
    }
    
    /*==========================================
    =            Search Page                	=
    ==========================================*/

	.search-wrapper h1 {
		margin: 20px 0 30px;
		font-size: 36px;
		color: #444;
		margin-bottom: 20px;
		font-weight: 700;
	}
	
	.search-wrapper .search-form .input-text {
		width: 100%;	
	}
	
	.search-wrapper .search-form .btn-custom {
    		margin-top: 20px;
    		padding: 0 40px;
    }
    
    .search-wrapper .search-form {
	    padding-bottom: 0;
	}
    
    .search-wrapper .search-result table td {	
		display: block;
		word-break: break-all;
	}
	
	.search-wrapper .search-result table td + td{	
		background-color: #fff;
	}
	
	.search-wrapper .search-result .certifiedpic {	
		max-width: 100%;
	}
}

/*==========================================
=            04. Medium devices            =
==========================================*/

@media only screen and (min-width:992px) and (max-width:1199px) {
    
    /*=======================================
    =            Menu			              =
    =======================================*/
    
    .navbar.navbar-v1 .navbar-nav {
	    margin-top: 5px;
    }
    
    .navbar.navbar-v1 .navbar-nav li > a {
	    font-size: 15px;
	    padding: 38px 10px;
    }
    
    /*=======================================
    =            Home Section               =
    =======================================*/
    
    .home-section .text-part .home-title {
        font-size: 44px;
    }
    .home-section .text-part .home-description {
/*         font-size: 15px; */
    }
    
    /*===========================================
    =            Features Section               =
    ===========================================*/
   
    .features-section .single-feature .feature-description {
/*         font-size: 13px; */
    }
   
    /*========================================
    =            Counters Section            =
    ========================================*/
   
    .counters-section {
        background-position: 0;
    }
   
    /*==========================================
    =            Reviews Section               =
    ==========================================*/
   
    .reviews-section {
        background-position: 0;
    }
}

/*=========================================
=            05. Large devices            =
=========================================*/

@media only screen and (min-width:1200px) {}


/*==========================================================
=            06. Medium devices / Large devices            =
==========================================================*/

@media only screen and (min-width:992px) and (max-width:1199px),
only screen and (min-width:1200px) {}