/*
Theme Name: Ranieri
Theme URI:
Author: Dhananjaya Maha Malage
Author URI: http://whenalive.com/
Description: Wordpress Theme developed for Ranieri Communications.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: raniericommunications

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@media only screen and (max-width: 319px){
    /*###############
##### BASIC #####
###############*/
	.header-text{left:200px!important;}
    body {
        font-size: 15px;
    }

    /*##############
    ##### FORM #####
    ##############*/
    /*###############
    ##### ICONS #####
    ###############*/
    /* NO CHANGE */
    /*################
    ##### IMAGES #####
    ################*/
    /* NO CHANGE */
    /*###############
    ##### LISTS #####
    ###############*/
    /* NO CHANGE */
    /*################
    ##### TABLES #####
    ################*/
    /* NO CHANGE */
    /*##############
    ##### GRID #####
    ##############*/
    /* NO CHANGE */
    /*#################
    ##### BUTTONS #####
    #################*/
    /* NO CHANGE */
    /*################
    ##### HEADER #####
    ################*/
    /* HEADER */
    /* HEADER: NAV BUTTON*/
    .header-contact {
        text-align: center;
        margin: 0.8em auto;
        font-size: 1em;
        display: block;
    }

    /*################
    ##### BANNER #####
    ################*/
    /* NO CHANGE */
    /*##############
    ##### MAIN #####
    ##############*/
    /* MAIN */
    .home-page-our-works img.arrow {
        min-height: 0;
    }

    .home-page-our-works .item-summary1 {
        top: auto;
        bottom: 0;
    }

    .home-page-our-works .item-summary2 {
        top: auto;
        bottom: 0;
    }

    .home-page-our-works .item-summary3 {
        top: auto;
        bottom: 0;
        left: 0;
    }

    /*##############
    #### FOOTER ####
    ##############*/
    .work-content2 .inner a {
        width: 100%;
    }

    .work-content2 .inner a:nth-child(odd) {
        background: #f2f2f2;
        color: #ED1E79;
    }

    .work-content2 .inner a:nth-child(odd):hover {
        background: rgba(242, 242, 242, 0.8);
    }

    .work-content2 .inner a:nth-child(even) {
        background-color: #ED1E79;
        color: #FFF;
    }

    .work-content2 .inner a:nth-child(even):hover {
        background: rgba(237, 30, 121, 0.8);
    }

    /*###############
    #### TEASERS ####
    ###############*/
    .news-teasers .row > div {
        padding-bottom: 3px !important;
        padding-right: 3px !important;
        padding-left: 3px !important;
    }

    .news-teasers .row > div:first-child {
        padding-top: 0 !important;
    }

    /*################
    #### PRODUCTS ####
    ################*/
    /*###############
    #### GALLERY ####
    ###############*/
    .gallery-list span {
        font-size: 0.9em;
    }

    /*################
    ### PAGINATION ###
    ################*/
    /*################
    ### NEWSLETTER ###
    ################*/
    .newsletter-inputs > *:first-child {
        margin-bottom: .5em;
    }

    .newsletter-section .title {
        text-align: center;
        margin-bottom: 15px;
    }

    .arrow-newsletter {
        display: block;
        margin-left: auto;
        margin-right: 0;
    }

    .arrow-newsletter img {
        margin-top: 15px;
        text-align: right;
    }
    .header-text {
        font-size: 10px;
     }

    /*#####################
    ### NEWS AND EVENTS ###
    #####################*/
    /* NO CHANGE */
    /*################
    ### VALIDATION ###
    ################*/
    /* NO CHANGE */
    /*##############################
    ##### RESPONSIVE RECAPTCHA #####
    ##############################*/
    /* NO CHANGE */
    /*#####################
    #### FEEDBACK FORM ####
    #####################*/
    /* NO CHANGE */
    /*##################
    #### GOOGLE MAP ####
    ##################*/
    /* NO CHANGE */
    /*###################
    #### BACK TO TOP ####
    ###################*/
    /* NO CHANGE */
    /*#################
    #### CLEAR FIX ####
    #################*/
    /* NO CHANGE */

    /*# sourceMappingURL=style-xs.css.map */
	#header{height:100px!important;}
	.header-text{top:85px!important;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
    /*###############
##### BASIC #####
###############*/
    .header-text{left:180px!important;top:75px!important;font-size: 0.7em;}
   #header{height:100px!important;}
	
	body {
        font-size: .9em;
    }

    h1 {
        text-align: center;
    }

    .breadcrumb {
        text-align: center;
        margin-top: .5em;
    }

    .header-text {
        font-size: 10px;
     }

    /*##############
    ##### FORM #####
    ##############*/
    input[type="text"].search {
        float: left;
        display: inline-block;
        width: 80%;
        padding: 0.5em;
        font-size: 0.8em;
        margin: 0;
    }

    /*###############
    ##### ICONS #####
    ###############*/
    /* NO CHANGE */
    /*################
    ##### IMAGES #####
    ################*/
    .image.left,
    .image.right,
    .image.fit {
        float: none;
        padding: 0;
        top: 0.25em;
        display: block;
        margin: 0 0 0.5em 0;
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    /*###############
    ##### LISTS #####
    ###############*/
    /* NO CHANGE */
    /*################
    ##### TABLES #####
    ################*/
    /* NO CHANGE */
    /*##############
    ##### GRID #####
    ##############*/
    /* NO CHANGE */
    /*#################
    ##### BUTTONS #####
    #################*/
    button.search {
        float: left;
        padding: 0.55em 0;
        margin-left: 2%;
        width: 15%;
    }

    /*################
    ##### HEADER #####
    ################*/
    /* HEADER */
    #header .container {
        position: relative;
        display: block;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100%;
    }

    .header-search {
        margin: 0;
        position: relative;
    }

    .header-search form {
        margin: 0;
    }

    /* HEADER: LOGO */
    .logo {
        margin: auto;
        position: relative;
        top: auto;
        transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        -webkit-transform: translate(0);
        transform: translate(0);
        position: absolute;
        left: 50%;
        margin: 0;
        margin-right: -50%;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 2px;
    }

    .logo img {
        width: 130px;
    }

    .header-text {
        text-align: center;
        left: auto;
        margin: auto;
        position: relative;
        top: auto;
        transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        -webkit-transform: translate(0);
        transform: translate(0);
        position: absolute;
        left: 50%;
        margin: 0;
        margin-right: -50%;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        bottom: 28px;
        font-size: .5em;
    }

	.dms-container {
	margin-top: 26px;
    float: left;
    margin-left: auto;
    font-size: 0.7em;
	}
    .header-contact {
        /*text-align: center;
          margin : 0.8em auto;
          font-size: 1em;
          display: block*/
    }

    /* HEADER: CONTACT & search */
    /*.header-features-container {
        text-align: center;
        width: auto;
        margin: 1em;
        float: none;
    }

    .header-contact {
        display: block;
        margin-bottom: 1em;
    }*/
    /* HEADER: NAV */
    /*#header nav{
        font-size: .9em;
        margin-bottom:0;
    }

    #header .navbar-nav {
        background: #454545;
        float: none;
    }

    #header nav > .navbar-collapse > ul > li {
        width: 100%;
        padding: 0;
        position: relative;
        float: left;
    }

    #header nav > .navbar-collapse > ul > li a {
        background: #454545;
        color: #FFF !important;
        margin: 0;
        padding: 0 .8em;
        height: 2.6em;
        line-height: 2.6em;
        width: 100%;
        float: left;
    }

    #header nav > .navbar-collapse > ul > li a:hover {
        background: $pink-1 !important;
        border-color: transparent;
    }

    #header nav > .navbar-collapse > ul > li a.selected {
        background: $pink-1 !important;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: rgba(0, 0, 0, .1);
    }*/
    /* HEADER: NAV BUTTON*/
    .navbar-header button, .navbar-toggle {
        right: 1.5em;
    }

    /*.navbar-header button, .navbar-toggle {
        position: absolute;
        left: 1em;
        margin: 0 auto;
        float: left;
        text-align: left;
        top: -4em;
        background: transparent !important;
        border: 0;
        z-index: 1;
        display: block;
    }

    .navbar-toggle .icon-bar {
        background: $pink-1 !important;
    }

    .navbar-toggle:hover {
        background: $pink-1 !important;
    }

    .navbar-toggle:hover .icon-bar {
        background: #FFF !important;
    }*/
    /* Dropdown megamenu (bootstrap overrides) */
    /*.dropdown-menu {
        position: relative;
        border: 0;
        width: 100%;
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .dropdown-menu > li > a {
        height: auto !important;
        line-height: 1 !important;
        font-size: .95em !important;
        text-align: center !important;
    }
    nav > .container > .navbar-header {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }
    .navbar-header, .navbar-default {
        border: none;
    }



    #mobile-navbar-collapsable {
        position: relative;
        width: 100%;
        text-align: center;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #FFF;
    }

    .navbar-inverse .navbar-nav > li {
    }

    .navbar-inverse .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }


    .navbar-collapse.collapse {
        display: none !important;

        &.in {
            display: block !important;
        }
    }*/
    /*################
    ##### BANNER #####
    ################*/
    #banner {
        margin: 0 auto;
    }

    /*##############
    ##### MAIN #####
    ##############*/
    /* MAIN */
    .social-wall .banner img {
        height: auto;
        height: 80vh !important;
        min-height: 300px;
    }

    .social-wall .banner div .item-summary {
        left: 15px;
    }

    .social-wall .banner div .item-summary h1, .social-wall .banner div .item-summary h2, .social-wall .banner div .item-summary h3, .social-wall .banner div .item-summary h4, .social-wall .banner div .item-summary h5, .social-wall .banner div .item-summary h6 {
        text-align: left;
    }

    .social-wall .banner div img {
        height: auto;
        height: 80vh !important;
        min-height: 300px;
    }

    .social-wall .twitter-grid-container {
        height: auto;
        overflow: auto;
        position: relative;
    }

    .social-wall .twitter-grid-container .twitter-grid {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
    }

    /*News headlines */
    .homepage-news-headlines {
        background: #F0F0F0;
        padding: 30px;
        height: auto;
        overflow-y: hidden;
        font-size: 1em;
    }

    /* Our Work List */
    .home-page-our-works img.arrow {
        min-height: 0;
    }

    .work-content1 {
        padding: 30px;
    }

    /*##############
    #### FOOTER ####
    ##############*/
    .footer-logo {
        margin-bottom: 10px;
        display: block;
    }

    #footer .copyright a {
        display: block;
        margin-bottom: 10px;
    }

    #footer .copyright .social-icons {
        display: block;
    }

    #footer .copyright .social-icons a {
        display: inline-block;
        font-size: 1.2em;
    }

    /*###############
    #### TEASERS ####
    ###############*/
    /* TEASERS */
    .secondary-teasers {
        margin-top: 0;
    }

    .secondary-teasers .products-list img {
        height: 400px;
    }

    .secondary-teasers .item-summary .title {
        margin-top: 0;
    }

    .secondary-teasers .teaser-content {
        height: auto;
        font-size: 1em;
    }

    .teasers {
        margin-bottom: 3em;
    }

    .secondary-teasers {
        font-size: 1em;
    }

    .news-teasers .row > div {
        padding-bottom: 3px !important;
    }

    .news-teasers .row > div:first-child {
        padding-left: 3px !important;
    }

    .news-teasers .row > div:nth-child(odd) {
        padding-left: 3px !important;
    }

    .news-teasers .row > div .news-item {
        padding-right: 3px !important;
    }

    /*################
    #### PRODUCTS ####
    ################*/
    .item-summary {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        text-align: center;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .item-summary .summary {
        opacity: 1;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out; 
        transition: all 0.5s ease-in-out;
        height: auto;
    }

    .item-summary .summary.reveal {
        opacity: 1;
        position: relative;
        z-index: 0;
        height: auto;
    }

    .item-summary .btn {
        width: auto !important;
        margin-top: 15px;
        font-size: .8em;
        position: relative;
        z-index: 1;
    }

    /* PRODUCTS: SEARCH FILTER */
    .search-filter {
        text-align: center;
        position: relative;
        margin-bottom: 1.5em;
    }

    /*###############
    #### GALLERY ####
    ###############*/
    /*################
    ### PAGINATION ###
    ################*/
    .pagination {
        text-align: center;
        margin-top: 1em;
        margin-bottom: 0;
    }

    /*#####################
    ### NEWS AND EVENTS ###
    #####################*/
    /* NO CHANGE */
    /*################
    ### VALIDATION ###
    ################*/
    /* NO CHANGE */
    /*##############################
    ##### RESPONSIVE RECAPTCHA #####
    ##############################*/
    /*#####################
    #### FEEDBACK FORM ####
    #####################*/
    /* NO CHANGE */
    /*##################
    #### GOOGLE MAP ####
    ##################*/
    /* NO CHANGE */
    /*###################
    #### BACK TO TOP ####
    ###################*/
    /* NO CHANGE */
    /*#################
    #### CLEAR FIX ####
    #################*/
    /* NO CHANGE */
    /*Bootstrap mobile navigation*/
    /*###########################
    #### BOOTSTRAP OVERRIDES ####
    #############################*/
    .container {
        width: 100%;
    }

    nav > .container > .navbar-header {
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }

    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-header, .navbar-default {
        border: none;
    }

    #mobile-navbar-collapsable {
        position: relative;
        width: 100%;
        text-align: center;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #FFF;
        font-size: 1.25em;
    }

    .navbar-inverse .navbar-nav > li {
        /*border-bottom: 1px solid #444;*/
    }

    .navbar-inverse .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
    }

    .flex.no-flex-sm {
        display: block;
    }

    /*# sourceMappingURL=style-sm.css.map */
}

@media only screen and (min-width: 480px) and (max-width: 767px){
    /*###############
    ##### BASIC #####
    ###############*/
    body {
        font-size: .95em;
    }

    .header-text {
    padding-bottom: 0px;
    padding-right: 100px;
    font-size: 16px;
    }

    /*##############
    ##### FORM #####
    ##############*/
    /* NO CHANGE */
    /*###############
    ##### ICONS #####
    ###############*/
    /* NO CHANGE */
    /*################
    ##### IMAGES #####
    ################*/
    /* NO CHANGE */
    /*###############
    ##### LISTS #####
    ###############*/
    /* NO CHANGE */
    /*################
    ##### TABLES #####
    ################*/
    /* NO CHANGE */
    /*##############
    ##### GRID #####
    ##############*/
    /* NO CHANGE */
    /*#################
    ##### BUTTONS #####
    #################*/
    /* NO CHANGE */
    /*################
    ##### HEADER #####
    ################*/
    /*################
    ##### BANNER #####
    ################*/
    /* Banner */
    .flex-container {
        width: 960px;
    }

    /*##############
    ##### MAIN #####
    ##############*/
    /* MAIN */
    /*Social Wall */
    .social-wall .banner img {
        height: 400px !important;
    }

    .social-wall .banner div .item-summary {
        bottom: auto;
        max-width: calc(100% - 30px);
        width: 300px;
    }

    .social-wall .banner div img {
        height: 400px !important;
    }

    /*News headlines */
    .homepage-news-headlines {
        height: 400px;
    }

    .twitter-grid-container {
        height: 300px;
    }

    /*##############
    #### FOOTER ####
    ##############*/
    /* NO CHANGE */
    /*###############
    #### TEASERS ####
    ###############*/
    .secondary-teasers {
        font-size: .8em;
    }

    /*################
    #### PRODUCTS ####
    ################*/
    .products-list .product .item-summary img {
        display: none;
    }

    .products-list .product .item-summary .title {
        margin-top: 0;
    }

    /*###############
    #### GALLERY ####
    ###############*/
    /* GALLERY */
    .gallery-list {
        font-size: 0.9em;
    }

    /*################
    ### PAGINATION ###
    ################*/
    /* NO CHANGE */
    /*#####################
    ### NEWS AND EVENTS ###
    #####################*/
    /* NO CHANGE */
    /*################
    ### VALIDATION ###
    ################*/
    /* NO CHANGE */
    /*##############################
    ##### RESPONSIVE RECAPTCHA #####
    ##############################*/
    @media only screen {
        #recaptcha_challenge_image {
            width: 100% !important;
        }
    }

    /*#####################
    #### FEEDBACK FORM ####
    #####################*/
    /* NO CHANGE */
    /*##################
    #### GOOGLE MAP ####
    ##################*/
    /* NO CHANGE */
    /*###################
    #### BACK TO TOP ####
    ###################*/
    /* NO CHANGE */
    /*#################
    #### CLEAR FIX ####
    #################*/
    /* NO CHANGE */

    /*# sourceMappingURL=style-md.css.map */
	
	.dms-container {
    margin-right: auto;
    font-size: 0.7em;
    position: absolute;
    right: auto;
    top: 50px;
    margin-left: 202px;
	}
    .header-text{font-size: 0.8em;}
}

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


	
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
 .dms-container {
		margin-right: 68px;
		font-size: 0.8em;
		position: absolute;
		right: 82px;
		top: 30px;
	}
}

@media (max-width: 978px) {

    .item-summary{
        width: 75%;
    }
    .item-summary .title {
        margin-top: 0px;
    }
    .item-summary .summary {
        font-size: 0.8em;
    }
	
	
}

@media only screen and (min-width: 979px) and (max-width: 1200px){
	.dms-container{margin-right:50px;}
}

@media only screen and (min-width: 1025px) and (max-width: 1200px){

}

@media only screen and (min-width: 1025px) and (max-width: 1439px){

}

@media only screen and (min-width: 1440px){
    /*###############
##### BASIC #####
###############*/
    body {
        font-size: .95em;
    }

.header-text{
 
}

    /*##############
    ##### FORM #####
    ##############*/
    /* NO CHANGE */
    /*###############
    ##### ICONS #####
    ###############*/
    /* NO CHANGE */
    /*################
    ##### IMAGES #####
    ################*/
    /* NO CHANGE */
    /*###############
    ##### LISTS #####
    ###############*/
    /* NO CHANGE */
    /*################
    ##### TABLES #####
    ################*/
    /* NO CHANGE */
    /*##############
    ##### GRID #####
    ##############*/
    /* NO CHANGE */
    /*#################
    ##### BUTTONS #####
    #################*/
    /* NO CHANGE */
    /*################
    ##### HEADER #####
    ################*/
    /* NO CHANGE */
    /*################
    ##### BANNER #####
    ################*/
    /* Banner */
    #header nav > ul > li a {
        font-size: 1.0em;
    }

    /*##############
    ##### MAIN #####
    ##############*/
    /* NO CHANGE */
    /*##############
    #### FOOTER ####
    ##############*/
    /* NO CHANGE */
    /*###############
    #### TEASERS ####
    ###############*/
    .secondary-teasers {
        font-size: .9em;
    }

    /*################
    #### PRODUCTS ####
    ################*/
    /* NO CHANGE */
    /*###############
    #### GALLERY ####
    ###############*/
    /* GALLERY */
    .gallery-list {
        font-size: 1.0em;
    }

    /*################
    ### PAGINATION ###
    ################*/
    /* NO CHANGE */
    /*#####################
    ### NEWS AND EVENTS ###
    #####################*/
    /* NO CHANGE */
    /*################
    ### VALIDATION ###
    ################*/
    /* NO CHANGE */
    /*##############################
    ##### RESPONSIVE RECAPTCHA #####
    ##############################*/
    /* NO CHANGE */
    /*#####################
    #### FEEDBACK FORM ####
    #####################*/
    /* NO CHANGE */
    /*##################
    #### GOOGLE MAP ####
    ##################*/
    /* NO CHANGE */
    /*###################
    #### BACK TO TOP ####
    ###################*/
    /* NO CHANGE */
    /*#################
    #### CLEAR FIX ####
    #################*/
    /* NO CHANGE */

    /*# sourceMappingURL=style-lg.css.map */
}

@media only screen and (min-width: 1440px) and (max-width: 1530px){

}

@media only screen and (min-width: 1530px) and (max-width: 1999px){

}

@media only screen and (min-width: 1530px){

}


@media only screen and (max-width: 320px){
  .header-text{left:150px!important;top:85px!important;font-size: 0.7em;}
   #header{height:100px!important;}
	
}