/*---------------------------------------

[Responsive Stylesheet]

Template Name: Moksha
Version:1.1

----------------------------------------*/

/*

[Table Of Contents]

1.Tablet-Landscape Mode
2.Tablet-Portrait Mode
3.Smart Phones
4.Retina Display

*/


/*-----------------------------------------

===========================================

        [Tablet-Lanscape Mode]

===========================================

-----------------------------------------*/


@media only screen and (max-width: 1024px) {


.block{
      max-width: 450px !important; 
      }

.mobile .parallax{
                 background-attachment: scroll;
                 }


/* Full Width Image Slider */

.fullw-img-slider .owl-nav{
                          display: none;
                          }

/* Full Width Image Slide Ends */

/* Blog Type One */

.blog-one .c1,
.blog-one .c2,
.blog-one .c3,
.blog-one .c4,
.blog-one .c5,
.blog-one .c6,
.blog-one .c7,
.blog-one .c8,
.blog-one .c9,
.blog-one .c10,
.blog-one .c11,
.blog-one .c12{
              padding: 0;
              width: 100%;
              float: left;
              height: auto;
              overflow: auto;
              }

.blog-one .blog-item{
                     width: 100%;
                     position: relative;
                     height: auto;
                     overflow: auto;
                     text-decoration: none;
                     }

.blog-one .blog-item .detail{
                             position: relative;
                             width: 100%;
                             height: auto;
                             text-decoration: none;
                             }

.blog-one .blog-media{
                      position: relative;
                      height: auto;
                      width: 100%;
                      }

.blog-one .blog-item .vertical-align {
                                      padding-left: 0px;
                                      top:0%;
                                      transform:translateY(0%);
                                      -webkit-transform:translateY(0%);
                                      }

.blog-one .blog-item .detail{
  padding-left: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
} 

.blog-one .blog-item p.text{
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  max-width: 900px;
}

/* Blog Type One Ends */


/* Blog Type Two */

.blog-two .blog-item .blog-descr{
                                max-height: auto;
                                overflow: visible;
                                height: auto;
                                margin-bottom: 20px;
                                }

/* Blog Type Two Ends */

/* w800 */

.w800 .vertical-align{
                     padding-right: 0px !important;
                     margin-right: 0px !important;
                     }


/* w800 ends */

/* Main Navigation */

.main-nav .navigation-wrapper{
                              height: 100%;
                              padding-left: 40px;
                              padding-right: 40px;
                              }

.navigation-wrapper .main-menu li a{
                                   text-decoration: none;
                                   font-size: 16px;
                                   text-transform: uppercase;
                                   font-family: 'Lato', sans-serif;
                                   font-weight: 900;
                                   letter-spacing: 3px;
                                   padding-left: 13px;
                                   padding-right:10px;
                                   padding-top: 10px;
                                   padding-bottom: 8px;
                                   margin-bottom: 10px;
                                   max-width: 1000px;
                                   display: inline-block;
                                   line-height: 30px;
                                   }

.navigation-wrapper .footer{
                           padding-top: 15px;
                           letter-spacing: 2px;
                           font-size: 12px;
                           }

/* Main Navigation Ends */

}

/*-----------------------------------------

===========================================

        [Tablet-Portrait Mode]

===========================================

-----------------------------------------*/

@media only screen and (max-width: 768px){

/* Main Intro Section */

.main-intro-section{
                    overflow-x: hidden;
                    }

/* Main Intro Section Ends */


/* Work */

.work-data{
  padding-left: 15px;
}

.work-data .text{
  padding-right: 15px !important;
}

.work-data .work-media{
  padding-right: 15px;
}

.work-data .work-media.gallery{
  padding-right: 10px;
}

.work-data .comments-section{
  padding-right: 15px;
}

.work-data .reply-form-section{
  padding-right: 15px;
}

.work-data .work-pagination{
  margin-right: 15px;
}

.work-data .related-section{
  padding-right: 15px;
}

/* Work Ends */

/* Full Width Image Slider */


.fullw-img-slider{
                  max-height: 500px !important;
                  overflow: hidden !important;                      
                  }

.fullw-img-slider .owl-stage-outer{
                                   max-height: 500px !important;
                                   }

.fullw-img-slider .owl-stage{
                             max-height: 500px !important;
                             }       

/* Full Width Image Slider Ends */

/* Block Ends */

.block{
       margin-bottom: 0px;
       padding-bottom: 0px;
       padding-top: 30px;
       }

/* Block */


/* Pricing Tables */

.price-table{
            padding-left: 0px;
            }

.price-table .plans .plan{
                          width:90%;
                          margin-right: 5%;
                          margin-left: 5%;
                          padding-bottom: 40px;
                          }

.price-table .plans .plan .plan-container{
                                          max-width: 400px;
                                          margin-right: auto;
                                          margin-left: auto;
                                          }


/* Pricing Tables End */


p.text{
      text-align: justify !important;
      }


/* Intro Title */


h1.intro-title-one{
                  font-size: 25px;
                  font-weight: 200;
                  letter-spacing: 10px;
                  padding-left: 30px;
                  padding-right: 20px;
                  }

h1.intro-title-two{
                   font-size: 24px;
                   letter-spacing: 10px;
                   padding-left:20px;
                   padding-right:10px;
                   }

h1.intro-title-three{
                   font-size: 25px;  
                     letter-spacing: 15px;
                     padding-left: 15px;
                     padding-top: 10px;
                     padding-bottom: 10px;
                     line-height: 30px;
                     }

h1.intro-title-four{
                   font-size: 25px;
                   letter-spacing: 15px;
                   padding-left: 15px;
                   line-height: 35px;
                   padding-bottom: 5px;
                   }

h1.intro-title-five{
                   font-size: 30px;
                   letter-spacing: 5px;
                   line-height: 50px; 
                   display: inline-block;
                   padding-left: 10px;
                   padding-right: 5px;    
                   padding-bottom: 0;
                   margin-bottom: 20px;               
                  }

h1.intro-title-six{
                   line-height: 40px;
                  }


/* Intro Titles End */


/* Intro Text */

p.intro-text-one{
                letter-spacing: 1px;
                font-size: 11px;
                padding-left: 15px;
                padding-right: 15px;
                }

    
p.intro-text-two{
                line-height: 18px;
                letter-spacing: 1px;
                font-size: 10px;
                padding-left: 15px;
                padding-right: 15px;
                }

p.intro-text-three{
                   font-size: 11px;
                   line-height:16px;
                   }

p.intro-text-four{
                 line-height: 16px;
                 letter-spacing: 1px;
                 font-size: 11px; 
                 }

/*  Intro Text Ends */


/* Tabs */

.tabs-navigation li{
                   padding: 15px;
                   }

.tabs-navigation .icon{
                      font-size: 30px;
                      padding-bottom: 10px;
                      }

/* Tabs End */


/* Facts Section */


.facts-section .icon{
                     border: 0px;
                     position: relative;
                     text-align: center;
                     }

.facts-section h2{
                 text-align: center !important;
                 }

.facts-section p.text{
                     padding-right: 0px;
                     }
/* Facts Section Ends */


/* Team */


.team.gallery.three-col .item{     
                             padding-left: 20px;
                             padding-right: 20px;
                             text-align: center;
                             float: left;
                             width: 100% !important;
                             }

.team.gallery.three-col .item .item-media{
                                          max-width: 400px;
                                          margin-left: auto;
                                          margin-right: auto;
                                          }

/* Team Ends */



/* Portfolio */


.gallery.two-col .item{     
                      width: 50% !important;
                      }
    
.gallery.three-col .item{
                        width:50% !important;
                        }

.gallery.four-col .item{
                       width:50% !important;
                       }

/* Portfolio Ends */



/* Blog Classic */

.blog-classic.left{
                   padding-top: 0px;
                   }

.blog-classic.left{
                  padding-right: 20px !important;
                  }  

.blog-classic.right{
                   padding-left: 20px !important;
                   padding-right: 20px !important;
                   }

.blog-classic .blog-item{
                         margin-left: 0px !important;
                         }

/* Blog Classic ends */


/* Blog Type Two */

.blog-two .blog-item{ 
                    width: 100%;
                    }

.blog-two .blog-item .blog-descr{
                                 margin-bottom: 0px;
                                 height: auto;
                                 max-height: 800px;
                                 overflow: auto;
                                 padding-bottom: 20px;
                                 }

.blog-two .blog-item .blog-descr p.text{
                                        padding-left: 0px;
                                        padding-right: 0px;
                                        }


/* Blog Type Two Ends */


/* Blog Masonry*/

.blog-masonry.four-coloumns .blog-item{
                                       width: 50%;
                                       }

.blog-masonry.three-coloumns .blog-item{
                                       width: 50%;
                                       }

.blog-masonry.two-coloumns .blog-item{
                                      width: 50%;
                                      }

.blog-masonry .blog-item p.text{
                                padding-right: 0px;
                                padding-left: 0px;
                                }

/* Blog Masonry Ends*/


/* Sidebar */

.sidebar{
        margin-left: 0px;
        }

/* Sidebar */

/* Buttons */

.button{
        margin-right:20px;
        margin-left: 20px;
        padding-top: 10px;
        padding-bottom: 8px;
        padding-left: 18px;
        font-size: 10px;
        padding-right: 18px;
        letter-spacing: 2px;
        margin-top: 20px;
        margin-bottom: 10px;
        }

.buttons-wrapper .c3{
                     width: 50%;
                     }

/* Button End */

/* w800 */

.w800.contact .block p.text{
                           text-align: center !important;
                           }

.w800 p.text{
            padding-right: 0px !important;
            margin-right: 0px;
            }

/* w800 */

/* Contact */

.contact p.text{
               text-align: center !important;
               }

/* Contact */


/* Footer */

footer.main-footer p{
                    text-align: center !important;
                    }

/* Footer End*/

}

/*-----------------------------------------

===========================================

            [Smart Phones]

===========================================

-----------------------------------------*/




@media only screen and (max-width: 480px) {


/* Main Intro Slider */

.main-intro-slider .owl-nav{
                           display: none;
                           }

/* Main Intro Slider Ends */
         


/* Intro Titles */


h1.intro-title-one{
                  font-size: 20px !important;
                  font-weight: 300 !important;
                  letter-spacing: 10px !important;
                  padding-left: 10px !important;
                  padding-right: 10px !important;
                  padding-bottom: 10px !important;
                  }

h1.intro-title-two{
                   font-size: 20px !important;
                   font-weight: 300 !important;
                   letter-spacing: 10px !important;
                   padding-left:20px !important;
                   padding-right:10px !important;
                   }

h1.intro-title-three{
                     font-size: 18px !important;  
                     font-weight: 700 !important;
                     letter-spacing:8px !important;
                     padding-left: 8px !important;
                     padding-top: 10px !important;
                     padding-bottom: 10px !important;
                     line-height: 30px !important;
                     }

h1.intro-title-four{
                   font-size: 18px !important;
                   letter-spacing: 10px !important;
                   padding-left: 10px !important;                   
                  }

h1.intro-title-five{
                   font-size: 18px !important;
                   line-height: 50px !important;
                   margin-bottom: 20px !important;               
                  }

h1.intro-title-six{
                   font-size: 18px !important;
                   letter-spacing: 5px !important;
                   line-height: 25px !important;
                  }


/* Intro Titles Ends */


/* Intro Texts */

p.intro-text-one{text-align: center !important;}

/* Intro Texts End */


/* Blog One */

.blog-one  .blog-item .blog-media{
                                 opacity: 0 !important; 
                                 }

.blog-one .blog-item .full-overlay{
                                  opacity: 0 !important;
                                  }

/* Blog One Ends */


/* Contact Form */

.contact-form{
              padding-top: 60px;
              }

/* Contact Form Ends */




/* Portfolio */

.gallery.two-col .item{     
                      width: 100% !important;
                      }
    
.gallery.three-col .item{
                        width:100% !important;
                        }

.gallery.four-col .item{
                       width:100% !important;
                       }

/* Portfolio Ends */



/* Filters */

#filters li{
           float: none;
           display: block;
           }

#filters li a{
             font-size:12px;
             letter-spacing: 1px;
             }

ul#filters{
          padding-bottom: 30px;
          }

/* Filters */



/* Work Section */

.work-section .gallery{
                      padding-top: 30px;
                      }

/* Work Section Ends */



/* Columns */

.columns .c1,
.columns .c2,
.columns .c3,
.columns .c4,
.columns .c5,
.columns .c6,
.columns .c7,
.columns .c8,
.columns .c9,
.columns .c10,
.columns .c11,
.columns .c12{
             padding-right:0px;
             padding-left: 0px;
             }

/* Columns */



/* Button Wrapper */

.buttons-wrapper .c3{
                    width: 100% !important;
                    }

/* Button Wrapper */



/* Fix Height */

.fix-height{
           height:300px !important;
           }

/* Fix Height */




/* Media Slider */

.media-slider .owl-nav{
                      display: none;
                      }

/* Media Slider Ends */



/* Main Navigation */


.navigation-trigger{
                   height: 60px;
                   width: 60px;
                   }

.navigation-trigger .menu-open{
                              top: 0px;
                              bottom: 2px;
                              }


.navigation-trigger .menu-close{
                              top: 0px;
                              bottom: 2px;
                              }


.company-logo{
             height: 80px;
             width: 80px;
             padding-bottom: 10px;
             margin-bottom: 0px;
             }


.main-nav .navigation-wrapper{
                              height: 100%;
                              padding-left: 20px;
                              padding-right: 20px;
                              }


.navigation-wrapper .main-menu{
                              padding-top:30px;
                              }


.navigation-wrapper .main-menu li a{
                                   text-decoration: none;
                                   font-size: 14px;
                                   text-transform: uppercase;
                                   font-family: 'Lato', sans-serif;
                                   font-weight: 900;
                                   letter-spacing: 3px;
                                   padding-left: 13px;
                                   padding-right:10px;
                                   padding-top: 5px;
                                   padding-bottom: 5px;
                                   margin-bottom: 3px;
                                   max-width: 1000px;
                                   display: inline-block;
                                   line-height: 20px;
                                   }

.navigation-wrapper .footer{
                           padding-top:5px;
                           letter-spacing: 1px;
                           font-size: 10px;
                           font-weight: 900;
                           }

.navigation-wrapper .footer .social-links a{
                                           font-size: 12px;
                                           }


/* Main Navigation Ends */



/* Work */

.work-data .comments-section .comments .reply{
                                             margin-left: 30px;
                                             }
/* Work Ends */



/* Accordions */

.accordions{
           padding-left: 10px;
           padding-right: 10px;
           }


.accordions .accordion-content{
                               padding-right: 5px;
                               padding-left: 5px;
                               }
      

.accordion-content p.text{
                          padding-left: 10px !important;
                          padding-right: 10px !important;
                          text-align: justify;
                          }

/* Accordions End */


/* Blockquote */

blockquote{
  padding-right: 0px;
  margin-right: 15px;
}

/* Blockquote Ends */

/* List */

ul.un-list{
  padding-right: 15px;
}

/* List Ends */

/* Full width Image Slider */

.fullw-img-slider .owl-nav{
                          display: none;
                          }

.fullw-img-slider{
                  max-height: 350px !important;
                  overflow: hidden !important;
                  }

.fullw-img-slider img{
                      max-height: 350px !important;
                      width: auto !important;
                      } 


/* Full Width Image Slide Ends */

/* Typography */

p.text{
      padding-left: 15px;
      padding-right: 15px;
      }

h2.mega-title{
             font-size: 18px;
             letter-spacing: 3px;
             padding-left: 3px;
             }

/* Typography Ends */



/* w800 */

.w800{
     padding-left: 20px;
     padding-right: 20px;
     }

/* w800 */



/* Blog Masonry*/

.blog-masonry.four-coloumns .blog-item{
                                      width: 100%;
                                      }

.blog-masonry.three-coloumns .blog-item{
                                       width: 100%;
                                       }

.blog-masonry.two-coloumns .blog-item{
                                      width: 100%;
                                      }

/* Blog Masonry Ends*/


/* Google Map */

#google-map{
           height: 350px;
           }

/* Google Map Ends */

@media (-webkit-min-device-pixel-ratio: 2) , (min-resolution: 192dpi) { 

/* Menu Close */

.menu-close img{
               height: 70px !important;
               width: 80px !important;
               display: block !important;
               margin-left: auto !important;
               margin-right: auto !important;
               }

/* Menu Close Ends */

}

}



 

/* Retina Devices */

 @media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { 
     
.menu-close img{
               height: 80px;
               width: 80px;
               display: block !important;
               margin-left: auto !important;
               margin-right: auto !important;
               }

.company-logo img{
               height: 80px !important;
               width: 80px !important;
               display: block !important;
               margin-left: auto !important;
               margin-right: auto !important;
               }
     
    }

/* Retina Devices End */