/******************************************************************************/
/* 0-1049																	  */
/******************************************************************************/

@media only screen and (min-width: 0px) and (max-width: 1069px) {

}


/******************************************************************************/
/* 0-959																	  */
/******************************************************************************/

@media only screen and (min-width: 0px) and (max-width: 979px) {

    /******************************************************************************/
    /* Base																		  */
    /******************************************************************************/
    *,
    body,
    input,
    select,
    textarea,
    .fancybox-title.fancybox-title-inside-wrap {
        font-size: 14px;
    }

    /******************************************************************************/
    /* Post																		  */
    /******************************************************************************/
    /**************************************************************************/
    /*	Post / Comments list												  */
    /**************************************************************************/
    .template-post .template-post-comment-list > ul > li ul.template-post-comment-list-children,
    .template-post .template-post-comment-list > ul > li ul.template-post-comment-list-children li {
        margin-left: 0px;
    }

    /******************************************************************************/
    /* Component																  */
    /******************************************************************************/
    /**************************************************************************/
    /* Component / Counter box												  */
    /**************************************************************************/
    .template-component-counter-box ul > li > .template-component-counter-box-counter {
        width: 150px;
        height: 150px;
        line-height: 150px;
    }

    /**************************************************************************/
    /* Component / Feature													  */
    /**************************************************************************/
    /**************************************************************/
    /* Component / Feature / Icon								  */
    /**************************************************************/
    /**********************************************************/
    /* Component / Feature / Icon / Size					  */
    /**********************************************************/
    .template-component-feature.template-component-feature-size-large ul > li > .template-icon-feature {
        width: 150px;
        height: 150px;
    }

    /**********************************************************/
    /* Component / Feature / Header	/ Position				  */
    /**********************************************************/
    .template-component-feature.template-component-feature-size-large.template-component-feature-position-right ul > li > h5 {
        margin-right: 170px;
    }

    .template-component-feature.template-component-feature-size-large.template-component-feature-position-left ul > li > h5 {
        margin-left: 170px;
    }

    /**********************************************************/
    /* Component / Feature / Text / Position				  */
    /**********************************************************/
    .template-component-feature.template-component-feature-size-large.template-component-feature-position-right ul > li > p {
        margin-right: 170px;
    }

    .template-component-feature.template-component-feature-size-large.template-component-feature-position-left ul > li > p {
        margin-left: 170px;
    }

}


/******************************************************************************/
/* 0-767																	  */
/******************************************************************************/

@media only screen and (min-width: 0px) and (max-width: 787px) {

    /******************************************************************************/
    /* Template layout															  */
    /******************************************************************************/
    .template-content-layout .template-content-layout-column-left,
    .template-content-layout .template-content-layout-column-right {
        clear: both;
        float: none;
    }

    .template-content-layout .template-content-layout-column-left {
        margin-bottom: 60px;
    }

    /******************************************************************************/
    /* Headers																	  */
    /******************************************************************************/
    h3, h3 a,
    .template-component-testimonial ul > li > p,
    .template-component-twitter-user-timeline ul > li > p {
        font-size: 28px;
    }

    h4, h4 a {
        font-size: 24px;
    }

    h5, h5 a {
        font-size: 20px;
    }

    h6, h6 a,
    .template-component-counter-list > ul > li > .template-component-counter-list-label,
    .template-component-counter-list > ul > li > .template-component-counter-list-counter {
        font-size: 16px;
    }

    /******************************************************************************/
    /* Template																	  */
    /******************************************************************************/
    /**************************************************************************/
    /* Template	/ Header													  */
    /**************************************************************************/
    .template-header {

    }

    .template-header .template-main {
        display: block;
    }

    /**********************************************************************/
    /* Template / Header / Top											  */
    /**********************************************************************/
    .template-header .template-header-top .template-header-top-logo,
    .template-header .template-header-top .template-header-top-menu {
        width: 100%;
        display: block;
    }

    .template-header .template-header-top .template-header-top-logo {
        float: none;
        text-align: center;
    }

    .template-header .template-header-top .template-header-top-logo a {

    }

    .template-header .template-header-top .template-header-top-logo a img {
        max-width: 150px;
        margin-left: auto;
        margin-right: auto;
    }

    .template-header .template-header-top .template-header-top-menu {
        margin-bottom: 20px;
    }

    /******************************************************************************/
    /* Form																		  */
    /******************************************************************************/
    .template-form-line.template-form-line-submit,
    .template-form-line.template-form-line-submit > div,
    .template-form-line.template-form-line-submit input[type="submit"] {
        width: 100%;
        display: block;
    }

    /******************************************************************************/
    /* Component																  */
    /******************************************************************************/
    /**************************************************************************/
    /* Component / Menu														  */
    /**************************************************************************/
    /**********************************************************************/
    /* Component / Menu / Default										  */
    /**********************************************************************/
    .template-component-menu-default {
        display: none;
    }

    /**********************************************************************/
    /* Component / Menu / Responsive									  */
    /**********************************************************************/
    .template-component-menu-responsive {
        display: block;
    }

}


/******************************************************************************/
/* 768-1049																	  */
/******************************************************************************/

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

}


/******************************************************************************/
/* 960-1049																	  */
/******************************************************************************/

@media only screen and (min-width: 960px) and (max-width: 1069px) {

    /******************************************************************************/
    /* Default																	  */
    /******************************************************************************/
    .template-main,
    .template-component-menu-default ul.sf-menu .sf-mega {
        width: 930px;
    }

    /******************************************************************************/
    /*	Template layout															  */
    /******************************************************************************/
    .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-left,
    .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-right {
        width: 290px;
    }

    .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-right,
    .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-left {
        width: 610px;
    }

    .template-component-menu-default ul.sf-menu > li > a {
        padding: 30px 10px 25px 10px;
    }

    /******************************************************************************/
    /*	Component																  */
    /******************************************************************************/
    /**************************************************************************/
    /* Component / Menu														  */
    /**************************************************************************/
    /**********************************************************************/
    /* Component / Menu / Default										  */
    /**********************************************************************/
    .template-component-menu-default ul.sf-menu > li > a {
        min-width: 100px;
    }

}


/******************************************************************************/
/* 768-959																	  */
/******************************************************************************/

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

    /******************************************************************************/
    /* Default																	  */
    /******************************************************************************/
    .template-main,
    .template-component-menu-default ul.sf-menu .sf-mega {
        width: 750px;
    }

    /******************************************************************************/
    /*	Template layout															  */
    /******************************************************************************/
    .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-left,
    .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-right {
        width: 230px;
    }

    .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-right,
    .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-left {
        width: 490px;
    }

    /******************************************************************************/
    /* Widget																	  */
    /******************************************************************************/
    /**************************************************************************/
    /* Widget / Most commented - Style 2									  */
    /* Widget / Recent post - Style 2										  */
    /* Widget / Recent comments - Style 3									  */
    /**************************************************************************/
    .template-footer .template-footer-top .template-widget-most-commented.template-widget-most-commented-style-1 > ul > li > a,
    .template-footer .template-footer-top .template-widget-recent-post.template-widget-recent-post-style-1 > ul > li > a,
    .template-footer .template-footer-top .template-widget-recent-comment.template-widget-recent-comment-style-1 > ul > li > a {
        display: none;
    }

    .template-footer .template-footer-top .template-widget-most-commented.template-widget-most-commented-style-1 > ul > li > h6,
    .template-footer .template-footer-top .template-widget-most-commented.template-widget-most-commented-style-1 > ul > li > span,
    .template-footer .template-footer-top .template-widget-recent-post.template-widget-recent-post-style-1 > ul > li > h6,
    .template-footer .template-footer-top .template-widget-recent-post.template-widget-recent-post-style-1 > ul > li > span,
    .template-footer .template-footer-top .template-widget-recent-comment.template-widget-recent-comment-style-1 > ul > li > h6,
    .template-footer .template-footer-top .template-widget-recent-comment.template-widget-recent-comment-style-1 > ul > li > span {
        margin-left: 0px;
    }

    /******************************************************************************/
    /*	Component																  */
    /******************************************************************************/
    /**************************************************************************/
    /* Component / Menu														  */
    /**************************************************************************/
    /**********************************************************************/
    /* Component / Menu / Default										  */
    /**********************************************************************/
    .template-component-menu-default ul.sf-menu > li > a {
        min-width: 75px;
        padding-left: 5px;
        padding-right: 5px;
    }

}


/******************************************************************************/
/* 479-767																	  */
/******************************************************************************/

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

    /******************************************************************************/
    /* Headers																	  */
    /******************************************************************************/
    h2, h2 a,
    .template-component-counter-box ul > li > .template-component-counter-box-counter,
    .template-component-pricing-plan > ul > li .template-component-pricing-plan-price > span:first-child {
        font-size: 48px;
    }

    /******************************************************************************/
    /* Default																	  */
    /******************************************************************************/
    .template-main,
    .template-component-menu-default ul.sf-menu .sf-mega {
        width: 460px;
    }

    /******************************************************************************/
    /*	Template layout															  */
    /******************************************************************************/
    .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-left,
    .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-right,
    .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-left,
    .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-right {
        width: 460px
    }

}


/******************************************************************************/
/* 0-479																	  */
/******************************************************************************/

@media only screen and (min-width: 0px) and (max-width: 499px) {

    /******************************************************************************/
    /* Headers																	  */
    /******************************************************************************/
    h1, h1 a {
        font-size: 48px;
    }

    h2, h2 a,
    .template-component-counter-box ul > li > .template-component-counter-box-counter,
    .template-component-pricing-plan > ul > li .template-component-pricing-plan-price > span:first-child {
        font-size: 40px;
    }

    /******************************************************************************/
    /* Default																	  */
    /******************************************************************************/
    .template-main,
    .template-component-menu-default ul.sf-menu .sf-mega {
        width: 300px;
    }
    .respo-max-size{
      width: 350px!important;
    }

    /******************************************************************************/
    /*	Template layout															  */
    /******************************************************************************/
    .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-left,
    .template-content-layout.template-content-layout-sidebar-left .template-content-layout-column-right,
    .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-left,
    .template-content-layout.template-content-layout-sidebar-right .template-content-layout-column-right {
        width: 300px;
    }

    /******************************************************************************/
    /* Post																		  */
    /******************************************************************************/
    /**************************************************************************/
    /*	Post / Comments list												  */
    /**************************************************************************/
    .template-post .template-post-comment-list > ul > li .template-comment-meta,
    .template-post .template-post-comment-list > ul > li .template-comment-content {
        margin-left: 0px;
    }

    /**********************************************************************/
    /*	Post / Comments list / Comment									  */
    /**********************************************************************

        /******************************************************************/
    /*	Post / Comments list / Comment / Avatar						  */
    /******************************************************************/
    .template-post .template-post-comment-list > ul > li .template-comment-avatar {
        display: none;
    }

    /******************************************************************/
    /*	Post / Comments list / Comment / Content					  */
    /******************************************************************/
    .template-post .template-post-comment-list > ul > li .template-comment-content {
        margin-top: 10px;
    }

}