/*
* ----------------------------------------------------------------------------------------
	Author        : Mohamed Alaa 
	Template Name : appsun – App Mobile  
	Version       : 1.0
* ----------------------------------------------------------------------------------------
*/


/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    /* Home Page */
    .home .container h1,
    .homeparticles .container h1,
    .homeparticles .container h1.particles-heading{
        font-size: 85px;
    }
    .home p {    
        font-size: 15px;
    }
    /* End Home Page */
     
    /* contact */   
    .contact-app form .form-group:first-of-type {
        width: 48%;        
        margin-right: 24px;
    }
    /* End contact */
    /** Start Bloger **/
    .blog-content .search-box{
        padding-top: 0;
    }
    /** End Bloger **/
    /** Screen Shots **/
    .slick-next,
    .slick-prev{
        right: -10px;
    }
    /** Screen Shots **/
    /* Start video */
    .video-show h2 {
        padding-top: 20px;
    }
    .video-show .img-video .video-click{
        transform: translate(0,93px);
    }
    /* Start video */
}
/* Tablet Layout: 768px. */

@media only screen and (min-width: 769px) and (max-width: 991px) {
    /* About Page */
    .about h2{
        margin: 0;
    }    
    /* End About Page */
    
    /* feature Page */
    .features .content-features:last-of-type{
        margin-bottom: 25px;
    }
    .features .features-left .content-features{
        margin-bottom: 0px !important;        
    }
    .features .row-margin, .features .row {    
        margin-left: -15px;
        margin-right: -15px;
    }
    .features .content-features:first-of-type{
        margin-right: 45px;
    }
    .features .img-show{
        margin-bottom: 20px;
    }
    .features .features-left,
    .features .features-right{
        position: relative;
        z-index: 22;
    }
    .features .paragraph-app,
    .screen-shots p,
    .pricing-section p,
    .teams-app p,
    .faq-app p,
    .news-blog .prag-recent,
    .contact-app p,
    footer p.about-footer,
    .homeparticles .container p{
        padding: 10px 15%;
        margin-bottom: 20px;
    }
    /* End feature Page */
   
   	/* Start screenShots Page */
    .screen-shots .slick-slider ,
	.slick-dotted.slick-slider{ /** all Slider Use */
	    z-index: 2;
	    position: relative;
	    overflow: hidden;
	}
    .slick-next,
    .slick-prev{
        display: none;
    }
	/* End screenShots Page */
    /* Start Video Page */    
    .video-show h2 {
        padding-top: 20px;
    }    
    /* End Video Page */
    /* testimonial */
    .testimonial .container-testmon p {
        padding: 5px 15%;
    }
    /* End testimonial */
    
    /* Start Price */
    .pricing-section .first-div,
    .pricing-section .second-div{
        margin-bottom: 40px;
    }
    .pricing-section .container-pricing-two.active,
    .pricing-section .container-pricing-three.active,
    .pricing-section .container-pricing-four.active{
    	transform: scale(1);
    	margin-top: 45px;
	}
	.pricing-section .container-pricing-two.active,
    .pricing-section .container-pricing-three.active{
    	margin-top: 45px;
    }
    /* End Price */
    /* Blog */
    .news-blog .first-blog{
        margin-bottom: 40px;
    }
    .news-blog .second-blog{
        margin-bottom: 40px;
    }
    /* End Blog */    
    /* Start Page Blog */
    .blog-content .content-text-blog {
    	padding-right: 15px;
	}
	.blog-content .auther-details .img-media-auther .social-media ul li {
    	display: inline-block;
    	padding: 2px;
    	font-size: 12px;
	}
    .blog-content.blog-two .bloger .years-comment span,
    .blog-content.blog-two .bloger .years-comment span i{
        font-size: 12px;
    }
    .blog-content .search-box{
        padding-top: 0;
    }
	/* End Page Blog */
    /* contact */
    .contact-app form .form-group:first-of-type {                
        width: 100%;
    }
    .contact-app form .form-group:nth-of-type(2) {
        width: 100%;        
    }
    /* End contact */
}
/* Mobile Layout: 767px. */

@media only screen and (max-width: 768px) {    
    /* Nav Particles Page */
    .navbar-default.PR-black .navbar-nav > li > a,
    .navbar-default.PR-black .navbar-nav > li > a:hover,
    .navbar-default.PR-black .navbar-nav > li > a:focus{
        color: #fff;
    }
    .navbar-default.PR-black .navbar-nav > .active > a:after{
        border-color: #fff;
    }
    .navbar-default .navbar-toggle.PR-button {
        border-color: #a1a1a1;
    }
    .navbar-default .navbar-toggle.PR-button .icon-bar {
        background-color: #999999;
    }
    /* Nav Particles Page */
    /* Home Page */
    .home .container h1,
    .homeparticles .container h1,
    .homeparticles .container h1.particles-heading{
        font-size: 90px;
    }
    .home p {    
        font-size: 15px;
    }
    /* End Home Page */
    
    /* About Page */
    .about h2{
        margin: 0;
    }
    /* End About Page */
    
    /* Feature Page */   
    .features .img-show{
        margin-bottom: 20px;
    }
    .features .img-show img{
        margin-top: 20px;
    }
    .features .content-features{
        margin-left: 15px;
        margin-right: 15px;
        width: 100%;
    }
    .features .features-left,
    .features .features-right{
        position: relative;
        z-index: 22;
    }
    .features .paragraph-app,
    .screen-shots p,
    .pricing-section p,
    .teams-app p,
    .faq-app p,
    .news-blog .prag-recent,
    .contact-app p,
    footer p.about-footer,
    .homeparticles .container p{
        padding: 10px 15%;
        margin-bottom: 20px;
    }
    /*extra features*/
    .extra-features .container-extra {
    	padding: 0px 15px;
	}
	.extra-features .container-extra h3 {
    	padding-top: 0;
    }
    /* End feature Page */
    /* Start screenShots Page */
    .screen-shots .slick-slider ,
	.slick-dotted.slick-slider{ /** all Slider Use */
	    z-index: 2;
	    position: relative;
	    overflow: hidden;
	}
    .slick-next,
    .slick-prev{
        display: none;
    }
	/* End screenShots Page */
	
    /* video Page */
    .video-show p {
        padding-right: 35px;
    }
    /* End video Page */
    
    /* testimonial */
    .testimonial .container-testmon p {
        padding: 5px 10%;
    }
    /* End testimonial */
    
    /* Start Price */    
    .pricing-section .container .first-div,
    .pricing-section .second-div{
        margin-bottom: 40px;
    }
    .pricing-section .container-pricing-two.active,
    .pricing-section .container-pricing-three.active,
    .pricing-section .container-pricing-four.active{
    	transform: scale(1);
	}
    /* End Price */
     /* Blog */
    .news-blog .first-blog{
        margin-bottom: 40px;
    }
    .news-blog .second-blog{
        margin-bottom: 40px;
    }    	
    /* End Blog */
   /* Start Page Blog */
    .blog-content .content-text-blog {
    	padding-right: 15px;
	}
	.blog-content .comment-user .text-comment h4,
	.blog-content .comment-user .repair-comment h4{
		font-size: 15px;
	}
	.blog-content .comment-user .text-comment p,
	.blog-content .comment-user .repair-comment p{
		font-size: 14px;
	}
	.blog-content .comment-user .repair-comment{
		 margin-left: 0;	    
	    padding-left: 35px;
	}
	.blog-content .auther-details .text-auther h4 {    	
    	font-size: 17px;
    	text-align: center;
    	margin: 5px 0;
	}
	.blog-content .auther-details .text-auther span{
		text-align: center;
		display: block;
	}
	.blog-content .auther-details .text-auther p{
		font-size: 13px;
		text-align: center;
	}
	.blog-content .bloger .all-text-blog p{
		font-size: 14px;
	}
	.blog-content .bloger .all-text-blog h3 {
    	font-size: 18px;
    }
	.blog-content .bloger .footer-post .like-share {
    	padding-top: 10px;
    	padding-bottom: 15px;
	}
	.blog-content .auther-details .img-media-auther .social-media ul li, .blog-content .comment-user .icons-comment ul li {
	    display: inline-block;
	    padding: 2px;
	    font-size: 12px;
	}
    .blog-content .mobile-click {
        position: absolute;
        top: 0;
        background: #fff;
        width: 70%;
        right: 0;
        z-index: 30;
        padding: 30px 15px;
        transform: translate(520px);
        transition: all 1s ease-in-out;
    }
    .blog-content .cover{
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7215686274509804);
        z-index: 23;
        cursor: pointer;
        top: 0;
    }
    .blog-content .show-blog-dev{
        transform: translate(0);        
        transition: all 1s ease-in-out;
    }
	/* End Page Blog */
    /* contact */
    .contact-app form .form-group:first-of-type {                
        width: 100%;
    }
    .contact-app form .form-group:nth-of-type(2) {
        width: 100%;        
    }
    /* End contact */
    /* Notfound */
    h2.error,.prag-not-found{
        text-align: center;
    }
    .prag-not-found{
        padding-right: 0px;
    }
    /* Notfound */
    /** Clock **/
    .index-main.witcher h2 {
        padding-right: 65px;        
    }
    /** Clock **/    
}


/* Wide Mobile Layout: Form 767 To 480px. */

@media only screen and (min-width: 480px) and (max-width: 768px) {
     /* Home Page */
    .home .container h1,
    .homeparticles .container h1,
    .homeparticles .container h1.particles-heading{
        font-size: 75px;
    }
    .home p {    
        font-size: 15px;
    }
    /* End Home Page */
    
    /* About Page */
    .about h2{
        margin: 0;
    }
    /* End About Page */
    /* Feature Page */
    .features .img-show{
        margin-bottom: 20px;
    }
    .features .content-features{
        margin-left: 15px;
        margin-right: 15px;
    }
    .features .features-left,
    .features .features-right{
        position: relative;
        z-index: 22;
    }
    /*=== Framework pragraph ===*/
    .features .paragraph-app,
    .screen-shots p,
    .pricing-section p,
    .teams-app p,
    .faq-app p,
    .news-blog .prag-recent,
    .contact-app p,
    footer p.about-footer,
    .homeparticles .container p{
        padding: 5px 10%;
        margin-bottom: 20px;
    }
    /* End feature Page */
    
    /* Start Price */
    .pricing-section .first-div,
    .pricing-section .second-div{
        margin-bottom: 40px;
    }
    /* End Price */
   
   	/* Blog Page */
	.blog-content .auther-details {	    
	    border-radius: 0;
	}
	/* Start Blog Page */	
	/* Start main Page */
    .index-main .row.cell .content-main {
        padding-top: 15%;
    }
	/* End main Page */	
}


/* Wide Mobile Layout: 480px. */

@media (max-width: 480px) {
    /* Home Page */
    .home .container h1,
    .homeparticles .container h1,
    .homeparticles .container h1.particles-heading{
        font-size: 55px;
    }
    .home p {    
        font-size: 14px;
    }
    /* End Home Page */
    
    /* Feature Page */
    .features .img-show{
        margin-bottom: 20px;
    }
    .features .content-features{
        margin-left: 0px;
        margin-right: 0;
        padding: 0;
    }
    .features .features-left,
    .features .features-right{
        position: relative;
        z-index: 22;
    }
    .features .content-features h4{
        padding-top: 25px;
        padding-bottom: 15px;
    }
    /*=== Framework pragraph ===*/
    .features .paragraph-app,
    .screen-shots p,
    .pricing-section p,
    .teams-app p,
    .faq-app p,
    .news-blog .prag-recent,
    .contact-app p,
    footer p.about-footer,
    .homeparticles .container p{
        padding: 5px 5%;
        margin-bottom: 20px;
    }
    
    /*extra features*/
    .extra-features .container-extra {
    	padding: 0px 15px;
	}
	.extra-features .container-extra h3 {
    	padding-top: 0;
    }
    /* End feature Page */
    
    /* video Page */
    .video-show p {
        padding-right: 0;
    }
    /* End video Page */
    
    /* testimonial */
    .testimonial .container-testmon p {
        padding: 5px 0;
    }
    /* End testimonial */
    
     /* Blog */
    .news-blog .first-blog{
        margin-bottom: 40px;
    }
    .news-blog .second-blog{
        margin-bottom: 40px;
    }    
    /* End Blog */
    /* Page Bloger */
   .blog-content .bloger .years-comment i,
   .blog-content .bloger .years-comment span{
		font-size: 12px;
	}
	.blog-content .bloger {
		margin-bottom: 40px;
	}
	.homeBloger .container h2 {
    	font-size: 23px;
	}
	.homeBloger .row.cell .years-comment span {
    	font-size: 12px;
    	padding-right: 10px;
	}
	.blog-content .auther-details {	    
	    border-radius: 0;
	}
	.blog-content .comment-user .div-form-comment {
     padding-left: 15px; 
	}
   /* End Page Bloger */    
    /* contact */
    .contact-app form .form-group:first-of-type {                
        width: 100%;
    }
    .contact-app form .form-group:nth-of-type(2) {
        width: 100%;        
    }
    /* End contact */
    /** Main Home **/
    .index-main .row.cell .content-main {
        padding-top: 30%;
    }
    /** Main Home **/
    /** Clock **/
    .index-main.witcher h2 {
        padding-right: 0px;        
    }
    /** Clock **/
}

@media (max-width: 375px){
    /* Home Page */
    .home .container h1,
    .homeparticles .container h1,
    .homeparticles .container h1.particles-heading{
        font-size: 40px;
    }    
    .home p {
        padding: 10px 30px;
    }
    /* End Home Page */
    /* End About Page */
    .about h2 {        
        font-size: 32px;    
        line-height: 45px;
        padding-bottom: 25px;        
    }
    /* End About Page */
    
    /* Start Download */
    .download-app .download-app-phone a, 
    .download-app .download-app-phone a:hover{
        display: block;
        width: 60%;
        padding: 15px;
    }
    .download-app .download-app-phone a:first-of-type{
        margin-bottom: 20px;
        padding: 12px 15px;
    }
    /* End Download */
    
    /* Blog */
    .news-blog .first-blog{
        margin-bottom: 40px;
    }
    .news-blog .second-blog{
        margin-bottom: 40px;
    }    
    /* End Blog */
    /* Page Bloger */   
	.blog-content .bloger .years-comment i,
	.blog-content .bloger .years-comment span{
		font-size: 10px;
	}
	.blog-content .comment-user .text-comment p, 
	.blog-content .comment-user .repair-comment p {
    	font-size: 12px;
	}
	.homeBloger .container h2 {
	    font-size: 20px;
	    line-height: 25px;
	}
	.homeBloger .row.cell .years-comment span {
	    font-size: 11px;
	    padding-right: 7px;
	}
	/* End Page Bloger */
    /** Not Found **/
    .notfound h2 {
        font-size: 25px;
    }
    h2.error {    
        font-size: 6em;
    }
    /** Not Found **/
    /** Main Home **/
    .index-main .row.cell .content-main {
        padding-top: 30%;
    }
    /** Main Home **/
}
/* Mobile Layout: 320px. */
@media (max-width: 320px){
    /* Home Page */
    .home .container h1,
    .homeparticles .container h1,
    .homeparticles .container h1.particles-heading{
        font-size: 40px;
    }    
    .home p {
        padding: 10px;
    }
    /* End Home Page */
   /* Page Bloger */
   .blog-content .bloger .years-comment {
    	height: 65px;    
	}
	.blog-content .bloger .years-comment .all-details {
    	padding-top: 12px;
	}
	.blog-content .bloger .years-comment i,
	.blog-content .bloger .years-comment span{
		font-size: 12px;
	}
	/*End Page Bloger */
    .extra-features .container-extra h3{
        font-size: 20px;
    }
    .panel-title{    
        font-size: 14px;     
    }
    .faq-app .panel-body {    
        font-size: 15px;
    }
    .homeBloger .container h2{
        font-size: 19px;
    }
    .homeBloger .container h6{
        font-size: 11px
    }
}