/*-----------------------------------------
 [MASTER RESPONSIVE STYLE SHEET]
 * Project: Directory Pro - Local Listing & Directory Template
 * Version: v1.1.1
 * Copyright 2017-2020 rn53themes
 * Last Changes: 05/06/2017
 * Author: RN53 Themes
 * Email:      rn53themes@gmail.com
 * Website:    http://www.rn53themes.net
 -----------------------------------------------*/
/*-------------------------------------------------------*/
/* When the browser is between 0px and 1330px wide,below css will be applied.
/*-------------------------------------------------------*/

@media screen and (max-width: 1330px) {
    .tz-l {
        width: 30%;
    }
    .tz-2 {
        width: 68%;
        margin-right: 0px;
    }
    .tz-3 {
        width: 100%;
        margin-top: 20px;
    }
    .tz-2-admin {
        width: 100%;
    }
    .tz-invo-full {
        padding: 0px;
    }
    .tz-invo-full1 {
        width: 100%;
        margin: 0px;
    }
}
/*-------------------------------------------------------*/
/* When the browser is between 0px and 1200px wide,below css will be applied.
/*-------------------------------------------------------*/

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

    .ts-menu-5 span {} .ts-menu-5 span i {
		color: #fff;
		padding: 11px;
		background: #01a0d8;
		margin: 10px 9px 9px 30px;
		font-size: 16px;
		cursor: pointer;
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.45);
		border-radius: 35px;
    }
    .v3-mob-top-menu {
        display: block;
    }
    .v3-top-menu {
        display: none;
    }
	.
}
@media screen and (min-width: 1200px) {
    .ts-menu-5 {
        display: block;
        width: 10%;
    }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {

}
/*-------------------------------------------------------*/
/* When the browser is between 0px and 992px wide,below css will be applied.
/*-------------------------------------------------------*/

@media screen and (max-width: 992px) {
    footer{
        padding: 30px;
    }
}
/*-------------------------------------------------------*/
/* When the browser is between 0px and 767px wide,below css will be applied.
/*-------------------------------------------------------*/

@media screen and (max-width: 767px) {
    footer{
        padding: 20px;
    }
    .v3-mob-m-2 ul li:nth-child(1) {
        display: block;
    }
    .v3-mob-m-2 ul li:nth-child(2) {
        display: block;
    }

}
/*-------------------------------------------------------*/
/* When the browser is between 0px and 480px wide,below css will be applied.
/*-------------------------------------------------------*/

@media screen and (max-width: 480px) {
    footer{
        padding: 10px;
    }
}
/*-------------------------------------------------------*/
/* When the browser is between 767px and above wide,below css will be applied.
/*-------------------------------------------------------*/

@media screen and (min-width: 767px) {
    .hasimg {} .hasimg img {
        width: 100%;
    }
}