/*
  Theme Name: Unlimited
  Theme URL: http://themewar.com/html/unlimited
  Author: ThemeWar
  Author URI: http://www.themewar.com
  Description: Responsive Multipurpose HTML5 Template
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================

1. Homepage One.contInput input[name="name"]
    i. Slider Section
    ii. Feature Section
    iii. Template Version Section
    iv. Promo Section
    v. Work Section
    vi. Service Section
    vii. Skill Section
    viii. Client Section
    ix. Footer Section
    x. Copy Right Section

2. Home Two
    i. Slider(h2)Section
    ii. About Section
    iii. Fun Fact Section
    iv. Team Section
    v. Promo Section
    vi. Blog Section

3. Home Three
    i. Slider(h3) Section
    ii. About Section
    iii. Skill Section
    iv. Recent Work Section
    v. Fun Facts Section
    vi. Our Goal Section

4. Home Four
    i. Slider(h4) Section
    ii. Feature Section
    iii. Achievement Section
    iv. Recycle Section 
    v. Our Goal Section
    vi. Video Section
    vii. Blog Section
    viii. Testimonial Section

5. Home Five
    i. Slider Section
    ii. About Section
    iii. Upcoming Section
    iv. Fun Facts Section 
    v. Pricing Table Section
    vi. Traineers Section
    vii. Contact Section

6. Home Six
    i. Causes Section
    ii. Volunteer Section
    iii. Causes Search Section
    iv. African Hugner Section
    v. About Widget Section

7. Portfolio Page Two

8. Portfolio Page Three

9. Portfolio Page Four

10. Blog Sidebar Page

11. Blog Grid Page

12. Blog Single Page

==========================================================================*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .newFtContent .featureIcon:after{
        height: 102px;
        width: 102px;
    }
    .innerHeader:after {
        left: -2px;
    }
    .serviceIcon:after {
        height: 102px;
        width: 102px;
    }
    .singleSocial:after {
        height: 37px;
        width: 37px;
    }
    .footerLogo:after {
        height: 102px;
        width: 102px;
    }
    .featureIcon:after{
        height: 102px;
        width: 102px;
    }
    .factIco:after{
        width: 102px;
        height: 102px;
    }
    .teamIco:after{
        height: 38px;
        width: 38px;
    }
    .dropSub {
        left: -24px;
        width: 152px;
    }
    #backtotop:after {
        left: 2px;
        top: 2px;
    }
}
@media screen and (min-width:1440px) and (max-width:2565px){
    /***** Preset Area ******/
    .presetArea{
        top: 100px;
    }
    /********** Menu Area *******/
    .header .col-lg-8{
        margin: 0;
        width: 100%;
    }
    .headerTriangle{
        background-size: 100% 100%;
        height: 426px;
        margin: 0 auto;
        padding-top: 40px;
        width: 852px;
    }
    .logo h1 {
        font-size: 60px;
    }
    .haderBatti {
        height: 100px;
        margin: 24px auto 0;
        width: 100px;
    }
    .haderBatti a {
        font-size: 72px;
    }
    .logo {
        margin-top: 15px;
    }
    /**** slider area ******/
    .tp-caption.hdHeiFix{
        top: 530px !important;
    }
    .tp-caption.paraDown{
        top: 638px !important;
    }
    .tp-caption.buttonDown{
        top: 692px !important;
    }
    .tp-caption.hdParaHeiFix{
        top: 608px !important;
    }
    /*No Bg Slider*/
    .tp-caption.noBgHead{
        top: 510px !important;
    }
    .tp-caption.noBgPara{
        top: 618px !important;
    }
    .tp-caption.noBgButton{
        top: 675px !important;
    }
    /*No Bg 2 Slider*/
    .tp-caption.noBgHead2{
        top: 490px !important;
    }
    .tp-caption.noBgPara2{
        top: 596px !important;
    }
    .tp-caption.noBgButton2{
        top: 652px !important;
    }
    /*No Bg 3 Slider*/
    .tp-caption.noBgHead3{
        left: 375px !important;
    }
    .tp-caption.noBgPara3{
        left: 375px !important;
    }
    .tp-caption.noBgButton3{
        left: 375px !important;
    }
    .tp-caption.paddingLeft{
        padding-left: 370px !important;
    }
    .newFtContent .featureIcon{
        margin-top: 94px;
    }
    .newFtContent .postTitle{
        padding-top: 50px;
    }
    .nTetiImg {
        height: 552px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    /************** Homepage One ***************/
    .sectionPadding{
        padding: 95px 0 !important;
    }
    .featureDetails {
        margin-bottom: 35px;
    }
    .tempVersion{
        padding-bottom: 63px;
    }
    .promoLeft {
        padding: 75px 0 60px;
    }
    .promoLeft h1 {
        font-size: 50px;
        line-height: 1.1;
        text-align: center;
    }
    .promoRight {
        padding: 75px 0;
        text-align: center;
    }
    .promoRight h3 {
        text-align: center;
    }
    /************** home two ****************/
    .feaDesc {
        margin-bottom: 20px;
    }
    .abFeature {
        padding-bottom: 70px;
    }
    .factDesc {
        margin: 40px 0 60px;
    }
    .funfactArea {
        padding: 95px 0 30px;
    }
    .teamSocial {
        margin: 0 auto;
        width: 190px;
    }
    .singleTeam {
        margin-bottom: 60px;
    }
    .teamArea.sectionPadding {
        padding-bottom: 60px !important;
    }
    .promo2Desc p {
        width: 100%;
    }
    .promo2Desc {
        padding: 85px 0;
    }
    .flickMain {
        width: 260px;
    }
    /************** home two ****************/
    .feaDesc {
        margin-bottom: 20px;
    }
    .abFeature {
        padding-bottom: 70px;
    }
    .factDesc {
        margin: 40px 0 60px;
    }
    .funfactArea {
        padding: 95px 0 30px;
    }
    .teamSocial {
        margin: 0 auto;
        width: 190px;
    }
    .teamImg{
        width: 270px;
        margin: 0 auto;
    }
    .singleTeam {
        width: 270px;
        margin: 0 auto 60px;
    }
    .teamArea.sectionPadding {
        padding-bottom: 60px !important;
    }
    .promo2Desc p {
        width: 100%;
    }
    .promo2Desc {
        padding: 85px 0;
    }
    /************** Homepage Three ***************/
    .aboutThCont {
        width: 100%;
    }
    .threeAbout.sectionPadding {
        padding-bottom: 50px !important;
    }
    .skillAreaTh.sectionPadding{
        padding-bottom: 50px !important;
    }
    .achieveContent p {
        width: 100%;
    }
    .factsTwo.sectionPadding {
        padding: 100px 0 30px !important;
    }
    .testiQuote {
        margin-left: 15px;
        width: 67%;
    }
    .carousel-container {
        position: relative;
        width: 950px;
        overflow: hidden;
        margin: 0 auto;
        height: 570px;
    }
    #featueSel {
        width: 100%;
    }
    /****************** home four **********************/
    .defaultButton.home4 {
        margin-bottom: 20px;
    }
    .blogDetails.home4 {
        margin-bottom: 60px;
    }
    .blogImg iframe {
        height: 340px;
    }
    #featueSel2{
        width: 100%;
    }
    .home4 .carousel-container {
        height: 450px;
        margin: 0 auto;
        overflow: hidden;
        width: 950px;
    }
    /**************** home five **********************/
    .h5AboutCont p {
        width: 100%;
    }
    .h5AboutCont .rectLine {
        margin-top: 85px;
    }
    .evntCont {
        margin-bottom: 40px;
    }
    .h5Facts.sectionPadding {
        padding-bottom: 50px !important;
    }
    .trainerImg,.trainerDesc {
        float: none !important;
        width: 270px;
        margin: 0 auto;
    }
    /***************** home six *****************/
    .causes .mix{
        margin-bottom: 70px;
    }
    .causes .rectLine {
        margin-top: 40px;
    }
    .volunContent{
        margin-bottom: 40px;
    }
    .causeForm input {
        float: none;
        margin: 0 auto 20px;
    }
    .hungerArea {
        padding: 80px 0;
    }
    /******************* folio 4 page *****************/
    .folioDetails .teamSocial {
        width: 190px;
    }
    .folioCont.two {
        margin-bottom: 40px;
    }
    .relatedFolio.sectionPadding {
        padding-bottom: 50px !important;
    }
    #folioCarous .carousel-control{
        display: none;
    }
    /*************** Member Page **************/
    .singleTeam.mpTeam .teamSocial {
        width: 190px;
    }
    .memberPageArea .memberImg {
        width: 385px;
    }
    /****************** about page *******************/
    .aboutCont {
        border: 1px solid #e5e5e5;
        padding: 25px 20px 0 25px;
    }
    .aboutCaros {
        width: 470px;
    }
    /************** blog sidebar page *******************/
    .postDate {
        left: -80px;
    }
    .teraPost .bsPostCont {
        border: 1px solid #e5e5e5;
        width: 100%;
    }
    .teraPost .bsPostThumb {
        margin-bottom: 50px;
    }
    /****************** blog side single page *******************/
    .postWithImg p {
        padding-left: 0;
        width: 100%;
    }
    .authorBio {
        margin-left: 0;
        width: 100%;
    }
    .authorBio .teamSocial {
        margin: 0;
        top: 24px;
    }
    .userImg {
        margin-bottom: 30px;
    }
    .commentDetails {
        padding-left: 0;
        width: 100%;
    }
    .replyTwo .userImg {
        margin-left: 0;
    }
    .replyTwo .commentDetails {
        width: 100%;
    }
    .replyTwo2 .userImg {
        margin-left: 0;
    }
    .replyTwo2 .commentDetails {
        width: 100%;
    }
    .commentForm input[type="text"] {
        width: 100%;
    }
    .leaveComment {
        padding: 20px 10px 10px;
        margin-top: 30px;
    }
    .authorHistory {
        padding: 40px 20px 0 40px;
    }
    /************** contact page *******************/
    .contactSocial .teamSocial {
        margin-left: 10px;
    }
    .contInput input {
        width: 100%;
    }
    /************** event page ****************/
    .singleEvent {
        margin: 0 auto 30px;
        min-height: inherit;
        padding-left: 0;
        width: 100%;
    }
    .eventThumb {
        margin: 0 auto;
        position: relative;
        right: 0;
        width: 100%;
        height: auto;
    }
    .eventDet {
        margin: 0 auto;
        padding-right: 0;
        width: 95%;
    }
    .evMeta {
        padding-bottom: 12px;
        padding-top: 12px;
    }
    .evMeta p.dat {
        margin-right: 0;
    }
    .eventSidebar .bsSPoCon {
        margin-left: 15px;
        width: 65%;
    }
    .sidebar.eventSidebar {
        padding-left: 0;
        padding-right: 0;
    }
    /***************** event single page *******************/
    .eventSingPost .teamSocial {
        width: 190px;
    }
    /********* Rev slider ********/
    .tp-caption.noBgHead{
        top: 390px !important;
    }
    .tp-caption.noBgPara{
        top: 527px !important;
    }
    .tp-caption.noBgButton{
        top: 602px !important;
    }
    .tp-caption.hdHeiFix{
        top: 420px !important;
    }
    .tp-caption.paraDown{
        top: 527px !important;
    }
    .tp-caption.buttonDown{
        top: 602px !important;
    }
    .tp-caption.noBgHead2{
        top: 420px !important;
    }
    .tp-caption.noBgPara2{
        top: 527px !important;
    }
    .tp-caption.noBgButton2{
        top: 602px !important;
    }
    .tp-caption.noBgHead3{
        top: 420px !important;
    }
    .tp-caption.noBgPara3{
        top: 527px !important;
    }
    .tp-caption.noBgButton3{
        top: 602px !important;
    }
    .tp-caption.heiResHead{
        top: 420px !important;
    }
    .tp-caption.heiResPar{
        top: 527px !important;
    }
    .tp-caption.tabBtnFix{
        top: 602px !important;
    }
    .slButton {
        margin-top: 0;
    }
    .tp-caption.resfixBtn{
        top: 600px !important;
    }
    .sliderArea.home4Slider .tp-caption.hdHeiFix {
        top: 420px !important;
    }
    .sliderArea.home4Slider .tp-caption.paraDown {
        top: 527px !important;
    }
    .sliderArea.home4Slider .tp-caption.buttonDown {
        top: 602px !important;
    }
    .sliderArea.home5Slider .tp-caption.hdHeiFix {
        top: 420px  !important;
    }
    .sliderArea.home5Slider .tp-caption.paraDown {
        top: 527px !important;
    }
    .sliderArea.home5Slider .tp-caption.buttonDown {
        top: 602px !important;
    }
    .sliderArea.home6Slider .tp-caption.hdHeiFix {
        top: 420px !important;
    }
    .sliderArea.home6Slider .tp-caption.paraDown {
        top: 527px !important;
    }
    .sliderArea.home6Slider .tp-caption.hdParaHeiFix {
        top: 527px !important;
    }
    .sliderArea.home6Slider .tp-caption.buttonDown {
        top: 602px !important;
    }
    .tp-caption.noBgHead{
        top: 420px !important;
    }
    .tp-caption.noBgPara{
        top: 527px !important;
    }
    .tp-caption.noBgButton{
        top: 602px !important;
    }
    .innerHeader:after {
        left: -1px;
    }
    .newFeatureArea {
        overflow: hidden;
    }
    .singleNewFt {
        height: 300px;
    }
    .singleNewFt img{
        height: 100%;
        width: auto;
    }
    .newSubsContent {
        padding-top: 60px;
        right: 0;
    }
    .newSubsContent h3 {
        font-size: 30px;
        text-align: center;
    }
    .newSubsContent h1 {
        font-size: 40px;
        text-align: center;
    }
    #unSubscribeForm.newSubform {
        padding: 0 15px;
        width: 100%;
    }
    .newSubform input[type="email"] {
        width: 100%;
    }
    .newsLetter #subSubmit {
        right: 15px;
    }
    .newSubsContent p {
        float: none;
        padding: 0 15px;
        text-align: center;
        width: 100%;
    }
    .newSubs {
        height: 390px;
    }
    .mapCont {
        padding-top: 110px;
    }
    .mapAdderess {
        left: 0;
        padding-left: 10px;
    }
    .mapCont p i {
        font-size: 35px;
    }
    .mapCont p span {
        font-size: 30px;
        padding-top: 0;
    }
    .newMap {
        height: 390px;
    }
    .nTetiImg {
        height: auto;
    }
    .nTestiContent h1 {
        font-size: 30px;
        padding-bottom: 20px;
    }
    .nTestiContent {
        padding-bottom: 20px;
        padding-left: 0;
        padding-top: 40px;
    }
    .nTestiContent h3 {
        line-height: 1.2;
        width: 100%;
    }
    .evnbgImg {
        overflow: hidden;
    }
    .evnbgImg img {
        width: auto;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    /************** Homepage One ***************/
    /*mobile menu*/
    .innerMenu > ul > li {
        line-height: 16px;
        padding: 0 8px 0 5px;
    }
    .innerMenu > ul > li a {
        font-size: 14px;
        line-height: 12px;
        padding-bottom: 30px;
    }
    .innerLogo h3 {
        font-size: 35px;
    }
    .innerLogo h1 {
        font-size: 30px;
    }
    .sectionPadding{
        padding: 85px 0 !important;
    }
    .featureDetails {
        margin-bottom: 35px;
    }
    .rectLine {
        margin-top: 40px;
    }
    .tempVersion{
        padding-bottom: 63px;
    }
    .tempDetails {
        padding: 10px 25px 60px;
    }
    .promoLeft {
        padding: 75px 0 60px;
    }
    .promoLeft h1 {
        font-size: 40px;
        line-height: 1.1;
        text-align: center;
    }
    .promoRight {
        padding: 75px 0;
        text-align: center;
    }
    .promoRight h3 {
        text-align: center;
    }
    .serviceIcon:after {
        height: 94px;
        left: -2px;
        top: -2px;
        width: 94px;
    }
    .serviceIcon {
        height: 90px;
        width: 90px;
    }
    .servicArea {
        padding: 85px 0 0;
    }
    .newFeatureArea {
        overflow: hidden;
    }
    /************** home two ****************/
    .feaDesc {
        margin-bottom: 20px;
    }
    .abFeature {
        padding-bottom: 70px;
    }
    .factDesc {
        margin: 40px 0 60px;
    }
    .funfactArea {
        padding: 95px 0 30px;
    }
    .teamSocial {
        margin: 0 auto;
        width: 190px;
    }
    .singleTeam {
        margin-bottom: 60px;
    }
    .teamArea.sectionPadding {
        padding-bottom: 60px !important;
    }
    .promo2Desc p {
        width: 100%;
    }
    .promo2Desc {
        padding: 85px 0;
    }
    /************** Homepage Three ***************/
    .aboutThCont {
        width: 100%;
    }
    .threeAbout.sectionPadding {
        padding-bottom: 50px !important;
    }
    .skillAreaTh.sectionPadding{
        padding-bottom: 50px !important;
    }
    .skillRound {
        margin-bottom: 40px;
    }
    .achieveContent p {
        width: 100%;
    }
    .factsTwo.sectionPadding {
        padding: 100px 0 30px !important;
    }
    .testiQuote {
        margin-left: 15px;
        width: 56%;
    }
    .testiQuote p{
        line-height: 22px;
    }
    .carousel-container {
        height: 385px;
        margin: 0 auto;
        overflow: hidden;
        width: 715px;
    }
    #featueSel {
        height: 365px;
        width: 100%;
    }
    .carousel-feature{
        width: 390px !important;
    }
    .carousel-feature img{
        width: 390px !important;
    }
    /*************** home four *******************/
    .defaultButton.home4 {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .vidPost {
        width: 70%;
    }
    .blogDetails.home4 {
        margin-bottom: 60px;
    }
    .h4blogArea.sectionPadding{
        padding-bottom: 65px !important;
    }
    #featueSel2{
        height: 288px;
        width: 100%;
    }
    .home4 .carousel-container {
        height: 310px;
        margin: 0 auto;
        overflow: hidden;
        width: 710px;
    }
    /***************** home five *****************/
    .h5AboutCont p {
        width: 100%;
    }
    .h5AboutCont .rectLine {
        margin-top: 65px;
    }
    .evntCont {
        margin-bottom: 40px;
    }
    .tableDetails {
        padding: 40px 17px 0;
    }
    .pricingArea.sectionPadding {
        padding-bottom: 110px !important;
    }
    .trainerImg,.trainerDesc{
        float: none !important;
        width: 270px;
        margin: 0 auto;
    }
    .my-accordion.home5 .panel-body {
        padding-right: 10px;
    }
    /***************** home six *****************/
    .causes .mix{
        margin-bottom: 70px;
    }
    .causes .rectLine {
        margin-top: 40px;
    }
    .volunContent{
        margin-bottom: 40px;
    }
    .causeForm input {
        float: none;
        margin: 0 auto 20px;
    }
    .hungerArea {
        padding: 80px 0;
    }
    /******************* folio 4 page *****************/
    .folioDetails .teamSocial {
        width: 190px;
    }
    .folioCont.two {
        margin-bottom: 40px;
    }
    .relatedFolio.sectionPadding {
        padding-bottom: 50px !important;
    }
    #folioCarous .carousel-control{
        display: none;
    }
    /************** member page **************/
    .singleTeam.mpTeam{
        padding: 40px 0 17px;
    }
    .singleTeam.mpTeam .teamSocial {
        width: 190px;
    }
    .memberPageArea .memberImg {
        width: 350px;
    }
    .memberPageArea .memberDetails {
        width: 51.2%;
        padding-left: 20px;
    }
    .memberPageArea .memberHisto {
        padding: 20px 10px 0 0;
    }
    .memberMeta li p {
        width: 92%;
    }
    .memberHisto .teamSocial {
        margin: 0 auto;
    }
    /**************** about us page *******************/
    .aboutCont {
        border: 1px solid #e5e5e5;
        float: none;
        margin: 0 auto 70px;
        padding: 30px 15px 0;
        text-align: center;
        width: 100%;
    }
    .aboutImg {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .aboutCaros {
        float: none;
        margin: 0 auto;
    }
    .aboutCont .defaultButton {
        margin: 0 auto;
    }
    .flickMain{
        width: 260px;
    }
    /***************** blog sidebar page *****************/
    .postDate {
        left: -68px;
    }
    .bsPostTttl {
        font-size: 30px;
    }
    .teraPost .bsPostCont {
        border: 1px solid #e5e5e5;
        width: 100%;
    }
    .teraPost .bsPostThumb {
        margin-bottom: 50px;
    }
    .sidebar {
        padding-left: 0;
    }
    .bsSPoCon {
        margin-left: 20px;
        width: 57%;
    }
    /****************** blog side single page *******************/
    .postWithImg p {
        padding-left: 0;
        width: 100%;
    }
    .authorBio {
        margin-left: 0;
        width: 100%;
    }
    .authorBio .teamSocial {
        margin: 0;
    }
    .userImg {
        margin-bottom: 30px;
    }
    .commentDetails {
        padding-left: 0;
        width: 100%;
    }
    .replyTwo .userImg {
        margin-left: 0;
    }
    .replyTwo .commentDetails {
        width: 100%;
    }
    .replyTwo2 .userImg {
        margin-left: 0;
    }
    .replyTwo2 .commentDetails {
        width: 100%;
    }
    .commentForm input[type="text"] {
        width: 100%;
    }
    .leaveComment {
        padding: 20px 10px 10px;
        margin-top: 30px;
    }
    /************** contact page *******************/
    .contactSocial .teamSocial {
        margin-left: 10px;
    }
    .contInput input {
        width: 100%;
    }
    /************** event page ****************/
    .singleEvent {
        margin: 0 auto 30px;
        min-height: inherit;
        padding-left: 0;
        width: 100%;
    }
    .eventThumb {
        margin: 0 auto;
        position: relative;
        right: 0;
        width: 100%;
        height: auto;
    }
    .eventDet h3 {
        font-size: 20px;
    }
    .eventDet {
        margin: 0 auto;
        padding-right: 0;
        width: 95%;
    }
    .evMeta {
        padding-bottom: 12px;
        padding-top: 12px;
    }
    .evMeta p.dat {
        margin-right: 0;
    }
    .eventSidebar .bsSPoCon {
        margin-left: 15px;
        width: 60%;
    }
    .sidebar.eventSidebar {
        padding-left: 0;
        padding-right: 0;
    }
    /***************** event single page *******************/
    .eventSingPost .teamSocial {
        width: 190px;
    }
    .commentForm .defaultButton {
        float: none;
    }
    .commentForm .defaultButton.mLeft {
        margin-left: auto;
        margin-top: 20px;
    }
    /********* Rev slider ********/
    .tp-caption.noBgHead{
        top: 400px !important;
    }
    .tp-caption.noBgPara{
        top: 510px !important;
    }
    .tp-caption.noBgButton{
        top: 565px !important;
    }
    .tp-caption.hdHeiFix{
        top: 430px !important;
    }
    .tp-caption.paraDown{
        top: 538px !important;
    }
    .tp-caption.buttonDown{
        top: 590px !important;
    }
    .tp-caption.noBgHead2{
        top: 400px !important;
    }
    .tp-caption.noBgPara2{
        top: 510px !important;
    }
    .tp-caption.noBgButton2{
        top: 565px !important;
    }
    .tp-caption.noBgHead3{
        top: 400px !important;
    }
    .tp-caption.noBgPara3{
        top: 510px !important;
    }
    .tp-caption.noBgButton3{
        top: 585px !important;
    }
    .tp-caption.heiResHead{
        top: 430px !important;
    }
    .tp-caption.heiResPar{
        top: 538px !important;
    }
    .slButton {
        margin-top: 0;
    }
    .tp-caption.resfixBtn{
        top: 610px !important;
    }
    .tabBtnFix.tp-caption{
        top: 615px !important;
    }
    .sliderArea.home4Slider .tp-caption.hdHeiFix {
        top: 400px !important;
    }
    .sliderArea.home4Slider .tp-caption.paraDown {
        top: 507px !important;
    }
    .sliderArea.home4Slider .tp-caption.buttonDown {
        top: 585px !important;
    }
    .sliderArea.home5Slider .tp-caption.hdHeiFix {
        top: 400px !important;
    }
    .sliderArea.home5Slider .tp-caption.paraDown {
        top: 507px !important;
    }
    .sliderArea.home5Slider .tp-caption.buttonDown {
        top: 585px !important;
    }
    .sliderArea.home6Slider .tp-caption.hdHeiFix {
        top: 400px !important;
    }
    .sliderArea.home6Slider .tp-caption.paraDown {
        top: 507px !important;
    }
    .sliderArea.home6Slider .tp-caption.hdParaHeiFix {
        top: 507px !important;
    }
    .sliderArea.home6Slider .tp-caption.buttonDown {
        top: 585px !important;
    }
    .tp-caption.noBgHead{
        top: 400px !important;
    }
    .tp-caption.noBgPara{
        top: 510px !important;
    }
    .tp-caption.noBgButton{
        top: 585px !important;
    }
    .innerHeader:after {
        left: -1px;
    }
    .singleNewFt {
        height: 300px;
    }
    .singleNewFt img{
        height: 100%;
        width: auto;
    }
    .newFtContent .postTitle {
        font-size: 30px;
    }
    .gplay {
        margin-left: 15px;
        padding: 10px 12px;
    }
    .appBtn {
        margin-bottom: 40px;
    }
    .newSubsContent {
        padding-top: 60px;
        right: 0;
    }
    .newSubsContent h3 {
        font-size: 30px;
        text-align: center;
    }
    .newSubsContent h1 {
        font-size: 40px;
        text-align: center;
    }
    #unSubscribeForm.newSubform {
        padding: 0 15px;
        width: 100%;
    }
    .newSubform input[type="email"] {
        width: 100%;
    }
    .newsLetter #subSubmit {
        right: 15px;
    }
    .newSubsContent p {
        float: none;
        padding: 0 15px;
        text-align: center;
        width: 100%;
    }
    .newSubs {
        height: 390px;
    }
    .mapCont {
        padding-top: 110px;
    }
    .mapAdderess {
        left: 0;
        padding-left: 10px;
    }
    .mapCont p i {
        font-size: 35px;
    }
    .mapCont p span {
        font-size: 30px;
        padding-top: 0;
    }
    .newMap {
        height: 390px;
    }
    .nTetiImg {
        height: auto;
    }
    .nTestiContent h1 {
        font-size: 30px;
        padding-bottom: 20px;
    }
    .nTestiContent {
        padding-bottom: 20px;
        padding-left: 0;
        padding-top: 50px;
    }
    .nTestiContent h3 {
        line-height: 1;
        width: 100%;
        font-size: 22px;
    }
    .nTestiContent p {
        font-size: 16px;
    }
    .carouseCont h3 {
        font-size: 25px;
    }
    .slick-next.slick-arrow {
        bottom: 122px;
    }
    .slick-prev.slick-arrow {
        bottom: 122px;
    }
    .evnbgImg {
        overflow: hidden;
    }
    .evnbgImg img {
        width: auto;
    }
}
@media (min-width: 481px) and (max-width: 767px){
    /************** Homepage One ***************/
    .sectionPadding{
        padding: 75px 0 !important;
    }
    .commonTitle {
        padding-bottom: 12px;
    }
    .commonSubTitle {
        margin-bottom: 18px !important;
    }
    .singleFeature {
        margin-bottom: 35px;
    }
    .rectLine {
        margin-top: 12px;
    }
    .featureArea.sectionPadding {
        padding-bottom: 55px !important;
    }
    .tempDetails {
        margin-bottom: 70px;
    }
    .customControl {
        display: none;
    }
    .promoArea {
        height: 350px;
    }
    .promoArea:before {
        width: 100%;
    }
    .promoArea:after {
        top: 280px;
        width: 100%;
    }
    .promoLeft {
        clear: both;
        display: table;
        padding: 75px 0;
        text-align: center;
        width: 100%;
    }
    .promoLeft h1 {
        font-size: 40px;
        line-height: 1.1;
    }
    .promoRight {
        padding: 75px 0;
        text-align: center;
    }
    .promoRight h3 {
        text-align: center;
    }
    .workArea {
        clear: both;
        display: table;
    }
    .workFilter {
        margin-bottom: 30px;
    }
    .workFilter li{
        margin-bottom: 10px;
    }
    .servicArea {
        padding: 75px 0 35px;
        background-position: center center;
    }
    .serviceIcon {
        margin: 45px auto 17px;
    }
    .servicArea h3{
        color: #fff;
        font-size: 20px;
        padding: 35px 0 18px;
    }
    .serviceDetails {
        color: #fff;
        padding-bottom: 10px;
    }
    .skillArea p,
    .skillArea h4{
        text-align: center;
    }
    .skillArea h4{
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .skillProgress {
        margin-top: 20px;
    }
    .footerArea h4 {
        text-align: center;
        text-transform: uppercase;
    }
    .footerArea p {
        text-align: center;
        padding-bottom: 30px;
    }
    .latestPost p{
        padding-bottom: 10px;
    }
    .footerArea p a {
        float: none;
        text-align: center;
    }
    .footerArea p i {
        display: none;
    }
    .flickMain{
        width: 260px;
        margin: 0 auto 30px;
    }
    .socialIcon {
        margin: 0 auto;
        padding-left: 0;
        width: 192px;
    }
    .socialIcon a:last-child{
        margin-right: 0;
    }
    .footerArea.sectionPadding {
        padding-bottom: 90px !important;
    }
    .newsLetter{
        width: 270px;
        margin: 0 auto;
    }
    /************** home two ****************/
    .imacImg {
        padding-right: 0;
        text-align: center;
    }
    .myTabNav {
        margin-bottom: 30px;
    }
    .tab-pane h3 {
        font-size: 20px;
        margin-top: 20px;
        text-align: center;
    }
    .tabPara {
        text-align: center;
    }
    .aboutArea.sectionPadding {
        padding-bottom: 40px !important;
    }
    .feaDesc p {
        margin-bottom: 25px;
    }
    .abFeature {
        padding-bottom: 55px;
    }
    .factDesc {
        margin: 40px 0 60px;
    }
    .funfactArea {
        padding: 95px 0 30px;
    }
    .teamSocial {
        margin: 0 auto;
        width: 190px;
    }
    .teamArea.sectionPadding {
        padding-bottom: 50px !important;
    }
    .teamArea .singleTeam{
        width: 270px;
        margin: 0 auto 70px;
    }
    .teamArea .teamImg{
        width: 270px;
        margin: 0 auto;
    }
    .promo2Desc h1 {
        font-size: 45px;
    }
    .promo2Desc h2 {
        font-size: 35px;
    }
    .promo2Desc p {
        width: 100%;
    }
    .promo2Desc {
        padding: 85px 0;
    }
    .blogImg iframe {
        height: 400px;
    }
    /****************** home three *********************/
    .aboutThCont {
        width: 100%;
    }
    .aboutThCont .rectLine {
        margin-top: 65px;
    }
    .workArea.home3 {
        padding-bottom: 90px;
    }
    .workArea .item{
        width: 50%;
    }
    .skillRound {
        margin-bottom: 50px;
    }
    .achieveContent p {
        width: 100%;
    }
    .goalContent ul,.my-accordion.panel-group{
        margin-bottom: 40px;
    }
    .testiQuote {
        margin-left: 15px;
        width: 67%;
    }
    .factsTwo.sectionPadding {
        padding: 100px 0 30px !important;
    }
    .skillAreaTh.sectionPadding{
        padding-bottom: 50px !important;
        margin: 0 auto;
    }
    .carousel-container {
        height: 290px;
        margin: 0 auto;
        overflow: hidden;
        width: 350px;
    }
    #featueSel {
        height: 275px;
        width: 100%;
    }
    .carousel-feature{
        width: 285px !important;
    }
    .carousel-feature img{
        width: 285px !important;
    }
    /******************** home four *********************/
    .defaultButton.home4 {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .recentWork.home4 {
        padding-bottom: 75px;
    }
    .recyArea h1 {
        font-size: 40px;
    }
    .vidTtl {
        margin-top: 15px;
    }
    .vidPost {
        width: 70%;
    }
    .mainVid iframe {
        min-height: 290px;
    }
    .mainVid .defaultButton {
        margin: 40px auto 0;
    }
    .blogDetails.home4 {
        margin-bottom: 60px;
    }
    .h4blogArea.sectionPadding{
        padding-bottom: 45px !important;
    }
    #testiCrousel .carousel-inner {
        margin: 0 auto;
        width: 100%;
    }
    .h4quote {
        padding: 0 20px 17px;
    }
    .h4testiCont h3:after {
        font-size: 50px;
        right: 0;
        top: 55px;
    }
    .h4testiCont h3:before {
        font-size: 50px;
        left: 0;
        top: 55px;
    }
    #featueSel2{
        height: 216px;
        width: 100%;
    }
    .home4 .carousel-container {
        height: 242px;
        margin: 0 auto;
        overflow: hidden;
        width: 400px;
    }
    /****************** home five *************/
    .h5AboutCont p {
        margin: 0 auto 43px;
        width: 100%;
    }
    .h5AboutCont .defaultButton{
        margin-bottom: 70px;
    }
    .evntImg{
        width: 270px;
        margin: 0 auto;
    }
    .evntCont {
        width: 270px;
        margin: 0 auto 40px;
    }
    .upcomingEvents .defaultButton {
        margin-top: 0;
    }
    .upcomingEvents {
        padding-bottom: 85px;
    }
    .tableDetails {
        margin-bottom: 70px;
    }
    .h5Facts.sectionPadding {
        padding-bottom: 35px !important;
    }
    .pricingArea.sectionPadding {
        padding-bottom: 50px !important;
    }
    .trainerDesc {
        width: 270px;
        float: none !important;
        margin: 0 auto;
    }
    .trainerImg {
        float: none !important;
        margin: 0 auto;
    }
    .bx-wrapper {
        margin: 0 auto 40px;
    }
    .bx-controls{
        display: none;
    }
    .leftPadding {
        padding-left: 15px;
    }
    .contactSocial {
        padding-left: 0;
    }
    /***************** home six *****************/
    .causes .mix{
        margin-bottom: 70px;
    }
    .causes .rectLine {
        margin-top: 40px;
    }
    .volunContent{
        margin-bottom: 40px;
    }
    .causeForm input {
        float: none;
        margin: 0 auto 20px;
    }
    .hungerArea {
        padding: 80px 0;
    }
    .hungerContent h1 {
        font-size: 40px;
    }
    /****************** folio one page ************************/
    .workArea .mix{
        width: 50%;
    }
    /********************** folio 4 page ************************/
    .folioDetails .teamSocial {
        margin: 0 auto;
        width: 190px;
    }
    .folioCont.two {
        margin-bottom: 40px;
    }
    .relatedFolio.sectionPadding {
        padding-bottom: 50px !important;
    }
    /*************** Member Page **************/
    .singleTeam.mpTeam .teamSocial {
        width: 190px;
    }
    .memberDetails {
        width: 100%;
    }
    .memberMeta li p {
        width: 90%;
    }
    .memberPageArea .memberImg {
        float: none !important;
        width: 450px;
        margin: 0 auto;
    }
    /******************* 404 page **************/
    .Four0FourSec {
        padding: 100px 0;
    }
    .Four0FourSec h1 {
        font-size: 150px;
    }
    .Four0FourSec p {
        width: 100%;
    }
    /**************** about us page *******************/
    .aboutCont {
        border: 1px solid #e5e5e5;
        float: none;
        margin: 0 auto 70px;
        padding: 30px 15px 0;
        text-align: center;
        width: 100%;
    }
    .aboutCont h3 {
        font-size: 25px;
    }
    .aboutImg {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .aboutCaros {
        float: none;
        margin: 0 auto;
        width: 450px;
    }
    .aboutCont .defaultButton {
        margin: 0 auto;
    }
    /*************** blog sidebar page *******************/
    .postDate {
        left: -72px;
    }
    .blogPostSec {
        display: block;
    }
    .bsPostCont {
        padding: 30px 20px 0;
    }
    .bsPostTttl {
        font-size: 28px;
    }
    .teraPost .bsPostCont {
        border: 1px solid #e5e5e5;
        width: 100%;
    }
    .bsMeta li {
        font-size: 8px;
    }
    .teraPost .bsPostThumb {
        margin-bottom: 60px;
        width: 370px;
    }
    .bsPostThumb iframe {
        height: 290px;
    }
    .bsPageArea .defaultPagi {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .defaultPagi li a{
        margin-bottom: 10px;
    }
    .sidePost{
        width: 100%;
    }
    .sidebar {
        padding-left: 0;
    }
    /*************** blog single page *****************/
    .blogSinglPost .bsMeta li {
        font-size: 11px;
    }
    .postWithImg p {
        padding-left: 0;
        width: 100%;
    }
    .athorImg {
        float: none;
        height: auto;
        margin: 0 auto;
        width: 270px;
    }
    .authorBio {
        float: none;
        margin-left: 0;
        margin-top: 26px;
        text-align: center;
        width: 100%;
    }
    .authorHistory{
        padding-bottom: 0;
    }
    .authorBio .teamSocial {
        top: 24px;
    }
    .commentDetails {
        width: 78%;
    }
    .replyTwo .userImg {
        margin-left: 0;
    }
    .replyTwo2 .userImg {
        margin-left: 0;
    }
    .commentForm input[type="text"] {
        width: 100%;
    }
    .commentForm .defaultButton {
        width: 162px;
    }
    .blogSinglPost .bsPostTttl {
        font-size: 50px;
    }
    .leaveComment {
        margin-top: 30px;
        padding: 30px 10px 10px;
    }
    /************** contact page *******************/
    .contactSocial .teamSocial {
        margin-left: 10px;
    }
    .contInput input {
        width: 100%;
    }
    .contForm .defaultButton {
        margin: 50px 0 0 0;
    }
    /************** event page ****************/
    .singleEvent {
        margin: 0 auto 30px;
        min-height: inherit;
        padding-left: 0;
        width: 272px;
    }
    .eventThumb {
        margin: 0 auto;
        position: relative;
        right: 0;
    }
    .eventDet h3 {
        font-size: 20px;
    }
    .eventDet {
        margin: 0 auto;
        padding-right: 0;
        width: 95%;
    }
    .evMeta {
        padding-bottom: 12px;
        padding-top: 12px;
    }
    .evMeta p.dat {
        margin-right: 0;
    }
    .sidebar.eventSidebar {
        padding-left: 0;
        padding-right: 0;
    }
    /***************** event single page *******************/
    .eventSingPost .teamSocial {
        width: 190px;
    }
    .commentForm .defaultButton {
        float: none;
    }
    .commentForm .defaultButton.mLeft {
        margin-left: auto;
        margin-top: 20px;
    }
    /******** Mobile Menu *******/
    /******** Mobile Menu *******/
    .header .col-lg-8{
        padding: 0;
    }
    .headerTriangle {
        background: url("../images/bg/mobilHeadbg1.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
        height: 300px;
        padding-top: 5px;
        position: relative;
    }
    .haderBatti {
        margin: 32px auto 0;
        width: 100px;
        height: 100px;
    }
    .mainMenu > ul{
        background: url("../images/bg/snow2.png") repeat scroll 0 0 #fff;
        position: absolute;
        width: 100%;
        z-index: 99;
        display: none;
        padding-bottom: 15px;
    }
    .mainMenu > ul > li {
        display: block;
        padding: 15px 0;
    }
    .dropMenu {
        opacity: 1;
        padding: 0;
        position: relative;
        top: 100%;
        transition: none 0s ease 0s ;
        visibility: visible;
        width: 100%;
        background: none;
        left: 0;
        display: none;
    }
    .mainMenu .dropMenu > li > a {
        color: #4d4d4d;
    }
    .mainMenu .dropMenu > li > a:hover {
        color: #e07094;
    }
    .mainMenu .dropMenu > li.hasChild > a:after{
        color: #4d4d4d;
    }
    .mainMenu .dropMenu > li.hasChild > a:hover:after{
        color: #e07094;
    }
    .dropSub {
        left: 0;
        padding: 0;
        position: relative;
        width: 100%;
        margin: 0 auto;
        right: 0;
    }
    .headerTriangle .innerLogo .rectLine:before{
        z-index: 1
    }
    /********* Rev slider ********/
    .sliderArea{
        margin-top: 224px;
        height: 510px !important;
    }
    .tp-revslider-slidesli{
        height: 510px !important;
    }
    .tparrows.round{
        display: none;
    }
    .slCap {
        font-size: 40px;
        width: 290px;
    }
    .tp-caption.hdHeiFix {
        top: 175px !important;
    }
    .tp-caption.paraDown {
        top: 245px !important;
    }
    .slPar{
        font-size: 15px;
        width: 290px;
        padding: 0 40px;
    }
    .slButton {
        margin-top: 0;
    }
    .tp-caption.noBgHead{
        top: 175px !important;
    }
    .tp-caption.noBgPara {
        top: 245px !important;
    }
    .tp-caption.noBgHead2{
        top: 175px !important;
    }
    .tp-caption.noBgPara2 {
        top: 245px !important;
    }
    .tp-caption.noBgPara2 .slPar {
        padding-left: 0 !important;
    }
    .sliderArea.home2 .tp-caption{
        padding-left: 15px !important;
    }
    .tp-caption .slCap.home2, .tp-caption .slPar.home2 {
        padding-left: 15px;
    }
    .tp-caption.noBgHead3{
        top: 175px !important;
    }
    .tp-caption.noBgPara3 {
        top: 245px !important;
    }
    .tp-caption.noBgPara3 .slPar {
        padding-left: 0 !important;
    }
    .tp-caption.heiResHead{
        top: 175px !important;
    }
    .tp-caption.heiResPar {
        top: 245px !important;
    }
    .sliderArea.home2 .tp-caption{
        padding-left: 15px !important;
    }
    .tp-caption .slCap.home4, .tp-caption .slPar.home4 {
        padding-left: 15px !important;
    }
    .sliderArea.home4Slider .tp-caption.noBgHead3,
    .sliderArea.home4Slider .tp-caption.noBgPara3,
    .sliderArea.home4Slider .tp-caption.noBgButton3 {
        left: 15px !important;
    }
    .sliderArea.home5Slider .tp-caption.noBgHead3,
    .sliderArea.home5Slider .tp-caption.noBgPara3,
    .sliderArea.home5Slider .tp-caption.noBgButton3 {
        left: 15px !important;
    }
    .sliderArea.home5Slider .tp-caption.hdHeiFix ,
    .sliderArea.home5Slider .tp-caption.paraDown,
    .sliderArea.home5Slider .tp-caption.buttonDown {
        left: 15px !important;
    }
    /*********** inner menu ********/
    .innerHeader{
        background: url("../images/bg/mobilHeadbg1.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
        height: 300px;
        padding-top: 5px;
        position: relative;
    }
    .innerLogo{
        text-align: center;
    }
    .innerTringl {
        top: 160px;
    }
    .innerMenu > ul {
        padding-left: 0;
        padding-top: 0;
        text-align: center;
        background: url("../images/bg/snow2.png") repeat scroll 0 0 #fff;
        display: none;
        padding-bottom: 18px;
        position: absolute;
        width: 100%;
        z-index: 99;
    }
    .innerHeader .col-xs-12{
        padding: 0;
    }
    .innerMenu > ul > li {
        display: block;
        padding: 15px 0;
    }
    .innerMenu > ul > li > ul.dropMenu {
        top: 100%;
    }
    .innerMenu .dropMenu > li > a {
        color: #4d4d4d;
    }
    .innerMenu > ul > li > ul.dropMenu {
        opacity: 1;
        top: 0;
        visibility: visible;
    }
    .innerMenu > ul > li:hover > ul.dropMenu {
        top: 0;
    }
    .innerMenu > ul > li a{
        padding-bottom: 0;
    }
    .innerMenu .dropMenu > li.hasChild > a:after{
        color: #4d4d4d;
    }
    .innerHeader:after{
        display: none;
    }
    .singleNewFt {
        height: 300px;
    }
    .singleNewFt img {
        height: 100%;
    }
    .appScreenshot{
        width: 570px;
        margin-top: 40px;
    }
    .newSubsContent {
        padding-top: 60px;
        right: 0;
    }
    .newSubsContent h3 {
        font-size: 30px;
        text-align: center;
    }
    .newSubsContent h1 {
        font-size: 40px;
        text-align: center;
    }
    #unSubscribeForm.newSubform {
        padding: 0 15px;
        width: 100%;
    }
    .newSubform input[type="email"] {
        width: 100%;
    }
    .newsLetter #subSubmit {
        right: 15px;
    }
    .newSubsContent p {
        float: none;
        padding: 0 15px;
        text-align: center;
        width: 100%;
    }
    .newSubs {
        height: 380px;
    }
    .mapCont {
        padding-top: 50px;
    }
    .mapAdderess {
        left: 0;
        padding-left: 10px;
    }
    .mapCont p i {
        font-size: 35px;
    }
    .mapCont p span {
        font-size: 30px;
        padding-top: 0;
    }
    .newMap {
        height: 265px;
    }
    .nTestiContent h3 {
        font-size: 25px;
        line-height: 1.2;
        padding-bottom: 32px;
        width: 100%;
    }
    /* Home Six Carousel */
    .slick-next.slick-arrow {
        bottom: 117px;
    }
    .slick-prev.slick-arrow {
        bottom: 117px;
    }
    .carouseCont h3 {
        font-size: 20px;
    }
    .evntCont h4 {
        font-size: 20px;
    }
    .evnbgImg {
        overflow: hidden;
    }
    .evnbgImg img {
        width: auto;
    }
}
@media (min-width: 320px) and (max-width: 480px){
    /************** Homepage One ***************/
    .sectionPadding{
        padding: 75px 0 !important;
    }
    .commonTitle {
        padding-bottom: 12px;
        font-size: 40px;
    }
    .commonSubTitle {
        margin-bottom: 18px !important;
    }
    .singleFeature {
        margin-bottom: 35px;
    }
    .rectLine {
        margin-top: 12px;
    }
    .featureArea.sectionPadding {
        padding-bottom: 55px !important;
    }
    .tempDetails {
        margin-bottom: 70px;
    }
    .customControl {
        display: none;
    }
    .promoArea {
        height: 520px;
    }
    .promoArea:before {
        width: 100%;
    }
    .promoRight h3 {
        text-align: center;
    }
    .promoArea:after {
        top: 280px;
        width: 100%;
    }
    .promoLeft {
        clear: both;
        display: table;
        padding: 75px 0;
        text-align: center;
        width: 100%;
    }
    .promoLeft h1 {
        font-size: 40px;
        line-height: 1.1;
    }
    .promoRight {
        padding: 75px 0;
        text-align: center;
    }
    .workArea {
        clear: both;
        display: table;
    }
    .workFilter {
        margin-bottom: 30px;
    }
    .workFilter li{
        margin-bottom: 10px;
    }
    #grid .noPadding{
        padding: 0 15px;
    }
    .servicArea {
        padding: 75px 0 35px;
        background-position: center center;
    }
    .serviceIcon {
        margin: 45px auto 17px;
    }
    .servicArea h3{
        color: #fff;
        font-size: 20px;
        padding: 35px 0 18px;
    }
    .serviceDetails {
        color: #fff;
        padding-bottom: 10px;
    }
    .skillArea p,
    .skillArea h4{
        text-align: center;
    }
    .skillArea h4{
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .skillProgress {
        margin-top: 20px;
    }
    .footerArea h4 {
        text-align: center;
        text-transform: uppercase;
    }
    .footerArea p {
        text-align: center;
        padding-bottom: 30px;
    }
    .latestPost p{
        padding-bottom: 10px;
    }
    .footerArea p a {
        float: none;
        text-align: center;
    }
    .footerArea p i {
        display: none;
    }
    .flickMain{
        width: 260px;
        margin: 0 auto 30px;
    }
    .socialIcon {
        margin: 0 auto;
        padding-left: 0;
        width: 192px;
    }
    .socialIcon a:last-child{
        margin-right: 0;
    }
    .footerArea.sectionPadding {
        padding-bottom: 90px !important;
    }
    .newsLetter{
        width: 270px;
        margin: 0 auto;
    }
    /************** home two ****************/
    .imacImg {
        padding-right: 0;
        text-align: center;
    }
    .myTabNav {
        margin-bottom: 30px;
    }
    .tab-pane h3 {
        font-size: 20px;
        margin-top: 20px;
        text-align: center;
    }
    .tabPara {
        text-align: center;
    }
    .featureList span {
        display: none;
    }
    .featureList p {
        margin-left: 0;
        text-align: center;
    }
    .aboutArea.sectionPadding {
        padding-bottom: 40px !important;
    }
    .feaDesc p {
        margin-bottom: 25px;
    }
    .abFeature {
        padding-bottom: 55px;
    }
    .factDesc {
        margin: 40px 0 60px;
    }
    .funfactArea {
        padding: 95px 0 30px;
    }
    .teamArea .singleTeam{
        width: 270px;
        margin: 0 auto 70px;
    }
    .teamArea .teamImg{
        width: 270px;
        margin: 0 auto;
    }
    .teamSocial {
        margin: 0 auto;
        width: 190px;
    }
    .teamArea.sectionPadding {
        padding-bottom: 50px !important;
    }
    .promo2Desc h1 {
        font-size: 45px;
    }
    .promo2Desc h2 {
        font-size: 35px;
    }
    .promo2Desc p {
        width: 100%;
    }
    .promo2Desc {
        padding: 85px 0;
    }
    .blogImg iframe {
        height: 290px;
    }
    /****************** home three *********************/
    .aboutThCont {
        width: 100%;
    }
    .aboutThCont .rectLine {
        margin-top: 65px;
    }
    .workArea.home3 {
        padding-bottom: 90px;
    }
    .skillRound {
        margin-bottom: 50px;
    }
    .achieveContent p {
        width: 100%;
    }
    .goalContent ul,.my-accordion.panel-group{
        margin-bottom: 40px;
    }
    .testiQuote {
        margin-left: 15px;
        width: 67%;
    }
    .factsTwo.sectionPadding {
        padding: 100px 0 30px !important;
    }
    .skillAreaTh.sectionPadding{
        padding-bottom: 50px !important;
    }
    .carousel-container {
        width: 290px;
        overflow: hidden;
        height: 250px;
        margin: 0 auto;
    }
    #featueSel {
        height: 235px;
        width: 290px;
    }
    .carousel-feature{
        width: 240px !important;
    }
    .carousel-feature img{
        width: 240px !important;
    }
    /******************** home four *********************/
    .defaultButton.home4 {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .recentWork.home4 {
        padding-bottom: 75px;
    }
    .recyArea h1 {
        font-size: 40px;
    }
    .vidTtl {
        margin-top: 15px;
    }
    .vidPost {
        width: 70%;
    }
    .mainVid iframe {
        min-height: 290px;
    }
    .mainVid .defaultButton {
        margin: 40px auto 0;
    }
    .blogDetails.home4 {
        margin-bottom: 60px;
    }
    .h4blogArea.sectionPadding{
        padding-bottom: 45px !important;
    }
    #testiCrousel .carousel-inner {
        margin: 0 auto;
        width: 100%;
    }
    .h4quote {
        padding: 0 20px 17px;
    }
    .h4testiCont h3:after {
        font-size: 50px;
        right: 0;
        top: 55px;
    }
    .h4testiCont h3:before {
        font-size: 50px;
        left: 0;
        top: 55px;
    }
    #featueSel2{
        height: 186px;
        width: 100%;
    }
    .home4 .carousel-container {
        width: 290px;
        overflow: hidden;
        height: 210px;
        margin: 0 auto;
    }
    /****************** home five *************/
    .h5AboutCont p {
        margin: 0 auto 43px;
        width: 100%;
    }
    .h5AboutCont .defaultButton{
        margin-bottom: 70px;
    }
    .evntCont {
        width: 270px;
        margin: 0 auto 40px;
    }
    .home5 .h4testiCont h3:after,
    .home5 .h4testiCont h3:before {
        top: 165px;
    }
    .upcomingEvents .defaultButton {
        margin-top: 0;
    }
    .upcomingEvents {
        padding-bottom: 85px;
    }
    .tableDetails {
        margin-bottom: 70px;
    }
    .h5Facts.sectionPadding {
        padding-bottom: 35px !important;
    }
    .pricingArea.sectionPadding {
        padding-bottom: 50px !important;
    }
    .trainerDesc {
        width: 270px;
        float: none !important;
        margin: 0 auto;
    }
    .trainerImg {
        float: none !important;
        margin: 0 auto;
    }
    .bx-wrapper {
        margin: 0 auto 40px;
    }
    .bx-controls{
        display: none;
    }
    .leftPadding {
        padding-left: 15px;
    }
    .contactSocial {
        padding-left: 0;
    }
    /***************** home six *****************/
    .causes .mix{
        margin-bottom: 70px;
    }
    .causes .rectLine {
        margin-top: 40px;
    }
    .volunContent{
        margin-bottom: 40px;
    }
    .causeForm input {
        float: none;
        margin: 0 auto 20px;
    }
    .hungerArea {
        padding: 80px 0;
    }
    .hungerContent h1 {
        font-size: 40px;
    }
    /********************** folio 4 page ************************/
    .folioDetails .teamSocial {
        margin: 0 auto;
        width: 190px;
    }
    .folioCont.two {
        margin-bottom: 40px;
    }
    .relatedFolio.sectionPadding {
        padding-bottom: 50px !important;
    }
    /*************** Member Page **************/
    .singleTeam.mpTeam .teamSocial {
        width: 190px;
    }
    .memberImg {
        width: 100%;
    }
    .memberDetails {
        padding-left: 20px;
        width: 100%;
    }
    .memberHisto {
        padding: 37px 10px 0 0;
    }
    .memberMeta li p {
        width: 90%;
    }
    /******************* 404 page **************/
    .Four0FourSec {
        padding: 100px 0;
    }
    .Four0FourSec h1 {
        font-size: 150px;
    }
    .Four0FourSec p {
        width: 100%;
    }
    /**************** about us page *******************/
    .aboutCont {
        border: 1px solid #e5e5e5;
        float: none;
        margin: 0 auto 70px;
        padding: 30px 15px 0;
        text-align: center;
        width: 100%;
    }
    .aboutCont h3 {
        font-size: 25px;
    }
    .aboutImg {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .aboutCaros {
        float: none;
        margin: 0 auto;
        width: 290px;
    }
    .aboutCont .defaultButton {
        margin: 0 auto;
    }
    /*************** blog sidebar page *******************/
    .postDate {
        left: -55px;
    }
    .postDate h3 {
        height: 40px;
        width: 40px;
    }
    .postDate h3 span {
        font-size: 20px;
    }
    .blogPostSec {
        display: block;
    }
    .bsPostCont {
        padding: 30px 20px 0;
    }
    .bsPostTttl {
        font-size: 18px;
    }
    .teraPost .bsPostCont {
        border: 1px solid #e5e5e5;
        width: 100%;
    }
    .bsMeta li {
        font-size: 8px;
    }
    .teraPost .bsPostThumb {
        margin-bottom: 60px;
        width: 237px;
    }
    .bsPostThumb iframe {
        height: 230px;
    }
    .bsPageArea .defaultPagi {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .defaultPagi li a{
        margin-bottom: 10px;
    }
    .sidePost{
        width: 100%;
    }
    .sidebar {
        padding-left: 0;
    }
    /************** blog single page ******************/
    .blogSinglPost .bsPostTttl {
        font-size: 30px;
    }
    .blogSinglPost {
        display: block;
    }
    .highLightText {
        font-size: 15px;
    }
    blockquote {
        font-size: 16px;
        padding: 12px 0 10px 20px;
    }
    .postWithImg img {
        width: 100%;
    }
    .postWithImg p {
        padding-left: 0;
        width: 100%;
    }
    .authorHistory {
        display: inline-block;
        padding: 25px 20px 25px 25px;
        width: 240px;
    }
    .athorImg {
        width: 100%;
        height: auto;
    }
    .authorBio {
        margin-left: 0;
        width: 100%;
    }
    .authorBio h2 {
        font-size: 25px;
    }
    .commentsection {
        padding-top: 50px;
    }
    .authorBio .teamSocial {
        top: 48px;
    }
    .commentDetails {
        float: left;
        padding-left: 0;
        width: 100%;
    }
    .userImg {
        margin: 0 auto 30px;
    }
    .replyTwo .userImg {
        margin-left: 0;
    }
    .replyTwo .commentDetails {
        width: 100%;
    }
    .replyTwo2 .userImg {
        margin-left: 0;
    }
    .replyTwo2 .commentDetails {
        width: 100%;
    }
    .leaveComment {
        margin-top: 25px;
        padding: 20px 20px 10px;
    }
    .leaveComment h2 {
        font-size: 25px;
        padding-bottom: 20px;
    }
    .commentForm input[type="text"] {
        width: 100%;
    }
    .commentForm .defaultButton {
        float: none;
    }
    .commentForm .defaultButton.mLeft {
        margin-left: auto;
        margin-top: 20px;
    }
    /************** contact page *******************/
    .contactSocial .teamSocial {
        margin-left: 10px;
    }
    .contInput input {
        width: 100%;
    }
    .contForm .defaultButton {
        margin: 40px 0 0 0;
    }
    /************** event page ****************/
    .singleEvent {
        margin: 0 auto 30px;
        min-height: inherit;
        padding-left: 0;
        width: 272px;
    }
    .eventThumb {
        margin: 0 auto;
        position: relative;
        right: 0;
    }
    .eventDet h3 {
        font-size: 20px;
    }
    .eventDet {
        margin: 0 auto;
        padding-right: 0;
        width: 95%;
    }
    .evMeta {
        padding-bottom: 12px;
        padding-top: 12px;
    }
    .evMeta p.dat {
        margin-right: 0;
    }
    .sidebar.eventSidebar {
        padding-left: 0;
        padding-right: 0;
    }
    /***************** event single page *******************/
    .eventSingPost .teamSocial {
        width: 190px;
    }
    /******** Mobile Menu *******/
    .header .col-lg-8{
        padding: 0;
    }
    .headerTriangle {
        background: url("../images/bg/mobilHeadbg1.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
        height: 300px;
        padding-top: 5px;
        position: relative;
    }
    .haderBatti {
        margin: 32px auto 0;
        width: 100px;
        height: 100px;
    }
    .mainMenu > ul{
        background: url("../images/bg/snow2.png") repeat scroll 0 0 #fff;
        position: absolute;
        width: 100%;
        z-index: 99;
        display: none;
        padding-bottom: 15px;
    }
    .mainMenu > ul > li {
        display: block;
        padding: 15px 0;
    }
    .dropMenu {
        opacity: 1;
        padding: 0;
        position: relative;
        top: 100%;
        transition: none 0s ease 0s ;
        visibility: visible;
        width: 100%;
        background: none;
        left: 0;
        display: none;
    }
    .mainMenu .dropMenu > li > a {
        color: #4d4d4d;
    }
    .mainMenu .dropMenu > li > a:hover {
        color: #e07094;
    }
    .mainMenu .dropMenu > li.hasChild > a:after{
        color: #4d4d4d;
    }
    .mainMenu .dropMenu > li.hasChild > a:hover:after{
        color: #e07094;
    }
    .dropSub {
        left: 0;
        padding: 0;
        position: relative;
        width: 100%;
        margin: 0 auto;
        right: 0;
    }
    .headerTriangle .innerLogo .rectLine:before{
        z-index: 1
    }
    /********* Rev slider ********/
    .sliderArea{
        margin-top: 224px;
        height: 510px !important;
    }
    .tp-revslider-slidesli{
        height: 510px !important;
    }
    .tparrows.round{
        display: none;
    }
    .slCap {
        font-size: 40px;
        width: 290px;
    }
    .tp-caption.hdHeiFix {
        top: 175px !important;
    }
    .tp-caption.paraDown {
        top: 245px !important;
    }
    .slPar{
        font-size: 15px;
        width: 290px;
        padding: 0 40px;
    }
    .tp-caption.noBgHead{
        top: 175px !important;
    }
    .tp-caption.noBgPara {
        top: 245px !important;
    }
    .tp-caption.noBgHead2{
        top: 175px !important;
    }
    .tp-caption.noBgPara2 {
        top: 245px !important;
    }
    .tp-caption.noBgPara2 .slPar {
        padding-left: 0 !important;
    }
    .sliderArea.home2 .tp-caption{
        padding-left: 15px !important;
    }
    .tp-caption .slCap.home2, .tp-caption .slPar.home2 {
        padding-left: 15px;
    }
    .tp-caption.noBgHead3{
        top: 175px !important;
    }
    .tp-caption.noBgPara3 {
        top: 245px !important;
    }
    .tp-caption.noBgPara3 .slPar {
        padding-left: 0 !important;
    }
    .tp-caption.heiResHead{
        top: 175px !important;
    }
    .tp-caption.heiResPar {
        top: 245px !important;
    }
    .sliderArea.home2 .tp-caption{
        padding-left: 15px !important;
    }
    .tp-caption .slCap.home4, .tp-caption .slPar.home4 {
        padding-left: 15px !important;
    }
    .sliderArea.home4Slider .tp-caption.noBgHead3,
    .sliderArea.home4Slider .tp-caption.noBgPara3,
    .sliderArea.home4Slider .tp-caption.noBgButton3 {
        left: 15px !important;
    }
    .sliderArea.home5Slider .tp-caption.noBgHead3,
    .sliderArea.home5Slider .tp-caption.noBgPara3,
    .sliderArea.home5Slider .tp-caption.noBgButton3 {
        left: 15px !important;
    }
    .sliderArea.home5Slider .tp-caption.hdHeiFix ,
    .sliderArea.home5Slider .tp-caption.paraDown,
    .sliderArea.home5Slider .tp-caption.buttonDown {
        left: 15px !important;
    }
    /*********** inner menu ********/
    .innerHeader{
        background: url("../images/bg/mobilHeadbg1.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
        height: 300px;
        padding-top: 5px;
        position: relative;
    }
    .innerLogo{
        text-align: center;
    }
    .innerTringl {
        top: 160px;
    }
    .innerMenu > ul {
        padding-left: 0;
        padding-top: 0;
        text-align: center;
        background: url("../images/bg/snow2.png") repeat scroll 0 0 #fff;
        display: none;
        padding-bottom: 18px;
        position: absolute;
        width: 100%;
        z-index: 99;
    }
    .innerHeader .col-xs-12{
        padding: 0;
    }
    .innerMenu > ul > li {
        display: block;
        padding: 15px 0;
    }
    .innerMenu > ul > li > ul.dropMenu {
        top: 100%;
    }
    .innerMenu .dropMenu > li > a {
        color: #4d4d4d;
    }
    .innerMenu > ul > li > ul.dropMenu {
        opacity: 1;
        top: 0;
        visibility: visible;
    }
    .innerMenu > ul > li:hover > ul.dropMenu {
        top: 0;
    }
    .innerMenu > ul > li a{
        padding-bottom: 0;
    }
    .innerMenu .dropMenu > li.hasChild > a:after{
        color: #4d4d4d;
    }
    .innerLogo h1 span {
        font-size: 45px;
    }
    .innerLogo h1 {
        font-size: 35px;
    }
    .innerHeader:after{
        display: none;
    }
    /* prettyPhoto styling for small screens */
    .pp_pic_holder.pp_default { 
        width: 100%!important; 
        left: 0!important; 
        overflow: hidden; 
    }
    div.pp_default .pp_content_container .pp_left {
        padding-left: 0!important; 
    }
    div.pp_default .pp_content_container .pp_right { 
        padding-right: 0!important; 
    }
    .pp_content { 
        width: 100%!important; 
        height: auto!important; 
    }
    .pp_fade { 
        width: 100%!important; 
        height: 100%!important; 
    }
    a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { 
        display: none!important; 
    }
    #pp_full_res img { 
        width: 100%!important; 
        height: auto!important; 
    }
    .pp_details { 
        background-color: #fff;
        height: 42px;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        padding: 0;
        width: 100% !important;
    }
    a.pp_close { 
        right: 10px!important; 
        top: 9px!important; 
    }
    .singleNewFt {
        height: 300px;
        overflow: hidden;
    }
    .singleNewFt img{
        height: 100%;
        width: auto;
    }
    .appDesc h1 {
        font-size: 40px;
    }
    .gplay {
        margin-left: 0;
        margin-top: 20px;
    }
    .appScreenshot {
        margin-top: 40px;
    }
    .newSubsContent {
        padding-top: 60px;
        right: 0;
    }
    .newSubsContent h3 {
        font-size: 25px;
        text-align: center;
    }
    .newSubsContent h1 {
        font-size: 40px;
        text-align: center;
    }
    #unSubscribeForm.newSubform {
        padding: 0 15px;
        width: 100%;
    }
    .newSubform input[type="email"] {
        width: 100%;
    }
    .newsLetter #subSubmit {
        right: 15px;
    }
    .newSubsContent p {
        float: none;
        padding: 0 15px;
        text-align: center;
        width: 100%;
    }
    .newSubs {
        height: 380px;
    }
    .mapCont {
        padding-top: 50px;
    }
    .mapAdderess {
        left: 0;
        padding-left: 10px;
    }
    .mapCont p i {
        font-size: 30px;
    }
    .mapCont p span {
        font-size: 25px;
        padding-top: 0;
    }
    .newMap {
        height: 250px;
    }
    #backtotop{
        right: 15px;
        bottom: 15px;
    }
    .nTetiImg {
        height: auto;
    }
    .nTestiContent {
        padding-bottom: 80px;
        padding-left: 45px;
        padding-top: 80px;
    }
    .nTestiContent h1 {
        font-size: 35px;
        padding-bottom: 25px;
    }
    .nTestiContent h3 {
        font-size: 25px;
        line-height: 1.2;
        padding-bottom: 32px;
        width: 100%;
    }
    /* Home Six Carousel */
    .slick-next.slick-arrow {
        bottom: 117px;
    }
    .slick-prev.slick-arrow {
        bottom: 117px;
    }
    .carouseCont h3 {
        font-size: 20px;
    }
    .evntCont h4 {
        font-size: 20px;
    }
    .evnbgImg {
        overflow: hidden;
    }
    .evnbgImg img {
        width: auto;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .innerTringl {
        position: relative;
        top: -36px;
        left: 1px;
    }
    .innerHeader:after {
        left: -2px;
    }

}