@media only screen and (max-width: 1200px) {
    [class*=col-xs-] {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
.fa-plus-square-o {
    display:block;
}
.logo-resp-right{
    display:block;
}
.thri-quo{
    width: 101%;
    display: inline-grid;
    margin: -1px;
        height: 250px;
        margin-bottom: 10px;
}
.nbsp{
    display: initial;
}
.logo-resp{
display: block;
}
.media-logo{
    float:left;
    display: inline-block;
    width: 12%
}
.padding-banner{
    padding-top: 50px;
}
.lf-banner{
    padding: 25px 0px;
}
.media-logo-right{
    float:right;
    display: inline-block;
    width:25%;
}
.float-none{
    width:100%;
    float: left;
}
.hearder-resp .submenu{
            display: block;
        }
        nav li > ul >li:hover ul.thirdmenu {
            position:relative;
        }

header{
    height: auto;
}

.hearder-main{
    display: none;
}
.hearder-resp{
    display: block;
}
span{
    display: inline-block;
}
    .padlef0{
        padding-left: 15px;
    }
    .menu-blk, .close-trigger {
    position: absolute;
    right: 0;
    top: -20px;
    height: 90px;
    width: 90px;
    padding: 20px;
    display: none;
}
.close-trigger{
    top: -5px;
    padding:25px;
    right: -13px;
}
.header-menu.fixed-header.open{
    display: block;
    position: sticky;
}
.header-menu.fixed-header.open .mainmenu{
    display: block;
}
.header-menu.fixed-header.open .mainmenu .submenu{
    display: block;
}
.header-menu.fixed-header.open .close-trigger{
    display: block;
}
.padding-b{
    padding-bottom: 15px;
}
nav li {
    float: none;
    display: block;
    text-align: right;
}
nav a {
    padding: 1px 15px;
}
.mainmenu .active .submenu {
    max-height: initial;
}
.mainmenu .active .submenu .active .thirdmenu {
    max-height: initial;
    position: relative;
}
li.active>a {
    color: red;
}
li.active>a .fa-plus-square-o{
   display: none;
}
li.active>a .fa-minus-square-o{
   display: block;
}

nav li > ul {
    width: 100%;
    position: relative;
    /*padding-right: 20px;*/
    padding-top: 0;
    top: 0 !important;
    opacity: 1;
    visibility: visible;
    max-height: 0;
    overflow: hidden;
}
nav{
		float: none;
		width: 100%;
		position: fixed;
		top: 0;
		right:-100%;
		height: 100%;
		padding-top:80px;
		overflow-y:scroll;
		-moz-transition-property: right;
	    -o-transition-property: right;
	    -webkit-transition-property: right;
	    transition-property: right;
	    -moz-transition-duration: 0.6s;
	    -o-transition-duration: 0.6s;
	    -webkit-transition-duration: 0.6s;
	    transition-duration: 0.6s;
	    -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	}
	nav.open{
		right:0;
                height:auto;
	}
        
        .menu-trigger{display: block;}
        .logo{max-width: 180px;}
        nav li ul {
    /*background: chocolate;*/
    opacity: 1;
        }
        .thirdmenu{
            left:0;
        }
        .profile-list li {
            background: #fff;
    }
        .gal {
            margin-left: 25px;
            color: #fff;
            margin-top: 35px;
        }
}
@media screen and (max-width: 1074px){
/* .logo-image{
   position: absolute;
    bottom: 190px;
    right: 0;
    width: 100px;
}*/
 .desktop-img{
     display:none;
 }
 .lf-banner .text{
         font-size: 30px;
 } 
 .lf-banner .text1{
        font-size: 20px;
 }
 .gal h2{
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 10%;
    padding-bottom: -9%;
    color: white;
}






}
@media screen and (max-width: 767px){
    .profile-list li{
        width: 90%;
        background-color: #f0f0f0;
    }
.thri-quo{
    width:100%;
   margin-bottom: 25px;
}
    .swiper-slide img {
    height: 240px;
 }
 .desktop-img{
     display:none;
 }
 .lf-banner .text{
         font-size: 22px;
         margin: 0px;
 } 
 .lf-banner .text1{
        font-size: 15px;
        margin: 0px;
 }
.lf-banner h5{
        font-size: 12px;
        line-height: 23px;
    padding-top: 0;
    padding-bottom: 0;
 } 
 .media-logo{
    float:left;
    display: inline-block;
    width: 25%
}
.media-logo-right{
    float:right;
    display: inline-block;
    width:25%;
}
.float-none{
    width:100%;
    float: left;
}
gallery h2 {
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 10%;
    padding-bottom: -9%;
    color: white;
}
.gal h2{
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 10%;
    padding-bottom: -9%;
    color: white;
}

}
.

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



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

   .gal h2{
        position: relative;
        z-index: 1;
        text-align: center;
        padding-top: 10%;
        padding-bottom: -9%;
        color: white;
    }

}