/*
  Theme Name: Slight Business
  Theme URL: http://www.themewar.com/html/sb
  Author: Themewar
  Author URI: http://www.themewar.com
  Description: Slight Business  - Responsive Corporate Site Template
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
1. Home One
    i. Header Area
    ii. Menu ( Dropdown / Fixed )
    iii. Slider Area
    iv. Feature Area
    v. Team Area
    vi. About Company
    vii. Skill Area
    vii. Testimonial Area
    xi. Our Service Area
    x. Latest post Area
    xi. Map Area 
    xii. Blog Area
    xii. Footer Area

2. Home Two
    i. Header Area
    ii. Feature Area
    iii. Service Area
    iv. Skill Area
    v. Team Member Area
    vi. Gallery Area
    vii. About Company Area
    viii. Contact Area 
    ix. Blog Area

3. Home Three
    i. Header Area
    ii. Latest Project Area
    iii. About Company Area
    iv. Gellery Area
    v. Map Area
    vi. Blog Area

4. Home Dark
    i. Headear Area
    ii. Feature Area 
    iii. Gellery Area
    iv. About Company area

5. Folio Page One
    i. Header Area
    ii. Bread Crumbs Area

6. Portfolio Page Two
7. Portfolio Page Three
8. Portfolio Page Four
9. Blog With Sidebar Page
10. Blog Grid Page
11. Blog Post Page
12. Contact Page
    i. Subscribe Section

13. Events Page
14. Event Details Page
15. About Us Page
16. Member Page
17. 404 Page
18. Back To Top
19. Loader
==========================================================================*/
@media screen and (min-width:1824px) and (max-width:2565px){
    /********************* Header area *****************/
    .presetArea:before{
        background: none repeat scroll 0 0 #de3c2f;
        content: "";
        height: 900px;
        left: 365px;
        outline: 20px solid rgba(0, 0, 0, 0.1);
        position: absolute;
        top: 0;
        transform: skew(45deg, 0deg);
        width: 380px;
    }
    .layoutstyle {
        margin-top: 40px;
    }
    .presetBorder {
        margin: 25px 0;
    }
    .switch:before {
        display: none;
    }
    .presetArea h2 {
        color: #4c4c4c;
        font-size: 40px;
        line-height: 0.8;
        position: relative;
        text-align: center;
    }
    .accentColor {
        margin-top: 225px;
    }
    .psTitle {
        font-size: 30px;
        line-height: 0.8;
        margin: 0 0 25px;
    }
    .colorChem {
        margin-top: 38px;
    }
    .header-area {
        height: 1000px;
        width: 62%;
        padding-left: 60px;
    }
    .logo-img {
        margin-top: 30%;
    }
    .heading {
        width: 43%;
    }
    .heading h1 {
        font-size: 60px;
        line-height: 0.75;
        margin-top: 27px;
    }
    .heading p {
        margin-top: 40px;
        font-size: 20px;
    }
    .menu {
        margin-top: 20%;
    }
    /********************* Slider area *****************/
	.slider-area {
		height: 637px;
	}
    .comonItem {
        height: 1000px;
    }
	.rev_slider_wrapper{
		height: 1000px !important;
	}
	#slider-area.slider-area .tp-caption {
		width: 70% !important;
	}
    .slider-caption h2 {
        font-size: 60px;
        padding: 4px 170px 10px 0;
        margin-right: 175px;
    }
    .slider-caption h3 {
        font-size: 60px;
        margin-right: 95px;
        padding: 4px 120px 10px 0;
    }
    /********************* Gellery area *****************/
    .gallery-hover h4 {
        padding-left: 60px;
    }
    .gallery-hover ul {
        left: 60px;
    }
    /********************* Testimonial area *****************/
    .testinonialTriangle {
        width: 75%;
    }
    /********************* Footer area *****************/
    .homMapTriangle {
        width: 75.5%;
    }
    /********************* Footer area *****************/
    .footertriangle {
        width: 96.6%;
    }
    /****************** About Us Page *****************/
    /*-----------------------------------------------
    //Skill Area
    ------------------------------------------------*/
    .project-count-tringle {
        left: -12%;
        width: 61.3%;
        -webkit-transform: skew(43deg, 0deg);
        -moz-transform: skew(43deg, 0deg);
        -ms-transform: skew(43deg, 0deg);
        -o-transform: skew(43deg, 0deg);
        transform: skew(43deg, 0deg);
    }
    /****************** Member Page *****************/
    /*-----------------------------------------------
    //Skill Area
    ------------------------------------------------*/
    .skill-rect2 {
        left: -12%;
        -webkit-transform: skew(44deg, 0deg);
        -moz-transform: skew(44deg, 0deg);
        -ms-transform: skew(44deg, 0deg);
        -o-transform: skew(44deg, 0deg);
        transform: skew(44deg, 0deg);
        width: 62%;
    }
    /****************** Portfolio Page One *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    .inner-heading {
        width: 16%;
    }
    .inner-heading h3 {
        padding-left: 10px;
    }
    .inner-nav {
        width: 70.7%;
    }
    /****************** Contact Page *****************/
    /*-----------------------------------------------
    //Contact Area
    ------------------------------------------------*/
    .redTriangle {
        width: 81.3%;
    }
}
@media screen and (min-width:1550px) and (max-width:1823px){
    .header-area {
        width: 49%;
    }
    .slider-caption {
        width: 73%;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    /********************* Header area *****************/
    .header-area {
        width: 79%;
    }
    .heading {
        width: 50%;
    }
    .menu {
        margin-top: 120px;
    }
    .menu > ul > li > a {
        font-size: 14px;
        width: 95px;
    }
    .menu ul li:hover .sub-menu.menuLeftAlign {
        left: -260%;
    }
    /***************** Slider area ********************/
    .slider-caption {
        left: 14%;
    }
    .slider-caption h2 {
        font-size: 40px;
        height: 70px;
        padding: 10px 85px 10px 0;
        margin-right: 70px;
    }
    .slider-caption h3 {
        font-size: 40px;
        height: 70px;
        padding: 10px 65px 10px 0;
    }
    /********** rev slider **********/
    #slider-area.slider-area .tp-caption{
        bottom: -13% !important;
        left: 450px !important;
        position: absolute !important;
        text-align: right !important;
        top: 39% !important;
        width: 530px !important;
    }
    .tp-caption h2.revh2 {
        font-size: 40px !important;
        height: 70px !important;
        margin-right: 70px !important;
        padding: 11px 90px 0 0 !important;
        top: -70px;
    }
    .tp-caption h3.revh3 {
        font-size: 40px !important;
        height: 70px !important;
        padding: 11px 80px 0 0 !important;
    }
    #slider-area.slider-area .tp-bullets {
        bottom: 55% !important;
        right: 15px !important;
    }
    /************** Feature area **************/
    .commonPadding120 {
        padding: 80px 0;
    }
    /************** Gallery area **************/
    .gallery-hover h4 {
        font-size: 25px;
        line-height: 0.8;
        padding-left: 15px;
    }
    .gallery-hover ul {
        left: 20px;
    }
    /************** About Company **************/
    .about-company {
        padding: 80px 0;
    }
    .twitter-div i,
    .google-pls i,
    .facebook-div i {
        font-size: 35px;
        height: 70px;
        padding-top: 19px;
        width: 70px;
    }
    .plus,
    .twitees,
    .likes {
        width: 60%;
    }
    /************ Skill Area **************/
    .skill-area {
        padding: 80px 0;
    }
    /************ Skill Area **************/
    .testimonial-area {
        padding: 80px 0;
    }
    /************ Skill Area **************/
    .our-service {
        padding: 80px 0 33px;
    }
    .service-list {
        width: 66%;
    }
    .service-list h4 {
        font-size: 25px;
    }
    /************ Latest Post Area **************/
    .latest-post {
        padding: 80px 0;
    }
    .post-content.pull-right {
        margin-left: 0;
        width: 100%;
    }
    .post-thumb.pull-left {
        height: 269px;
        width: 100%;
    }
    .padding-merge .no-padding{
        padding: 0 15px 0 0;
    }
    .post-content ul li {
        width: 33%;
    }
    /************ Map Area **************/
    .map-area {
        padding: 80px 0;
    }
    /************ Footer Area **************/
    .footertriangle {
        left: -13%;
        width: 98%;
    }
    /****************** Home 2 Page *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    /****************** Feature Page *****************/
    img.widthAuto {
        width: 100%;
    }
    .features-area.home2 {
        padding-bottom: 70px;
        padding-top: 80px;
    }
    /****************** Our Service *****************/
    .our-service.home2 {
        padding: 80px 0;
    }
    /****************** Skill Area *****************/
    .hom2-skill-area {
        padding: 80px 0 50px;
        background-position: center bottom;
    }
    .skill-rect {
        left: -18%;
        width: 68%;
        -webkit-transform: skew(30deg, 0deg);
        -moz-transform: skew(30deg, 0deg);
        -ms-transform: skew(30deg, 0deg);
        -o-transform: skew(30deg, 0deg);
        transform: skew(30deg, 0deg);
    }
    /****************** Team Member Area *****************/
    .team-members-area {
        padding: 80px 0;
    }
    .single-member{
        margin-bottom: 30px;
    }
    .single-member p {
        width: 95%;
    }
    #carousel-about-generic {
        padding-bottom: 30px;
    }
    /****************** Home 3 Page *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    /****************** Latest Project Area *****************/
    .latest-project-slider {
        padding: 80px 0 0;
    }
    .latest-project-content p {
        width: 95%;
    }
    .custom-button.home3 {
        width: 170px;
    }
    .latest-project-content {
        padding: 50px 0 80px;
    }
    .project-counter {
        padding: 75px 0 35px;
        background-size: cover;
        background-position: center center;
    }
    .project-count.two {
        margin-top: 30px;
    }
    .project-count h2{
        color: #3dad66;
    }
    .project-count-tringle{
        display: none;
    }

    /****************** About Company Area *****************/
    .home3-about-company {
        padding: 80px 0 70px;
    }
    /****************** Gellery Area *****************/
    .gallery-area.home3 {
        padding: 80px 0;
    }
    .single-gallery.home3 {
        width: 45.3%;
    }
    .mixi-button li {
        padding: 13px 22px;
    }
    /****************** Portfolio Page One *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    .inner-heading {
        width: 35%;
    }
    .inner-heading h3 {
        font-size: 30px;
        padding-left: 15px;
    }
    .inner-nav ul li a {
        margin-top: 20px;
        width: 90px;
    }
    .inner-nav {
        width: 50%;
    }
    /****************** Gellery Area *****************/
    .custom-button.folio-btn {
        margin-bottom: 80px;
    }
    /****************** Subscribe Area *****************/
    .subsTriangle {
        left: -10%;
        width: 80%;
    }
    .subscribeForm {
        margin: 0 auto;
        width: 360px;
    }
    /****************** Portfolio Page Two *****************/
    .folio2 .single-gallery {
        width: 30.31%;
    }
    /****************** Portfolio Page Three *****************/
    /*-----------------------------------------------
    //Gellery Area
    ------------------------------------------------*/
    .folio3-gallery .category {
        min-height: inherit;
    }
    .folio3-gallery p {
        min-height: 75px;
    }
    /****************** Member Page *****************/
    /*-----------------------------------------------
    //Member Area
    ------------------------------------------------*/
    .member-page-area {
        padding: 80px 0;
    }
    /****************** Skill Area *****************/
    .hom2-skill-area.member-page{
    }
    /****************** Event Page *****************/
    /*-----------------------------------------------
    //Widget Area
    ------------------------------------------------*/
    .widget-form input {
        width: 200px;
    }
    .loadMoreArea {
        margin-bottom: 0;
        text-align: center;
    }
    .widget-title{
        font-size: 25px;
    }
    .widgetThumb img {
        height: auto;
        width: 80px;
    }
    .eventDet {
        padding-right: 40px;
        padding-top: 20px;
    }
    .eventDet h4{
        font-size: 25px;
    }
    /****************** Contact Page *****************/
    /*-----------------------------------------------
    //Contact Area
    ------------------------------------------------*/
    .redTriangle {
        left: -32%;
        width: 90%;
    }
    .contactMapSection {
        height: inherit;
        padding: 80px 0;
    }
    .contactForm {
        padding: 80px 0;
    }
    /****************** 404 Page *****************/
    /*-----------------------------------------------
    ///404 Area
    ------------------------------------------------*/
    .error-404 {
        padding: 20px 0 80px;
    }
    /****************** Blog Grid Page *****************/
    /*-----------------------------------------------
    ///Article Area
    ------------------------------------------------*/
    .grid-ariticle {
        padding: 35px 15px 20px;
    }
    .month_like {
        padding: 0 40px;
    }
    .custom-button.grid_btn {
        margin-bottom: 0;
    }
    /****************** Blog Single Page *****************/
    /*-----------------------------------------------
    ///Post Area
    ------------------------------------------------*/
    .small-right-content {
        padding-left: 20px;
        padding-top: 10px;
    }
    .author-history {
        margin-top: 0;
    }
    .athor-img {
        float: none;
        margin: 0 auto;
    }
    .author-bio {
        float: none;
        margin: 30px auto 0;
        text-align: center;
        width: 100%;
    }
    .comment-details {
        width: 80%;
    }
    .reply-two2 .user-img {
        margin-left: 100px;
    }
    .reply-two .user-img {
        margin-left: 40px;
    }
    .reply-two .comment-details {
        width: 80%;
    }
    .reply-two2 .comment-details {
        width: 70%;
    }
    /*coming soon page*/
    .comingSoon::before {
        left: -52%;
        -webkit-transform: skew(41deg, 0deg);
        -moz-transform: skew(41deg, 0deg);
        -ms-transform: skew(41deg, 0deg);
        -o-transform: skew(41deg, 0deg);
        transform: skew(41deg, 0deg);
        width: 106%;
    }

}
@media screen and (min-width: 768px) and (max-width: 991px){
    /****************** Header Area *****************/
    .header-area {
        height: 510px;
        padding-left: 0;
        width: 100%;
    }
    .menuButtonArea {
        margin-top: 61px;
    }
    .inerPageheader .menuButtonArea {
        margin-top: 0;
    }
    .headerTriangle {
        left: -65%;
    }
    .heading h1 {
        font-size: 50px;
        line-height: 38px;
    }
    .heading {
        margin-bottom: 30px;
        margin-left: 15px;
        width: 45%;
    }
    .heading p {
        margin-top: 18px;
    }
    .logo-img {
        margin-left: 15px;
        margin-top: 130px;
    }
    .menu {
        margin-top: 0;
        display: none;
    }
    .menu ul {
        background: none repeat scroll 0 0 #4c4c4c;
        text-align: center;
    }
    .menu ul > li {
        padding-bottom: 0;
    }
    .menu ul li {
        display: block;
    }
    .menu ul li a {
        border-top: 1px solid #7f7f7f;
        color: #fff;
        display: block;
        padding: 14px 0;
        text-align: center;
        width: 100%;
    }
    .sub-menu{
        display: none;
    }
    nav .sub-menu {
        left: 0 !important;
        opacity: 1;
        position: relative;
        top: 100%;
        visibility: visible;
        width: 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    nav .sub-menu li > ul.sub-menu{
        display: block;
        padding: 0;
    }
    nav .sub-menu li a{
        border: medium none;
        font-size: 12px;
        text-transform: capitalize;
        font-weight: 300;
    }
    .menu ul li:hover .sub-menu {
        left: 0;
    }
    /****************** Slider Area *****************/
    .slider-area {
        height: 510px;
    }
    .slider-caption h2 {
        font-size: 25px;
        height: 45px;
        margin-right: 45px;
        padding: 8px 90px 10px 0;
    }
    .slider-caption h3 {
        font-size: 25px;
        height: 45px;
        padding: 7px 80px 10px 0;
    }
    .slider-caption {
        bottom: 14%;
        left: 47%;
        position: absolute;
        text-align: right;
        width: 400px;
    }
    /********** rev slider **********/
    #slider-area.slider-area .tp-caption{
        bottom: 14% !important;
        left: 45% !important;
        position: absolute !important;
        text-align: right !important;
        width: 400px !important;
        top: 390px !important;
    }
    .tp-caption h2.revh2 {
        font-size: 25px !important;
        height: 45px !important;
        margin-right: 45px !important;
        padding: 11px 90px 0 0 !important;
        top: -45px;
    }
    .tp-caption h3.revh3 {
        font-size: 25px !important;
        height: 45px !important;
        padding: 11px 80px 0 0 !important;
    }
    #slider-area.slider-area .tp-bullets {
        bottom: 55% !important;
        right: 15px !important;
    }
    .comonItem {
        height: 512px;
    }
    /****************** Feature Section *****************/
    .commonPadding120 {
        padding: 80px 0;
    }
    .features-area.commonPadding120{
        padding-bottom: 50px;
    }
    .single-feature {
        margin-bottom: 30px;
        min-height: 320px;
    }
    .single-feature p {
        padding: 15px 10px;
    }
    /**************** Gallery area *****************/
    .single-gallery{
        width: 50%;
    }
    .gallery-hover h4 {
        font-size: 25px;
        line-height: 0.83;
        padding-left: 14px;
    }
    .gallery-hover ul {
        left: 15px;
    }
    /****************** About Area *****************/
    .about-company {
        padding: 80px 0;
    }
    .common-title {
        font-size: 45px;
        text-align: center;
        line-height: .79;
    }
    .counting {
        text-align: center;
    }
    .company-description {
        padding: 0 15px;
        text-align: center;
    }
    .about-company h4 {
        font-size: 25px;
        padding-bottom: 30px;
        text-align: center;
    }
    .company-description h6:before {
        display: none;
    }
    .company-description h6:after {
        display: none;
    }
    .facebook-div,.twitter-div,.google-pls {
        margin: 0 auto 20px;
    }
    .twitter-div i,
    .google-pls i,
    .facebook-div i {
        font-size: 30px;
        height: 48px;
        padding-top: 11px;
        width: 48px;
    }
    .plus,
    .twitees,
    .likes {
        margin-left: 10px;
        margin-top: 2px;
    }
    .twitees h3,
    .plus h3,
    .likes h3 {
        font-size: 25px;
    }
    .counting h2 {
        font-size: 30px;
    }
    /****************** Skill area *********************/
    .skill-area {
        padding: 80px 0 50px;
    }
    .pie-wp{
        margin-bottom: 30px;
    }
    .chart canvas {
        height: 205px;
        width: 205px;
    }
    .percent {
        font-size: 50px;
        line-height: 50px;
        padding-top: 88px;
    }
    .chart {
        height: 225px;
        width: 225px;
    }
    /***************** Testimonial Area ******************/
    .testimonial-area {
        padding: 80px 0;
    }
    .testinonialTriangle {
        left: -32%;
        width: 100%;
    }
    .testimonial-content h4 {
        font-size: 25px;
    }
    .testimonial-content h2 {
        font-size: 45px;
    }
    .testimonial-content p {
        font-size: 20px;
        margin-bottom: 0;
        margin-top: 25px;
        padding-left: 35px;
        width: 65%;
    }
    /****************** Our Service Area *****************/
    .our-service {
        padding: 80px 0 0;
    }
    .common-subtitle {
        margin: 0 auto 42px;
        width: 100%;
    }
    .service-content:first-of-type {
        padding-top: 90px;
    }
    .service-list {
        float: right;
        margin-top: 0;
        text-align: left;
        width: 72%;
        margin-left: 10px;
    }
    .service-list p {
        margin-bottom: 0;
        margin-top: 0;
    }
    .service-content i {
        float: left;
        font-size: 30px;
        height: 50px;
        line-height: 1;
        padding-top: 10px;
        width: 50px;
    }
    .service-content {
        margin: 0 auto 28px;
        width: 100%;
    }
    .service-list h4 {
        font-size: 18px;
    }
    .mobile-img {
        margin: 15px auto 0;
    }
    /************** Latest Post *****************/
    .post-content ul li {
        width: 33.24%;
    }
    .latest-post {
        padding: 80px 0;
    }
    .post-content{
        margin-bottom: 30px;
    }
    .post-content.pull-right {
        width: 100%;
        margin-bottom: 0;
        text-align: center;
    }
    .padding-merge .no-padding{
        padding: 0 15px;
    }
    .post-thumb.pull-left {
        width: 100%;
    }
    /***************** Map Section ****************/
    .map-area {
        padding: 80px 0;
    }
    .homMapTriangle{
        left: -44%;
        width: 100%;
    }
    .contact-address .common-title{
        text-align: left;
    }
    .contact-social li a {
        height: 60px;
        margin-right: 10px;
        padding-top: 5px;
        width: 60px;
    }
    /****************** Blog Post *****************/
    .blog-section{
        padding: 80px 0 80px;
    }
    /************** Footer Section *****************/
    .footertriangle {
        left: -20%;
    }
    /****************** Home 2 Page *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    /****************** Feature Page *****************/
    img.widthAuto {
        width: 100%;
    }
    .features-area.home2 {
        padding-bottom: 70px;
        padding-top: 80px;
    }
    .features-area.home2 h3 {
        margin-top: 30px;
    }
    /****************** Our Service *****************/
    .our-service.home2 {
        padding: 80px 0;
    }
    .our-service.home2 .service-list {
        float: left;
        margin-left: 15px;
        margin-top: 0;
    }
    .our-service.home2 i {
        font-size: 30px;
        height: 45px;
        line-height: 1.4;
        width: 45px;
    }
    /****************** Skill Area *****************/
    .hom2-skill-area {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
        height: auto;
        padding: 80px 0 50px;
    }
    .skill-rect {
        display: none;
    }
    .chart2,.chart3{
        margin-bottom: 30px;
    }
    .chart2 h4, .chart3 h4, .chart4 h4 {
        color: #16a4d6;
    }
    /****************** Team Member Area *****************/
    .team-members-area {
        padding: 80px 0;
    }
    .single-member{
        margin-bottom: 30px;
    }
    .single-member p {
        width: 95%;
    }
    #carousel-about-generic {
        padding-bottom: 30px;
    }
    /****************** Gallery Area *****************/
    .gallery-hover.home2 h4{
        line-height: .8;
    }
    /****************** Home 3 Page *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    /****************** Latest Project Area *****************/
    .latest-project-slider {
        padding: 80px 0 0;
    }
    .latest-project-content p {
        width: 95%;
    }
    .custom-button.home3 {
        width: 170px;
    }
    .latest-project-content {
        padding: 50px 0 80px;
    }
    .project-counter {
        padding: 75px 0 35px;
        background-size: cover;
        background-position: center center;
    }
    .project-count.two {
        margin-top: 30px;
    }
    .project-count h2{
        color: #3dad66;
    }
    .project-count-tringle{
        display: none;
    }

    /****************** About Company Area *****************/
    .home3-about-company {
        padding: 80px 0 70px;
    }
    /****************** Gellery Area *****************/
    .gallery-area.home3 {
        padding: 80px 0;
    }
    .single-gallery.home3 {
        width: 50%;
        margin-left: 0;
        margin-bottom: 0;
    }
    .mixi-button li {
        padding: 13px 22px;
    }
    /****************** Portfolio Page One *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    .inner-heading {
        display: none;
    }
    .inner-nav{
        display: none;
        position: absolute;
        width: 100%;
        z-index: 999;
    }
    .inner-nav ul{
        background: #444;
        text-align: center;
    }
    .inner-nav ul li {
        display: inline-block;
        padding: 0px 35px;
    }
    .inner-nav ul li a {
        color: #fff;
        display: block;
        margin: 0;
        padding: 20px 0;
        text-align: center;
        width: 100%;
    }
    .inner-nav ul li ul.sub-menu{
        display: block;
        z-index: 9999;
    }
    .inner-nav ul li:hover ul.sub-menu{
        opacity: 1;
        visibility: visible;
        top: 100%;
    }
    .inner-nav ul li ul.sub-menu li{
        padding: 0px;
    }
    /****************** Gellery Area *****************/
    .custom-button.folio-btn {
        margin-bottom: 80px;
    }
    /****************** Subscribe Area *****************/
    .subsTriangle {
        left: -14%;
        width: 90%;
    }
    .subscribeForm {
        margin: 0 auto;
        width: 360px;
    }
    /****************** Portfolio Page Two *****************/
    .folio2 .single-gallery {
        width: 46%;
    }
    /****************** Portfolio Page Four *****************/
    /*-----------------------------------------------
    //Post Area
    ------------------------------------------------*/
    .folio4-post-slider {
        padding: 80px 0;
    }
    /****************** Member Page *****************/
    /*-----------------------------------------------
    ///Member Area
    ------------------------------------------------*/
    .member-page-area {
        padding: 80px 0;
    }
    .no-padding-left{
        padding-left: 15px;
    }
    .no-padding-right{
        padding-right: 15px;
    }
    .member-histo {
        padding: 35px 0 0 0;
    }
    .member-meta{
        text-align: left;
    }
    /****************** Skill Area *****************/
    .member-page h4{
        color: #de3c2f;
    }
    .member-page .chart4{
        margin-top: 30px;
    }
    .skill-rect2{
        display: none;
    }
    /****************** Events Page *****************/
    /*-----------------------------------------------
    ///Widget Area
    ------------------------------------------------*/
    .widget-form{
        margin: 0 0 50px;
        width: 243px;
    }
    .sidebar {
        padding: 0 0 0 15px;
    }
    .sidebar-area.no-padding,
    .sidebar-area .no-padding,
    .widget .no-padding{
        padding: 0 15px;
    }
    /****************** Single Event *****************/
    .singleEvents {
        padding-left: 0;
    }
    .eventThumb {
        left: auto;
        margin: 0 auto;
        position: relative;
    }
    .eventDet {
        padding-right: 0;
        text-align: center;
    }
    .eventDet h4 {
        font-size: 20px;
    }
    .evMeta {
        text-align: left;
    }
    .loadMoreArea {
        margin-bottom: 0;
        text-align: center;
    }
    .evMeta {
        padding-bottom: 10px;
        padding-left: 10px;
    }
    .side-post .no-padding-right{
        padding-right: 0;
    }
    .side-post .no-padding{
        padding: 0;
    }
    .tribe-events-sub-nav li a {
        line-height: 1;
        padding:25px 0 0;
        width: 145px;
        margin-bottom: 0;
    }
    .tribe-events-sub-nav li{
        overflow: hidden;
    }
    .tribe-events-sub-nav .tribe-events-nav-right a span{
        display: none;
    }
    .side-post .no-padding-left{
        padding-left: 0;
    }
    .singleEventMets .tribe-events-event-meta .column, .singleEventMets .tribe-events-event-meta .tribe-events-meta-group {
        width: 100%;
    }
    .singleEventMets .tribe-events-venue-map {
        width: 90%;
    }
    /****************** Single Event Page *****************/
    /*-----------------------------------------------
    ///Events Details Area
    ------------------------------------------------*/
    .eDDetails h1 {
        font-size: 60px;
    }
    .eDDetails {
        padding: 20px 25px 15px;
    }
    .eventMeta p {
        margin: 8px 10px 10px 0;
    }
    /****************** Contact Page *****************/
    /*-----------------------------------------------
    ///Contact Area
    ------------------------------------------------*/
    .contactMapSection {
        height: inherit;
        padding: 80px 0;
    }
    .blackash {
        color: #fff;
    }
    .contactSocial {
        margin-top: 25px;
    }
    .contactSocialUL {
        float: none;
    }
    .contactSocialUL li a {
        font-size: 30px;
        height: 60px;
        margin-right: 10px;
        padding-top: 9px;
        width: 60px;
    }
    .redTriangle {
        display: none;
    }
    .contactForm {
        padding: 80px 0;
    }
    /****************** 404 Page *****************/
    /*-----------------------------------------------
    ///404 Area
    ------------------------------------------------*/
    .error-404 {
        padding: 55px 0 80px;
    }
    .error-404 h1 {
        font-size: 300px;
        line-height: 0.78;
    }
    .error-404 p {
        padding: 25px 20px 0;
        width: 90%;
    }
    /****************** Blog Sidebar Page *****************/
    .default-pagination li a {
        padding: 12px 22px;
    }
    /****************** Blog Grid Page *****************/
    /*-----------------------------------------------
    ///Article Area
    ------------------------------------------------*/
    .grid-ariticle {
        padding: 35px 15px 20px;
    }
    .month_like {
        padding: 0 20px;
    }
    .custom-button.grid_btn {
        margin-bottom: 0;
    }
    .blog-post-content h2 {
        font-size: 45px;
    }
    /****************** Blog Single Page *****************/
    /*-----------------------------------------------
    ///Post Area
    ------------------------------------------------*/
    .post-thumb2 {
        width: 100%;
    }
    .small-right-content.pull-left {
        padding-left: 0;
        width: 100%;
    }
    .author-history {
        margin-top: 0;
    }
    .athor-img {
        float: none;
        margin: 0 auto;
    }
    .author-bio {
        float: none;
        margin: 30px auto 0;
        text-align: center;
        width: 100%;
    }
    .comment-details {
        width: 80%;
    }
    .reply-two2 .user-img {
        margin-left: 0;
    }
    .reply-two .user-img {
        margin-left: 0;
    }
    .reply-two .comment-details {
        width: 80%;
    }
    .reply-two2 .comment-details {
        width: 80%;
    }
    .comment-form input[type="text"] {
        width: 100%;
    }
    .sidebar .widget-form input {
        width: 190px;
    }
    .calendarWidget {
        padding: 37px 15px 0;
    }
    .small-right-content {
        padding-left: 20px;
        padding-top: 10px;
    }
    /*************** Coming Soon Page ****************/
    .countdownarea span.countdown-section{
        margin-bottom: 20px;
        width: 122px;
        height: 122px;
        padding-top: 0;
    }
    .countdown-amount {
        font-size: 50px;
        margin-top: 10px;
    }
    .comingSoon:before {
        left: -54%;
        -webkit-transform: skew(40deg, 0deg);
        -moz-transform: skew(40deg, 0deg);
        -ms-transform: skew(40deg, 0deg);
        -o-transform: skew(40deg, 0deg);
        transform: skew(40deg, 0deg);
        width: 106%;
    }

}
@media screen and (min-width: 640px) and (max-width: 767px){
    /****************** Header Area *****************/
    .header-area {
        height: 470px;
        padding-left: 0;
        width: 100%;
    }
    .headerTriangle {
        height: 470px;
    }
    .heading h1 {
        font-size: 45px;
        line-height: 35px;
    }
    .heading {
        margin-bottom: 30px;
        margin-left: 22px;
        width: 45%;
    }
    .heading p {
        margin-top: 18px;
    }
    .logo-img {
        margin-left: 15px;
        margin-top: 95px;
    }
    .menu {
        margin-top: 0;
        display: none;
    }
    .menu ul {
        background: none repeat scroll 0 0 #4c4c4c;
        text-align: center;
    }
    .menu ul > li {
        padding-bottom: 0;
    }
    .menu ul li {
        display: block;
    }
    .menu ul li a {
        border-top: 1px solid #7f7f7f;
        color: #fff;
        display: block;
        padding: 14px 0;
        text-align: center;
        width: 100%;
    }
    .sub-menu{
        display: none;
        border-top: 5px solid #7f7f7f;
    }
    nav .sub-menu {
        left: 0 !important;
        opacity: 1;
        position: relative;
        top: 100%;
        visibility: visible;
        width: 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    nav .sub-menu li a{
        border: medium none;
        font-size: 12px;
        text-transform: capitalize;
        font-weight: 300;
    }
    .menu ul li:hover .sub-menu {
        left: 0;
    }
    .menuButtonArea {
        bottom: 0;
        position: absolute;
    }
    /*********** Inner Page Menu *********/
    .inerPageheader .menuButtonArea {
        margin: 0 auto;
        position: relative;
        width: 35%;
        display: block;
    }
    .inner-nav{
        display: none;
        width: 100%;
    }
    .inner-nav ul{
        background: none repeat scroll 0 0 #4c4c4c;
        text-align: center;
    }
    .inner-nav ul li {
        display: block;
    }
    .inner-nav ul li a {
        display: block;
        margin: 0;
        width: 100%;
        border-top: 1px solid #7f7f7f;
        color: #fff;
        padding: 10px 0;
        text-align: center;
        width: 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    .inner-nav ul li ul.sub-menu{
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        visibility: visible;
        opacity: 1;
        top: 100%;
        width: 100%;
        position: relative;
    }
    .inner-nav ul li ul.sub-menu li a {
        text-align: center;
        border: none;
        font-size: 12px;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        padding: 15px 0;
        font-weight: 300;
    }
    .presetArea{
        display: none;
    }
    nav .menuLeftAlign .sub-menu {
        width: 100%;
    }
    /****************** Slider Area *****************/
    .slider-area {
        height: 470px;
    }
    .slider-caption,
    .tp-caption,.tp-bullets{
        display: none;
    }
    .comonItem {
        height: 470px;
    }
    /****************** Feature Section *****************/
    .commonPadding120 {
        padding: 80px 0;
    }
    .features-area.commonPadding120{
        padding-bottom: 50px;
    }
    .single-feature {
        margin-bottom: 30px;
        min-height: 320px;
    }
    /**************** Gallery area *****************/
    .single-gallery{
        width: 50%;
    }
    .gallery-hover h4 {
        font-size: 25px;
        line-height: 0.83;
        padding-left: 14px;
    }
    .gallery-hover ul {
        left: 15px;
    }
    /****************** About Area *****************/
    .about-company {
        padding: 80px 0;
    }
    .common-title {
        font-size: 45px;
        text-align: center;
    }
    .counting {
        text-align: center;
    }
    .company-description {
        padding: 0 15px;
        text-align: center;
    }
    .about-company h4 {
        margin-top: 30px;
        text-align: center;
        padding-bottom: 30px;
    }
    .company-description h6:before {
        display: none;
    }
    .company-description h6:after {
        display: none;
    }
    .facebook-div,.twitter-div,.google-pls {
        margin: 0 auto 20px;
        width: 45%;
    }
    /****************** Skill area *********************/
    .skill-area {
        padding: 80px 0 50px;
    }
    .pie-wp{
        margin-bottom: 30px;
    }
    /***************** Testimonial Area ******************/
    .testimonial-area {
        padding: 80px 0;
    }
    .testinonialTriangle {
        left: -32%;
        width: 100%;
    }
    .testimonial-content h4 {
        font-size: 25px;
    }
    .testimonial-content h2 {
        font-size: 45px;
    }
    .testimonial-content p {
        font-size: 20px;
        margin-bottom: 0;
        margin-top: 25px;
        padding-left: 35px;
        width: 65%;
    }
    /****************** Our Service Area *****************/
    .our-service {
        padding: 80px 0 0;
    }
    .common-subtitle {
        margin: 0 auto 42px;
        width: 100%;
    }
    .service-content:first-of-type {
        padding-top: 0;
    }
    .service-list {
        float: right;
        margin-top: 5px;
        text-align: left;
        width: 65%;
    }
    .service-list p {
        margin-bottom: 0;
        margin-top: 10px;
    }
    .service-content i {
        float: left;
    }
    .service-content {
        margin: 0 auto 28px;
        width: 50%;
    }
    .service-list h4 {
        font-size: 22px;
    }
    .mobile-img {
        margin: 15px auto 0;
        width: 50%;
    }
    /************** Latest Post *****************/
    .latest-post {
        padding: 80px 0;
    }
    .post-content.home2{
        margin-bottom: 30px;
    }
    .post-content.pull-right {
        float: left !important;
        margin-left: 30px;
        width: 48.3%;
    }
    .post-content {
        margin-bottom: 30px;
    }
    /***************** Map Section ****************/
    .map-area {
        padding: 80px 0;
    }
    .homMapTriangle{
        left: -44%;
        width: 100%;
    }
    .contact-social.pull-right {
        float: none !important;
        text-align: center;
        margin-top: 60px;
    }
    /****************** Blog Post *****************/
    .blog-section{
        padding: 80px 0 50px;
    }
    .blog-content {
        margin-bottom: 30px;
        width: 100%;
    }
    /************** Footer Section *****************/
    .footertriangle {
        left: -20%;
    }
    /****************** Home 2 Page *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    /****************** Feature Page *****************/
    img.widthAuto {
        width: 100%;
    }
    .features-area.home2 {
        padding-bottom: 70px;
        padding-top: 80px;
    }
    .features-area.home2 h3 {
        margin-top: 30px;
    }
    /****************** Our Service *****************/
    .our-service.home2 {
        padding: 80px 0;
    }
    .our-service.home2 .service-list {
        float: left;
        margin-left: 20px;
    }
    .our-service.home2 i {
        margin-bottom: 30px;
    }
    /****************** Skill Area *****************/
    .hom2-skill-area .col-xs-12{
        width: 50%;
    }
    .hom2-skill-area {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
        height: auto;
        padding: 80px 0 50px;
    }
    .skill-rect {
        display: none;
    }
    .chart2,.chart3{
        margin-bottom: 30px;
    }
    .chart2 h4, .chart3 h4, .chart4 h4 {
        color: #16a4d6;
    }
    /****************** Team Member Area *****************/
    .team-members-area {
        padding: 80px 0;
    }
    .single-member{
        margin-bottom: 30px;
    }
    #carousel-about-generic {
        padding-bottom: 30px;
    }
    /****************** Gallery Area *****************/
    .gallery-hover.home2 h4{
        line-height: .8;
    }
    /****************** Home 3 Page *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    /****************** Latest Project Area *****************/
    .latest-project-slider {
        padding: 80px 0 0;
    }
    .latest-project-content p {
        width: 95%;
    }
    .custom-button.home3 {
        width: 170px;
    }
    .latest-project-content {
        padding: 50px 0 80px;
    }
    .project-counter {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
        padding: 75px 0 35px;
    }
    .project-count-tringle{
        display: none;
    }
    .project-count {
        margin-bottom: 40px;
    }
    .project-counter .col-xs-12{
        width: 50%;
    }
    .project-count h2 {
        color: #3dad66;
        line-height: 1;
    }
    .project-count i {
        padding-bottom: 0;
    }
    /****************** About Company Area *****************/
    .home3-about-company {
        padding: 80px 0 70px;
    }
    .panel-group.my-accordion {
        margin-top: 30px;
    }
    /****************** Gellery Area *****************/
    .gallery-area.home3 {
        padding: 80px 0;
    }
    .mixi-button {
        padding-bottom: 30px;
    }
    .mixi-button li {
        margin-bottom: 10px;
    }
    .single-gallery.home3 {
        width: 100%;
        margin-left: 0;
    }
    .home3 .gallery-hover {
        width: 66%;
        background-size: cover;
        background-position: center center;
    }
    .single-gallery.home3:hover .gallery-hover h4 {
        font-size: 30px;
        padding-left: 30px;
    }
    .single-gallery.home3 .gallery-hover ul {
        left: 30px;
    }
    .default-pagination {
        padding-top: 0;
    }
    /****************** Portfolio Page One *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    .inner-heading {
        display: none;
    }
    /****************** Gellery Area *****************/
    .custom-button.folio-btn {
        margin-bottom: 80px;
        margin-top: 50px;
    }
    /****************** Subscribe Area *****************/
    .subscribe {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    }
    .subsTriangle {
        display: none;
    }
    .subscribeForm {
        margin: 0 auto;
        width: 360px;
    }
    /****************** Portfolio Page Two *****************/
    .folio2 .single-gallery {
        width: 45.3%;
    }
    /****************** Portfolio Page Four *****************/
    /*-----------------------------------------------
    //Post Area
    ------------------------------------------------*/
    .folio4-post-slider {
        padding: 80px 0;
    }
    /****************** Member Page *****************/
    /*-----------------------------------------------
    ///Member Area
    ------------------------------------------------*/
    .member-page-area {
        padding: 80px 0;
    }
    .no-padding-left{
        padding-left: 15px;
    }
    .no-padding-right{
        padding-right: 15px;
    }
    .member-histo {
        padding: 35px 0 0 0;
        text-align: center;
    }
    .member-meta{
        text-align: left;
    }
    .member-histo .comonSocial {
        float: none;
    }
    /****************** Skill Area *****************/
    .member-page h4{
        color: #de3c2f;
    }
    .member-page .chart4{
        margin-top: 30px;
    }
    .skill-rect2{
        display: none;
    }
    /****************** Events Page *****************/
    /*-----------------------------------------------
    ///Widget Area
    ------------------------------------------------*/
    .widget-form{
        margin: 0 auto 50px;
        width: 292px;
    }
    .no-padding{
        padding: 0 15px;
    }
    .tribe-events-sub-nav li a {
        line-height: 1;
        padding:25px 0 0;
        width: 145px;
        margin-bottom: 0;
    }
    .tribe-events-sub-nav li{
        overflow: hidden;
    }
    .tribe-events-sub-nav .tribe-events-nav-right a span{
        display: none;
    }
    /****************** Single Event *****************/
    .singleEvents {
        padding-left: 0;
    }
    .eventThumb {
        float: left;
        left: 0;
        margin: 0;
        position: relative;
    }
    .eventDet {
        float: left;
        padding: 20px;
        position: relative;
        width: 55%;
        text-align: center;
    }
    .evMeta {
        padding-top: 14px;
    }
    .eventDet h4 {
        font-size: 20px;
    }
    .evMeta {
        text-align: left;
    }
    .loadMoreArea {
        margin-bottom: 0;
        text-align: center;
    }
    .side-post .no-padding-right{
        padding-right: 0;
    }
    .side-post .no-padding{
        padding: 0;
    }
    /****************** Single Event Page *****************/
    /*-----------------------------------------------
    ///Events Details Area
    ------------------------------------------------*/
    .eDDetails h1 {
        font-size: 60px;
    }
    /****************** Contact Page *****************/
    /*-----------------------------------------------
    ///Contact Area
    ------------------------------------------------*/
    .contactMapSection {
        height: inherit;
        padding: 80px 0;
    }
    .blackash {
        color: #fff;
    }
    .contactSocial {
        margin-top: 25px;
    }
    .contactSocialUL {
        float: none;
    }
    .redTriangle {
        display: none;
    }
    .contactForm {
        padding: 80px 0;
    }
    .inputP {
        width: 100%;
    }
    /****************** 404 Page *****************/
    /*-----------------------------------------------
    ///404 Area
    ------------------------------------------------*/
    .error-404 {
        padding: 80px 0;
    }
    .error-404 h1 {
        font-size: 200px;
    }
    .error-404 p {
        padding: 25px 20px 0;
        width: 84%;
    }
    /****************** Blog Grid Page *****************/
    /*-----------------------------------------------
    ///Grid article Area
    ------------------------------------------------*/
    .grid-ariticle {
        padding: 35px 15px 20px;
    }
    .custom-button.grid_btn {
        margin-bottom: 0;
    }
    /****************** Blog Single Page *****************/
    /*-----------------------------------------------
    ///Post Area
    ------------------------------------------------*/
    .post-thumb2 {
        width: 100%;
    }
    .small-right-content.pull-left {
        padding-left: 0;
        width: 100%;
    }
    .author-history {
        margin-top: 0;
    }
    .athor-img {
        float: none;
        margin: 0 auto;
    }
    .author-bio {
        float: none;
        margin: 30px auto 0;
        text-align: center;
        width: 100%;
    }
    .comment-details {
        width: 80%;
    }
    .reply-two2 .user-img {
        margin-left: 0;
    }
    .reply-two .user-img {
        margin-left: 0;
    }
    .reply-two .comment-details {
        width: 80%;
    }
    .reply-two2 .comment-details {
        width: 80%;
    }
    .comment-form input[type="text"] {
        width: 100%;
    }
    .sidebar .widget-form{
        margin: 0 0 50px;
    }
    /*************** Coming Soon Page ****************/
    .countdownarea span.countdown-section{
        margin-bottom: 20px;
    }
    .comingSoon::before {
        left: -50%;
        -webkit-transform: skew(42deg, 0deg);
        -moz-transform: skew(42deg, 0deg);
        -ms-transform: skew(42deg, 0deg);
        -o-transform: skew(42deg, 0deg);
        transform: skew(42deg, 0deg);
        width: 106%;
    }
}
@media screen and (min-width: 481px) and (max-width: 639px){
    /****************** Header Area *****************/
    .header-area {
        height: 360px;
        width: 100%;
        padding-left: 0;
    }
    .heading {
        margin-bottom: 30px;
        width: 65%;
        padding-left: 15px;
    }
    .heading p{
        display: none;
    }
    .heading h1 {
        font-size: 40px;
        line-height: 31px;
        margin-top: 18px;
    }
    .logo-img {
        margin-left: 15px;
        margin-top: 114px;
    }
    .menu {
        margin-top: 0;
        display: none;
    }
    .menu ul {
        background: none repeat scroll 0 0 #4c4c4c;
        text-align: center;
    }
    .menu ul > li {
        padding-bottom: 0;
    }
    .menu ul li {
        display: block;
    }
    .menu ul li a {
        border-top: 1px solid #7f7f7f;
        color: #fff;
        display: block;
        padding: 14px 0;
        text-align: center;
        width: 100%;
    }
    .sub-menu{
        display: none;
        border-top: 5px solid #7f7f7f;
    }
    nav .sub-menu {
        left: 0 !important;
        opacity: 1;
        position: relative;
        top: 100%;
        visibility: visible;
        width: 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    nav .sub-menu li > ul.sub-menu{
        display: block;
        padding: 0;
        border: none;
    }
    nav .sub-menu li a{
        border: medium none;
        font-size: 12px;
        text-transform: capitalize;
        font-weight: 300;
    }
    .menu ul li:hover .sub-menu {
        left: 0;
    }
    #mainCarousle .carousel-indicators{
        display: none;
    }
    /*********** Inner Page Menu *********/
    .inerPageheader .menuButtonArea {
        display: block;
        margin: 0 auto;
        width: 10%;
    }
    .inner-nav{
        display: none;
        width: 100%;
    }
    .inner-nav ul{
        background: none repeat scroll 0 0 #4c4c4c;
        text-align: center;
    }
    .inner-nav ul li {
        display: block;
    }
    .inner-nav ul li a {
        display: block;
        margin: 0;
        width: 100%;
        border-top: 1px solid #7f7f7f;
        color: #fff;
        padding: 10px 0;
        text-align: center;
        width: 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    .inner-nav ul li ul.sub-menu{
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        visibility: visible;
        opacity: 1;
        top: 100%;
        width: 100%;
        position: relative;
    }
    .inner-nav ul li ul.sub-menu li a {
        text-align: center;
        border: none;
        font-size: 12px;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        padding: 15px 0;
        font-weight: 300;
    }
    .presetArea{
        display: none;
    }
    nav .menuLeftAlign .sub-menu {
        width: 100%;
    }
    /****************** Slider Area *****************/
    .slider-area {
        height: 360px;
    }
    .comonItem{
        height: 358px;
    }
    .slider-caption,
    .tp-caption,.tp-bullets{
        display: none;
    }
    /****************** Feature Area *****************/
    .features-area{
        padding: 80px 0 50px;
    }
    .single-feature {
        margin-bottom: 30px;
        min-height: 320px;
    }
    .single-gallery{
        width: 100%;
    }
    /****************** About Area *****************/
    .about-company {
        padding: 80px 0;
    }
    .common-title {
        font-size: 45px;
        text-align: center;
    }
    .counting {
        text-align: center;
    }
    .company-description {
        padding: 0 15px;
        text-align: center;
    }
    .about-company h4 {
        margin-top: 30px;
        text-align: center;
        padding-bottom: 30px;
    }
    .company-description h6:before {
        display: none;
    }
    .company-description h6:after {
        display: none;
    }
    .facebook-div,.twitter-div,.google-pls {
        margin: 0 auto 20px;
        width: 60%;
    }
    /****************** Skill Area *****************/
    .skill-area {
        padding: 70px 0 40px;
    }
    .pie-wp h4 {
        padding-bottom: 40px;
    }
    /****************** Testimonial Area *****************/
    .testinonialTriangle {
        display: none;
    }
    .testimonial-area {
        padding: 80px 0 125px;
    }
    .testimonial-content {
        text-align: center;
    }
    .testimonial-content h2 {
        color: #de3c2f;
        font-size: 40px;
        margin-top: 15px;
    }
    .testimonial-content p {
        font-size: 20px;
        margin-top: 45px;
        padding-left: 0;
        width: 100%;
    }
    .testimonial-content p:before {
        left: -25px;
        top: 5px;
    }
    #testimonialCarousel .carousel-indicators {
        bottom: -48px;
        left: 0;
        margin: 0;
        right: 0;
        width: 100%;
    }
    #testimonialCarousel .carousel-indicators li {
        margin: 0 8px;
    }
    #testimonialCarousel .carousel-indicators li.active {
        width: 12px;
        height: 12px;
    }
    /****************** Our Service Area *****************/
    .our-service {
        padding: 80px 0 50px;
    }
    .common-subtitle {
        margin: 0 auto 42px;
        width: 100%;
    }
    .service-content:first-of-type {
        padding-top: 0;
    }
    .service-list {
        float: right;
        margin-top: 5px;
        text-align: left;
        width: 65%;
    }
    .service-list p {
        margin-bottom: 0;
        margin-top: 10px;
    }
    .service-content i {
        float: left;
    }
    .service-content {
        margin: 0 auto 28px;
        width: 63%;
    }
    .service-list h4 {
        font-size: 22px;
    }
    .mobile-img {
        margin: 15px auto 45px;
        width: 100%;
    }
    /****************** Latest Post Area *****************/
    .latest-post {
        padding: 80px 0;
    }
    .post-content ul li {
        width: 33%;
    }
    .post-content {
        margin-bottom: 30px;
    }
    .post-thumb.pull-left {
        width: 100%;
    }
    .post-content.pull-right {
        width: 100%;
    }
    /****************** Contact Area *****************/
    .map-area {
        padding: 80px 0;
    }
    .contact-address p {
        color: #4c4c4c;
        font-size: 22px;
    }
    .contact-address p i {
        color: #de3c2f;
    }
    .contact-social li.goo a{
        margin-right: 0;
    }
    .homMapTriangle{
        display: none;
    }
    .contact-social {
        margin-top: 50px;
    }
    .contact-social.pull-right {
        float: none !important;
        text-align: center;
    }
    /****************** Blog section *****************/
    .blog-section {
        padding: 80px 0 30px;
    }
    .blog-content {
        margin-bottom: 50px;
        width: 100%;
    }
    /****************** Footer Area *****************/
    .footer-section {
        background: none repeat scroll 0 0 #4c4c4c;
        padding: 60px 0;
    }
    .footertriangle{
        display: none;
    }
    /****************** Home 2 Page *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    /****************** Feature Page *****************/
    img.widthAuto {
        width: 100%;
    }
    .features-area.home2 {
        padding-bottom: 70px;
        padding-top: 80px;
    }
    .features-area.home2 h3 {
        margin-top: 30px;
    }
    /****************** Our Service *****************/
    .our-service.home2 {
        padding: 80px 0;
    }
    .our-service.home2 i {
        margin-bottom: 30px;
    }
    .our-service.home2 .service-list {
        float: left;
        margin-left: 20px;
    }
    /****************** Skill Area *****************/
    .hom2-skill-area {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
        height: auto;
        padding: 80px 0 50px;
    }
    .skill-rect {
        display: none;
    }
    .chart2,.chart3{
        margin-bottom: 30px;
    }
    .chart2 h4, .chart3 h4, .chart4 h4 {
        color: #16a4d6;
    }
    /****************** Team Member Area *****************/
    .team-members-area {
        padding: 80px 0;
    }
    .single-member{
        margin-bottom: 30px;
    }
    #carousel-about-generic {
        padding-bottom: 30px;
    }
    /****************** Gallery Area *****************/
    .gallery-hover.home2 h4{
        line-height: .8;
    }
    /****************** Home 3 Page *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    /****************** Latest Project Area *****************/
    .latest-project-slider {
        padding: 80px 0 0;
    }
    .latest-project-content p {
        width: 95%;
    }
    .custom-button.home3 {
        width: 170px;
    }
    .latest-project-content {
        padding: 50px 0 80px;
    }
    .project-counter {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
        padding: 75px 0 35px;
    }
    .project-count-tringle{
        display: none;
    }
    .project-count {
        margin-bottom: 40px;
    }
    .project-count h2 {
        color: #3dad66;
        line-height: 1;
    }
    .project-count i {
        padding-bottom: 0;
    }
    /****************** About Company Area *****************/
    .home3-about-company {
        padding: 80px 0 70px;
    }
    .panel-group.my-accordion {
        margin-top: 30px;
    }
    /****************** Gellery Area *****************/
    .gallery-area.home3 {
        padding: 80px 0;
    }
    .mixi-button {
        padding-bottom: 30px;
    }
    .mixi-button li {
        margin-bottom: 10px;
    }
    .single-gallery.home3 {
        margin-left: 0;
        width: 100%;
    }
    .default-pagination {
        padding-top: 0;
    }
    .default-pagination li a {
        margin-bottom: 10px;
        padding: 10px 20px;
    }
    .default-pagination li:last-child a {
        margin-right: 0;
    }
    /****************** Portfolio Page One *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    .inner-heading {
        display: none;
    }
    /****************** Breadcums Area *****************/
    .bread-cumbs h1 {
        font-size: 60px;
    }
    /****************** Gellery Area *****************/
    .custom-button.folio-btn {
        margin-bottom: 80px;
        margin-top: 50px;
    }
    /****************** Subscribe Area *****************/
    .subscribe {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    }
    .subsTriangle {
        display: none;
    }
    .subscribeForm {
        margin: 0 auto;
        width: 360px;
    }
    /****************** Portfolio Page Two *****************/
    .folio2 .single-gallery {
        width: 94.5%;
    }
    /****************** Portfolio Page Four *****************/
    /*-----------------------------------------------
    //Post Area
    ------------------------------------------------*/
    .folio4-post-slider {
        padding: 80px 0;
    }
    /****************** Member Page *****************/
    /*-----------------------------------------------
    ///Member Area
    ------------------------------------------------*/
    .member-page-area {
        padding: 80px 0;
    }
    .no-padding-left{
        padding-left: 15px;
    }
    .no-padding-right{
        padding-right: 15px;
    }
    .member-histo {
        padding: 35px 0 0 0;
        text-align: center;
    }
    .member-meta{
        text-align: left;
    }
    .member-histo .comonSocial {
        float: none;
    }
    /****************** Skill Area *****************/
    .member-page h4{
        color: #de3c2f;
    }
    .member-page .chart4{
        margin-top: 30px;
    }
    .skill-rect2{
        display: none;
    }
    /****************** Events Page *****************/
    /*-----------------------------------------------
    ///Widget Area
    ------------------------------------------------*/
    .widget-form{
        margin: 0 auto 50px;
        width: 292px;
    }
    .no-padding{
        padding: 0 15px;
    }
    .evMeta {
        padding-bottom: 10px;
        padding-left: 10px;
    }
    /****************** Single Event *****************/
    .singleEvents {
        padding-left: 0;
    }
    .eventThumb {
        left: auto;
        margin: 0 auto;
        position: relative;
    }
    .eventDet {
        padding-right: 0;
        text-align: center;
    }
    .eventDet h4 {
        font-size: 20px;
    }
    .evMeta {
        text-align: left;
    }
    .loadMoreArea {
        margin-bottom: 0;
        text-align: center;
    }
    .side-post .no-padding-right{
        padding-right: 0;
    }
    .side-post .no-padding{
        padding: 0;
    }
    .singleEventMets .tribe-events-event-meta .column, .singleEventMets .tribe-events-event-meta .tribe-events-meta-group {
        width: 100%;
    }
    .singleEventMets .tribe-events-venue-map {
        width: 90%;
    }
    /****************** Single Event Page *****************/
    /*-----------------------------------------------
    ///Events Details Area
    ------------------------------------------------*/
    .eDDetails {
        padding: 15px 10px 0px;
    }
    .eDDetails h1 {
        font-size: 50px;
    }
    .eventMeta p {
        margin: 8px 20px 10px 0;
    }
    /****************** Contact Page *****************/
    /*-----------------------------------------------
    ///Contact Area
    ------------------------------------------------*/
    .contactMapSection {
        height: inherit;
        padding: 80px 0;
    }
    .contactP {
        font-size: 22px;
        padding-bottom: 5px;
    }
    .contactP i {
        padding-right: 0;
    }
    .blackash {
        color: #fff;
    }
    .contactSocial {
        margin-top: 25px;
    }
    .contactSocialUL {
        float: none;
    }
    .redTriangle {
        display: none;
    }
    .contactSocialUL li a {
        height: 70px;
        margin-right: 15px;
        padding-top: 9px;
        width: 70px;
    }
    .contactForm {
        padding: 80px 0;
    }
    .inputP {
        width: 100%;
    }
    /****************** 404 Page *****************/
    /*-----------------------------------------------
    ///404 Area
    ------------------------------------------------*/
    .error-404 {
        padding: 80px 0;
    }
    .error-404 h1 {
        font-size: 200px;
    }
    .error-404 p {
        padding: 25px 20px 0;
        width: 75%;
    }
    /****************** Blog Grid Page *****************/
    /*-----------------------------------------------
    ///Grid article Area
    ------------------------------------------------*/
    .grid-ariticle {
        padding: 35px 15px 20px;
    }
    .custom-button.grid_btn {
        margin-bottom: 0;
    }
    .grid-ariticle h4 {
        font-size: 28px;
    }
    /****************** Blog Single Page *****************/
    /*-----------------------------------------------
    ///Post Area
    ------------------------------------------------*/
    .blog-post-content h2 {
        font-size: 50px;
    }
    .blog-post-content ul.blog-category li {
        margin-right: 20px;
    }
    .post-thumb2 {
        width: 100%;
    }
    .small-right-content.pull-left {
        padding-left: 0;
        width: 100%;
    }
    .author-history {
        margin-top: 0;
    }
    .athor-img {
        float: none;
        margin: 0 auto;
    }
    .author-bio {
        float: none;
        margin: 30px auto 0;
        text-align: center;
        width: 100%;
    }
    .comment-details {
        width: 80%;
    }
    .reply-two2 .user-img {
        margin-left: 0;
    }
    .reply-two .user-img {
        margin-left: 0;
    }
    .reply-two .comment-details {
        width: 80%;
    }
    .reply-two2 .comment-details {
        width: 80%;
    }
    .comment-form input[type="text"] {
        width: 100%;
    }
    .sidebar .widget-form{
        margin: 0 0 50px;
    }
    /****************** Blog Sidebar Page *****************/
    /*-----------------------------------------------
    ///Post Area
    ------------------------------------------------*/
    .blog-post-video iframe {
        height: 300px;
    }
    /*Coming Soon Page*/
    .comingSoon {
        padding: 50px 0 70px;
        position: relative;
    }
    .comingSoon:before {
        display: none;
    }
    .comingSoon .sectionTitle {
        font-size: 40px;
        line-height: 1;
    }
    .countdownarea span.countdown-section{
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 320px) and (max-width: 480px){
    /****************** Header Area *****************/
    .header-area {
        height: 358px;
        padding-left: 0;
        width: 100%;
    }
    .headerTriangle {
        left: -140px;
        width: 320px;
        overflow: hidden;
    }
    .heading {
        margin-bottom: 30px;
        padding-left: 15px;
        width: 50%;
    }
    .heading p{
        display: none;
    }
    .heading h1 {
        font-size: 40px;
        line-height: 31px;
        margin-top: 18px;
    }
    .logo-img {
        margin-left: 15px;
        margin-top: 113px;
    }
    .menu {
        margin-top: 0;
        display: none;
    }
    .menu ul {
        background: none repeat scroll 0 0 #4c4c4c;
        text-align: center;
    }
    .menu ul > li {
        padding-bottom: 0;
    }
    .menu ul li {
        display: block;
    }
    .menu ul li a {
        border-top: 1px solid #7f7f7f;
        color: #fff;
        display: block;
        padding: 14px 0;
        text-align: center;
        width: 100%;
    }
    .sub-menu{
        display: none;
        border-top: 5px solid #7f7f7f;
    }
    nav .sub-menu {
        left: 0 !important;
        opacity: 1;
        position: relative;
        top: 100%;
        visibility: visible;
        width: 100%;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    nav .sub-menu li > ul.sub-menu{
        display: block;
        padding: 0;
        border: none;
    }
    nav .sub-menu li a{
        border: medium none;
        font-size: 12px;
        text-transform: capitalize;
        font-weight: 300;
    }
    .menu ul li:hover .sub-menu {
        left: 0;
    }
    #mainCarousle .carousel-indicators{
        display: none;
    }
    nav .menuLeftAlign .sub-menu {
        width: 100%;
    }
    /*********** Inner Page Menu *********/
    .inner-nav ul li ul.sub-menu {
        width: 100%;
    }
    .inner-nav ul li ul.sub-menu{
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        visibility: visible;
        opacity: 1;
        top: 100%;
        position: relative;
    }
    .inner-nav ul li ul.sub-menu li a {
        text-align: center;
        border: none;
        font-size: 12px;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        padding: 15px 0;
        font-weight: 300;
    }
    /****************** Slider Area *****************/
    .slider-area {
        height: 358px;
    }
    .comonItem{
        height: 360px;
    }
    .slider-caption,
    .tp-caption,.tp-bullets{
        display: none;
    }
    /****************** Feature Area *****************/
    .features-area{
        padding: 80px 0 50px;
    }
    .single-feature {
        margin-bottom: 30px;
        min-height: 320px;
    }
    .single-gallery{
        width: 100%;
    }
    .gallery-hover h4{
        padding-left: 15px;
        font-size: 25px;
    }
    .gallery-hover ul{
        left: 15px;
    }
    /****************** About Area *****************/
    .about-company {
        padding: 80px 0;
    }
    .common-title {
        font-size: 40px;
        text-align: center;
        line-height: 0.79;
    }
    .counting {
        text-align: center;
    }
    .company-description {
        padding: 0 15px;
        text-align: center;
    }
    .about-company h4 {
        margin-top: 30px;
        text-align: center;
        padding-bottom: 30px;
    }
    .company-description h6:before {
        display: none;
    }
    .company-description h6:after {
        display: none;
    }
    .facebook-div,.twitter-div,.google-pls {
        padding-left: 20px;
    }
    /****************** Skill Area *****************/
    .skill-area {
        padding: 70px 0 40px;
    }
    .pie-wp h4 {
        padding-bottom: 40px;
    }
    /****************** Testimonial Area *****************/
    .testinonialTriangle {
        display: none;
    }
    .testimonial-area {
        padding: 80px 0 125px;
    }
    .testimonial-content {
        text-align: center;
    }
    .testimonial-content h2 {
        color: #de3c2f;
        font-size: 40px;
        margin-top: 15px;
    }
    .testimonial-content p {
        font-size: 20px;
        margin-top: 45px;
        padding-left: 0;
        width: 100%;
    }
    .testimonial-content p:before {
        left: -25px;
        top: 5px;
    }
    #testimonialCarousel .carousel-indicators {
        bottom: -48px;
        left: 0;
        margin: 0;
        right: 0;
        width: 100%;
    }
    #testimonialCarousel .carousel-indicators li {
        margin: 0 8px;
    }
    #testimonialCarousel .carousel-indicators li.active {
        width: 12px;
        height: 12px;
    }
    /****************** Our Service Area *****************/
    .our-service {
        padding: 80px 0 50px;
    }
    .common-subtitle {
        margin: 0 auto 42px;
        width: 100%;
    }
    .service-content:first-of-type {
        padding-top: 0;
    }
    .service-list {
        float: right;
        margin-top: 5px;
        text-align: left;
        width: 65%;
    }
    .service-list p {
        margin-bottom: 0;
        margin-top: 10px;
    }
    .service-content i {
        float: left;
    }
    .service-content {
        margin-bottom: 28px;
    }
    .service-list h4 {
        font-size: 22px;
    }
    .mobile-img {
        margin: 15px auto 45px;
        width: 100%;
    }
    /****************** Latest Post Area *****************/
    .latest-post {
        padding: 80px 0;
    }
    .post-content ul li {
        width: 33%;
    }
    .post-content {
        margin-bottom: 30px;
    }
    .post-thumb.pull-left {
        width: 100%;
    }
    .post-content.pull-right {
        width: 100%;
    }
    /****************** Contact Area *****************/
    .map-area {
        padding: 80px 0;
    }
    .contact-address p {
        color: #4c4c4c;
        font-size: 20px;
    }
    .contact-address p i {
        color: #de3c2f;
    }
    .contact-social li.goo a{
        margin-right: 0;
    }
    .homMapTriangle{
        display: none;
    }
    .contact-social {
        margin-top: 50px;
    }
    .contact-social.pull-right {
        float: none !important;
        text-align: center;
    }
    /****************** Blog section *****************/
    .blog-section {
        padding: 80px 0 30px;
    }
    .blog-content {
        margin-bottom: 50px;
        width: 100%;
    }
    /****************** Footer Area *****************/
    .footer-section {
        background: none repeat scroll 0 0 #4c4c4c;
        padding: 60px 0;
    }
    .footertriangle{
        display: none;
    }
    /****************** Home 2 Page *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    /****************** Feature Page *****************/
    img.widthAuto {
        width: 100%;
    }
    .features-area.home2 {
        padding-bottom: 70px;
        padding-top: 80px;
    }
    .features-area.home2 h3 {
        font-size: 30px;
        margin-top: 30px;
    }
    /****************** Our Service *****************/
    .our-service.home2 {
        padding: 80px 0;
    }
    .our-service.home2 i {
        margin-bottom: 30px;
    }
    .our-service.home2 .service-list {
        float: left;
        margin-left: 20px;
    }
    /****************** Skill Area *****************/
    .hom2-skill-area {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
        height: auto;
        padding: 80px 0 50px;
    }
    .skill-rect {
        display: none;
    }
    .chart2,.chart3{
        margin-bottom: 30px;
    }
    .chart2 h4, .chart3 h4, .chart4 h4 {
        color: #16a4d6;
    }
    /****************** Team Member Area *****************/
    .team-members-area {
        padding: 80px 0;
    }
    .single-member{
        margin-bottom: 30px;
    }
    #carousel-about-generic {
        padding-bottom: 30px;
    }
    /****************** Gallery Area *****************/
    .gallery-hover.home2 h4{
        line-height: .8;
    }
    /****************** Home 3 Page *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    /****************** Latest Project Area *****************/
    .latest-project-slider {
        padding: 80px 0 0;
    }
    .latest-project-content p {
        width: 95%;
    }
    .custom-button.home3 {
        width: 170px;
    }
    .latest-project-content {
        padding: 50px 0 80px;
    }
    .project-counter {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
        padding: 75px 0 35px;
    }
    .project-count-tringle{
        display: none;
    }
    .project-count {
        margin-bottom: 40px;
    }
    .project-count h2 {
        color: #3dad66;
        line-height: 1;
    }
    .project-count i {
        padding-bottom: 0;
    }
    /****************** About Company Area *****************/
    .home3-about-company {
        padding: 80px 0 70px;
    }
    .panel-group.my-accordion {
        margin-top: 30px;
    }
    /****************** Gellery Area *****************/
    .gallery-area.home3 {
        padding: 80px 0;
    }
    .mixi-button {
        padding-bottom: 30px;
    }
    .mixi-button li {
        margin-bottom: 10px;
    }
    .single-gallery.home3 {
        margin-left: 0;
        width: 100%;
    }
    .default-pagination {
        padding-top: 0;
    }
    .default-pagination li a {
        font-size: 14px;
        margin-bottom: 10px;
        padding: 7px 14px;
        margin-right: 4px;
    }
    .default-pagination li:last-child a {
        margin-right: 0;
    }
    /****************** Portfolio Page One *****************/
    /*-----------------------------------------------
    //Header Area
    ------------------------------------------------*/
    .inner-heading {
        display: none;
    }
    .inner-nav{
        display: none;
        width: 100%;
        background: #444;
    }
    .inner-nav ul{
        background: none repeat scroll 0 0 #444;
        text-align: center;
    }
    .inner-nav ul li {
        display: block;
    }
    .inner-nav ul li a {
        border-top: 1px solid #7f7f7f;
        color: #fff;
        display: block;
        padding: 10px 0;
        text-align: center;
        width: 100%;
        margin: 0px;
    }
    /****************** Breadcums Area *****************/
    .bread-cumbs h1 {
        font-size: 40px;
    }
    .bread-cumbs ul li a {
        font-size: 18px;
    }
    .bread-cumbs ul li a:after {
        margin-left: 10px;
        margin-right: 10px;
    }
    /****************** Gellery Area *****************/
    .custom-button.folio-btn {
        margin-bottom: 80px;
        margin-top: 45px;
    }
    /****************** Subscribe Area *****************/
    .subscribe {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    }
    .subsTriangle {
        display: none;
    }
    .subscribeForm {
        margin: 0 auto;
        width: 290px;
    }
    .subscribeForm input[type="email"] {
        width: 250px;
    }
    /****************** Portfolio Page Three *****************/
    /*-----------------------------------------------
    //Gellery Area
    ------------------------------------------------*/
    .folio3-gallery h4 {
        line-height: 0.82;
    }
    .folio3-gallery p {
        width: 95%;
    }
    /****************** Portfolio Page Two *****************/
    .folio2 .single-gallery {
        width: 100%;
        margin: 0 0 30px;
    }
    /****************** Portfolio Page Four *****************/
    /*-----------------------------------------------
    //Post Area
    ------------------------------------------------*/
    .folio4-post-content h2 {
        font-size: 45px;
    }
    .folio4-post-slider {
        padding: 80px 0;
    }
    /****************** Member Page *****************/
    /*-----------------------------------------------
    ///Member Area
    ------------------------------------------------*/
    .member-page-area {
        padding: 80px 0;
    }
    .no-padding-left{
        padding-left: 15px;
    }
    .no-padding-right{
        padding-right: 15px;
    }
    .member-histo {
        padding: 35px 0 0 0;
        text-align: center;
    }
    .member-meta{
        text-align: left;
    }
    .member-histo .comonSocial {
        float: none;
    }
    /****************** Skill Area *****************/
    .member-page h4{
        color: #de3c2f;
    }
    .member-page .chart4{
        margin-top: 30px;
    }
    .skill-rect2{
        display: none;
    }
    /****************** Events Page *****************/
    /*-----------------------------------------------
    ///Widget Area
    ------------------------------------------------*/
    .widget-form{
        margin: 0 auto 50px;
        width: 292px;
    }
    .sidebar-area.no-padding,
    .sidebar-area .no-padding,
    .widget .no-padding{
        padding: 0 15px;
    }
    .subscribeForm input[type="email"], .subscribeForm input[type="text"] {
        width: 86%;
    }
    .side-post a{
        font-size: 12px;
    }
    .evMeta {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-top: 10px;
    }
    .tribe-events-sub-nav li a {
        margin-bottom: 0;
    }
    .tribe-events-sub-nav .tribe-events-nav-right a span{
        display: none;
    }
    .tribe-events-sub-nav li{
        overflow: hidden;
    }
    .tribe-events-sub-nav li a {
        line-height: 1;
        padding: 25px 0 0;
        width: 145px;
    }
    .tribe-events-list-widget .widget-title{
        padding-left: 15px;
    }
    /****************** Single Event *****************/
    .singleEvents {
        padding-left: 0;
    }
    .eventThumb {
        left: auto;
        margin: 0 auto;
        position: relative;
    }
    .eventDet {
        padding-right: 0;
        text-align: center;
    }
    .eventDet h4 {
        font-size: 20px;
    }
    .evMeta {
        text-align: left;
    }
    .loadMoreArea {
        margin-bottom: 0;
        text-align: center;
    }
    .side-post .no-padding-right{
        padding-right: 0;
    }
    .side-post .no-padding{
        padding: 0;
    }
    /****************** Single Event Page *****************/
    /*-----------------------------------------------
    ///Events Details Area
    ------------------------------------------------*/
    .eDDetails {
        padding: 15px 10px 0px;
    }
    .eDDetails h1 {
        font-size: 25px;
        line-height: 1;
    }
    .eventMeta p {
        margin: 8px 5px 10px 0;
    }
    .singleEventMets .tribe-events-event-meta .column, .singleEventMets .tribe-events-event-meta .tribe-events-meta-group {
        width: 100%;
    }
    .singleEventMets .tribe-events-venue-map {
        width: 96%;
    }
    .comment-section ol li > ul > li > .user-img {
        margin-left: 0;
    }
    .singleEventComment .comment-section ol li > ul > li > .comment-details {
        width: 100%;
    }
    /****************** Contact Page *****************/
    /*-----------------------------------------------
    ///Contact Area
    ------------------------------------------------*/
    .contactMapSection {
        height: inherit;
        padding: 80px 0;
    }
    .contactP {
        font-size: 22px;
        padding-bottom: 5px;
    }
    .contactP i {
        padding-right: 0;
    }
    .blackash {
        color: #fff;
    }
    .contactSocial {
        margin-top: 25px;
    }
    .contactSocialUL {
        float: none;
    }
    .redTriangle {
        display: none;
    }
    .contactSocialUL li a {
        height: 70px;
        margin-right: 15px;
        padding-top: 9px;
        width: 70px;
    }
    .contactForm {
        padding: 80px 0;
    }
    .inputP {
        width: 100%;
    }
    /****************** 404 Page *****************/
    /*-----------------------------------------------
    ///404 Area
    ------------------------------------------------*/
    .error-404 {
        padding: 80px 0;
    }
    .error-404 h1 {
        font-size: 150px;
    }
    .error-404 h2 {
        font-size: 26px;
    }
    .error-404 p {
        padding: 25px 20px 0;
        width: 100%;
    }
    /****************** Blog Grid Page *****************/
    /*-----------------------------------------------
    ///Grid article Area
    ------------------------------------------------*/
    .grid-ariticle {
        padding: 35px 15px 20px;
    }
    .custom-button.grid_btn {
        margin-bottom: 0;
    }
    .grid-ariticle h4 {
        font-size: 28px;
    }
    /****************** Blog Single Page *****************/
    /*-----------------------------------------------
    ///Post Area
    ------------------------------------------------*/
    .blog-post-content h2 {
        font-size: 40px;
    }
    .blog-post-content ul.blog-category li {
        margin-right: 8px;
    }
    .post-thumb2 {
        width: 100%;
    }
    .small-right-content.pull-left {
        padding-left: 0;
        width: 100%;
    }
    .author-history {
        margin-top: 0;
    }
    .athor-img {
        float: none;
        margin: 0 auto;
    }
    .author-bio {
        float: none;
        margin: 30px auto 0;
        text-align: center;
        width: 100%;
    }
    .comment-details {
        margin-top: 10px;
        padding-left: 0;
        width: 100%;
    }
    .reply-two2 .user-img {
        margin-left: 0;
    }
    .reply-two .user-img {
        margin-left: 0;
    }
    .reply-two .comment-details {
        width: 100%;
    }
    .reply-two2 .comment-details {
        width: 100%;
    }
    .comment-form input[type="text"] {
        width: 100%;
    }
    .sidebar .widget-form{
        margin: 0 0 50px;
    }
    /****************** Blog Sidebar Page *****************/
    /*-----------------------------------------------
    ///Post Area
    ------------------------------------------------*/
    .blog-post-video iframe {
        height: 230px;
    }
    .inerPageheader .menuButtonArea{
        width: 75% !important;
    }
    .presetArea{
        display: none;
    }
    /*Coming Soon Page*/
    .comingSoon {
        padding: 50px 0 70px;
        position: relative;
    }
    .comingSoon:before {
        display: none;
    }
    .comingSoon .sectionTitle {
        font-size: 40px;
        line-height: 1;
    }
    .countdownarea span.countdown-section{
        margin-bottom: 20px;
    }
}