



/* Medium Layout: 1600px. */
@media only screen and (min-width: 1601px){ 

    
    
/* ==============================================================
				yoga Page Start
================================================================= */

/* ==============================================================
				yoga Page Start
================================================================= */
 
    
    
    
    
    
    
    
    
    
    
 
}





/* Medium Layout: 1600px. */
@media only screen and (min-width: 1400px) and (max-width: 1600px){ 

/* ==============================================================
				Fitness	Page Start
================================================================= */


/* ==============================================================
				Fitness	Page Enjd
================================================================= */

 
}




/* Medium Layout: 1400px. */
@media only screen and (min-width: 1200px) and (max-width: 1400px) { 

    
    
    
    
/* ==============================================================
                       Home Page Start
================================================================= */    

/* Hero-area start */


/* Hero-area End */

/* ==============================================================
                        Home Page End
================================================================= */    
    
    




 
 
 
}




/* Medium Layout: 1200px. */
@media only screen and (min-width: 991px) and (max-width: 1199px) { 

    
    
    
    
/* ==============================================================
                       contact Page Start
================================================================= */     
.contact-single-info > p {
  font-size: 12px;
} 
/* ==============================================================
                       contact Page End
================================================================= */     
    
    
    
/* ==============================================================
                       single-Blog Page Start
================================================================= */     
.comment-text {
  width: 85%;
}
    
/* ==============================================================
                       single-Blog Page End
================================================================= */     

    
/* ==============================================================
                       Blog Page Start
================================================================= */     
.blog-page-single-blog h3 {
  font-size: 17px;
}
    
/* ==============================================================
                       Blog Page End
================================================================= */     

    
    
    
/* ==============================================================
                       single-project-v2 Page Start
================================================================= */     

.single-project-v2 .single-project-info-text ul li {
    font-size: 14px;
    width: 235px;
}
.single-project-v2 .single-project-info-text {
    padding: 26px 15px;
}
.single-project-info-text {
  padding: 50px 10px;
}
.single-project-info-text ul li {
  width: 247px;
}    
/* ==============================================================
                       about-page Start
================================================================= */     

    
/* ==============================================================
                       about-page Start
================================================================= */     

.about-page .single-about > h2 {
    padding-bottom: 15px;
}
.about-page .single-about > p {
    font-size: 14px;
    line-height: 24px;
}
.about-tab .nav.nav-tabs a {
  width: 95px;
} 

.about-page .togglefaq {
    padding: 15px;
}
.about-page .faqanswer {
    padding: 15px;
}

.brand-area .owl-item {
  margin-right: 68px !important;
  width: 90px !important;
}

/* ==============================================================
                       about-page End
================================================================= */  
    

/* ==============================================================
                       Home Page4 Start
================================================================= */ 
    
.home-page-four .hero-area::before {
  width: 43%;
}    
.home-page-three.home-page-four .home-page4-slider-text {
  padding-top: 70px;
}    
.home-page-three .home-page4-slider-text {
  padding-top: 25px;
}    
.home-page-three .slider-text h1 {
  font-size: 46px;
  line-height: 55px;
}    
/* ==============================================================
                       Home Page4  End
================================================================= */ 

    
    
/* ==============================================================
                       Home Page1 Start
================================================================= */    

/* slider-area start */

.slider-text h1 {
    font-size: 58px;
    line-height: 70px;
}
.owl-dots {
  right: -70%;
  top: 45%;
}
.home-page1 .owl-dots {
  right: -70%;
}   
/* slider-area start */
 
    
/* ==============================================================
                        Home Page1 End
================================================================= */    




 
 
 
}







/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 990px) { 


    
   
    
 
    
/* ============================================================================
						single-Blog Page Start
=============================================================================== */    
.comment-text {
  width: 84%;
}    
 
    
/* ============================================================================
						single-Blog Page End
=============================================================================== */    
    
 
    
/* ============================================================================
						Blog Page Start
=============================================================================== */    

.blog-page .blog-area-pagination ul {
    margin-top: 0;
}

    
/* ============================================================================
						Blog Page End
=============================================================================== */    
    
 
    
/* ============================================================================
						single-project V1 Page Start
=============================================================================== */    
.single-project-info {
  padding: 8px;
}
.single-project-info-text {
  padding: 15px;
}
.single-project-info-text ul li {
  font-size: 14px;
  margin-bottom: 6.1px;
  width: 228px;
}
.single-project-info-text ul li span {
    font-size: 12px;
}
.single-project-info-text h2 {
    margin-bottom: 0;
    padding-bottom: 15px;
}
.col-md-3:nth-child(2) .single-project-single-img img {
    height: auto;
}
   
    
 
    
/* ============================================================================
						single-project V1 Page End
=============================================================================== */    
   
    
 
    
/* ============================================================================
						about Page Start
=============================================================================== */
  
.about-section .row .col-md-6:nth-child(1) {
    padding-right: 15px;
}
.about-page .acordion-area-content {
  padding-right: 0;
}
.single-about > img {
    width: 100%;
}
.brand-area .owl-item {
  margin-right: 45px !important;
  width: 80px !important;
}
  
    
    
/* ============================================================================
						about Page End
=============================================================================== */
    
    
    
/* ============================================================================
						Home Page5 Start
=============================================================================== */
.home-page-five .owl-dots {
  bottom: 30px;
}   
    
    
/* ============================================================================
						Home Page5 End
=============================================================================== */
   
    
    
/* ============================================================================
						Home Page4 Start
=============================================================================== */

.home-page-four .hero-area::before {
    display: none;
}

.home-page-four .owl-dots {
    width: 100%;
}
    
/* ============================================================================
						Home Page4 End
=============================================================================== */
   
    
    
/* ============================================================================
						Home Page Three Start
=============================================================================== */
  
.home-page-three .home-page4-slider-text {
  padding-top: 0;
}   
.home-page-three .slider-text h1 {
  font-size: 35px;
  line-height: 43px;
}    
/* ============================================================================
						Home Page Three End
=============================================================================== */

    
    

/* ============================================================================
						Home page Start
=============================================================================== */


    
/* Slider-area Start */

.owl-dots {
    right: 0;
    top: 45%;
}
.home-page1 .owl-dots {
  right: 0;
}
/* Slider-area Start */
    
    
/* price-area Start */

.grid-item a {
    padding: 0 7.5px;
}
.grid-item--width2 a {
    padding: 0 7.5px;
}
.margin-bottom {
  display: block;
  height: 15px;
  width: 100%;
}
.hover-black h4 {
    font-size: 15px;
    margin-bottom: 5px;
}
.hover-black > p {
    font-size: 12px;
}

/* price-area End */


 
    
/* ============================================================================
						Home page End
=============================================================================== */   




    
}









/* Mobile Layout: 320px. */
	@media only screen and (max-width: 767px) { 

        
        
        
        


/* =====================================================
					contact Page Start
========================================================*/
         

.contact-info {
    padding-bottom: 60px;
}


/* =====================================================
					contact Page Start
========================================================*/
         


/* =====================================================
					Single-blog Page Start
========================================================*/
        


.commentor-image {
    height: auto;
    width: 60px;
}
.comment-text {
    padding-left: 10px;
    width: 78%;
}
.comment-text > p {
    font-size: 14px;
}
.reply-comment {
    right: 5px;
}
.leave-comment-area .col-md-5:last-child .leave-comment-single-input {
    padding-top: 30px;
}
/* =====================================================
					Single-blog Page Page Start
========================================================*/
        
        
        
        


/* =====================================================
					blog Page Start
========================================================*/
        
.blog-page-single-blog-bottom {
    padding: 35px 10px;
}
.blog-page-single-blog h3 {
    font-size: 21px;
    line-height: 30px;
}
.blog-page-single-blog-bottom p:nth-child(1) {
  font-size: 14px;
}
.blog-page-blog .col-md-6:nth-child(2n) {
  padding-left: 15px;
}

.blog-area-pagination ul {
  margin-top: 0;
}
/* =====================================================
				    blog Page Page Start
========================================================*/
        
        


/* =====================================================
					Single project V2 Page Start
========================================================*/
        
.single-project-v2 .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
}        
.single-project-v2 .single-project-info-text ul li {
  width: 260px;
}

/* =====================================================
					Single project V2 Page Start
========================================================*/
        
        


/* =====================================================
					Single project V1 Page Start
========================================================*/


.home-image-area-text h1 {
  font-size: 32px;
}        

.col-md-3:nth-child(2) .single-project-single-img img {
  height: auto;
}
.single-project-single-img > img {
  height: auto;
  width: 100%;
}
.single-project-info-text {
    padding: 50px 15px;
}
.single-project-info-text ul li span {
    font-size: 14px;
}

/* =====================================================
					Single project V1 Page End
========================================================*/          
        


/* =====================================================
					About Page Start
========================================================*/          
.single-about > img {
  width: 100%;
}
.home-page-three.portfolio-page .hero-area {
  height: 300px !important;
}
.about-section .row .col-md-6:nth-child(1) {
    padding-right: 15px;
}
.single-about > h2 {
    margin-bottom: 0;
}
.about-tab .nav.nav-tabs a {
  margin-bottom: 30px;
  width: 125px;
}

      
        
/* FAQ area start */
        
.about-page .acordion-area-content {
    padding-right: 0;
}
.about-page .togglefaq {
    font-size: 10px;
    padding: 10px;
    width: 100% !important;
}
.about-page .faqanswer {
    padding: 10px;
    width: 100% !important;
}
.about-page .togglefaq i {
    font-size: 16px;
}
.about-page .faqanswer > p {
    font-size: 12px;
}

/* FAQ area End */
        
        
/* about area End */
        

.about-section .row .col-md-6:nth-child(2) {
    padding-left: 15px;
}

.single-about > h2 {
    font-size: 25px;
    line-height: 38px;
    text-align: center;
}    
/* about area End */
        
        
/* brand area Start */
.brand-area {
  display: none;
}        
/* brand area End */

/* =====================================================
					About Page End
========================================================*/          


/* =====================================================
					Home Page5 Start
========================================================*/          

.home-page-four.home-page-five .slider-text .home-page4-slider-text h1 {
    font-size: 21px;
    line-height: 34px;
}

.home-page-five .grid-item.grid-item-content-three {
    width: 100%;
}
        


/* =====================================================
					Home Page5 Ensd
========================================================*/          
        


/* =====================================================
					Home Page4 Start
========================================================*/        
/* Header-area Start */
      
/* Header-area Start */
        
/* Hero-area Start */
.home-page-three.home-page-three.home-page-four .hero-area .col-md-6 .home-page3-bg-img {
    display: none;
}

.home-page-four .hero-area::before {
    display: none;
}
.home-page-four .home-page3-bg-img {
  display: none;
}

.home-page-three.home-page-four .slider-text h1 {
    margin-top: 0;
}

.home-page-three.home-page-four .slider-text {
    height: 500px !important;
}
.home-page-three.home-page-four .hero-area {
    height: 618px !important;
}
.home-page-three.home-page-four .home-page4-slider-text {
    margin-top: -100px;
}
.home-page-four .owl-dots {
  width: 100%;
}        
        

/* Hero-area End */

/* =====================================================
					Home Page4Start
========================================================*/        


/* =====================================================
					Home Page3 Start
========================================================*/
        
/* Hero-area Start */
.home-page-three .col-sm-5 {
    display: none;
}

.home-page-three .hero-area {
  height: 670px !important;
}        
.home-page-three .slider-text {
  height: 530px !important;
}
.home-page-three .slider-text h1 {
    font-size: 24px;
    line-height: 36px;
}
.home-page-three .home-page4-slider-text {
  padding-top: 0;
}

.home-page-three .home-page4-slider-text {
    padding-top: 0;
}
.home-page-three .hero-area .col-md-5 {
    display: none;
}
.home-page-three .slider-text h1 {
    margin-top: -70px;
}
/* Hero-area End */
        
        
/* portfolio-area Start */
.grid-item.grid-item-hp3-width1 {
    width: 100%;
}

.grid-item.grid-item--width3 {
    width: 100%;
}

/* portfolio-area Start */
        
        
        

/* =====================================================
					Home Page3 Start
========================================================*/
           


/* =====================================================
					Home Page2 Start
========================================================*/
        
/* Hero-area Start */
.home-page-two .slider-text {
    height: 255px !important;
    padding-left: 15px;
}
.home-page-two .slider-text h1 {
  font-size: 24px;
  line-height: 35px;
}


/* =====================================================
					Home Page2 Start
========================================================*/
        


/* =====================================================
					Home Page Start
========================================================*/


/*
=====================================================================
	Dropdown Menu Starts when use dropdown for mobile Device
===================================================================== */

.hero-area-menu .nav.navbar-nav li:hover ul.dropdown-menu {
  left: 80px;
  top: 30px;
}
.hero-area-menu #nav > li {
  width: 100%;
  overflow: hidden;
}
        
/* Header-Bottom-area Start */
        header.header-area {
  padding: 50px 0;
  text-align: center;
}
.slicknav_menu {
  display: block;
}
.drop-menu {
  display: block;
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
  transition: .6s;
}
        
.logo {
    text-align: center;
}
.slick-wrap {
    display: none;
}

/* Header-Bottom-area End */        
/*
=====================================================================
	Dropdown Menu Ends when use dropdown for mobile Device
=====================================================================
*/ 
/* slider area Start */

.slider-text h1 {
    font-size: 30px;
    line-height: 44px;
}
.hero-area {
    height: 400px !important;
}
.slider-text {
    height: 223px !important;
}

.footer-left {
    text-align: center;
}
.footer-area p {
    line-height: 50px;
}
.footer-social-icon {
    float: none;
    line-height: 10px;
    text-align: center;
}
.footer-right {
    text-align: center;
}
.owl-dots {
    bottom: 0;
    right: 0;
    text-align: center;
    top: auto;
    width: 100%;
}
.owl-dot {
    display: inline-block;
    margin: 0 7px;
}
.home-page1 .owl-dots {
  right: 0;
}
/* slider area End */

/* portfolio area Start */
.portfolio-menu li {
  margin-right: 13px;
}
/* portfolio area End */



/* slider area Start */
.grid-item{
    width: 100%;
}
.grid-item.grid-item--width2{
    width: 100%;
}
        
/* slider area End */






/* footer-area End */



		

/* =====================================================
					Home Page Ends
========================================================*/
        

       

		


	
/* footer-area Start */
	
/* footer-area End */	








		
}




/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 




/* =============================================================================== 
							Single-Blog page Start
================================================================================== */
.blog-page-single-blog h3 {
  font-size: 19px;
  line-height: 30px;
}
.single-blog-page .blog-page-single-blog-bottom p {
  font-size: 15px;
}
.comment-text {
  padding-left: 38px;
  width: 89%;
}
/* =============================================================================== 
							Single-Blog page End
================================================================================== */


/* =============================================================================== 
							Blog page Start
================================================================================== */

.blog-page-blog .col-md-6:nth-child(2n+1) {
    padding-right: 15px;
}

/* =============================================================================== 
							Blog page End
================================================================================== */


/* =============================================================================== 
							about-page Start
================================================================================== */

.about-page .togglefaq {
    font-size: 18px;
}
.about-page .faqanswer > p {
    font-size: 14px;
}
.single-about > h2 {
  text-align: left;
}
.about-tab .nav.nav-tabs a {
  margin-bottom: 30px;
  width: 100px;
}
    
/* =============================================================================== 
							about-page End
================================================================================== */

    
    

/* =============================================================================== 
							Home-Page3 End
================================================================================== */
.home-page-three .slider-text h1 {
  font-size: 38px;
  line-height: 47px;
}

/* =============================================================================== 
							Home-Page3 End
================================================================================== */


/* =============================================================================== 
							Home-Page End
================================================================================== */


/* herohero-area Start */
.hero-area {
  height: 500px !important;
}
.slider-text {
  height: 290px !important;
}
/* hero-area End */	

/* slider-area Start */
.slider-text h1 {
  font-size: 45px;
  line-height: 55px;
}
/* slider-area End */	



/* portfolio-area Start */
.portfolio-menu li {
    margin-right: 30px;
    font-size: 20px;
}
   
/* portfolio-area End */	



/* footer-area Start */

.footer-left > p {
    display: block;
    text-align: center;
}
.footer-social-icon {
    display: block;
    text-align: center;
}

/* footer-area End */	





	
}

