/* Extra Small Devices, Phones */
@media (max-width:767px){
    .fw-hidden-xs{
        display:none!important; }
}
/* Small Devices, Tablets */
@media (min-width:768px) and (max-width:991px){
    .fw-hidden-sm{
        display:none!important; }
}
/* Medium Devices, Desktops */
@media (min-width:992px) and (max-width:1199px){
    .fw-hidden-md{
        display:none!important; }
}
/* Large Devices, Wide Screens */
@media (min-width:1200px){
    .fw-hidden-lg{
        display:none!important; }
}
/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .phone-wrap {
        padding-top: 0;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    /*Disable Animation on Mobile Devices*/
    .animated {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important; }
    .soc-right,
    .copyright {
        text-align: center;
    }
    .slider-wrap h1.site-title::before {
        left: 41%;
    }
    .sc2 h2:before,
    .sc3 h2:before {
        left: auto;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .sc2 h2,
    .sc3 h2 {
        text-align: left;
    }
    .slider-wrap h1.site-title::before {
        left: 35%;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.fw-container {
		width: 750px !important; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.fw-container {
		width: 970px !important; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.fw-container {
		width: 970px !important; }
}