@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700);


/* --- Media Small Devices ---*/

@media (max-width: 479px) and (min-width: 320px) {
.icon-bar {
  width: 56px!important;
}
.soc-icon {
    margin: 33% 0px 0px 2%!important;
}
.icon-bar a {
  padding: 9px!important;
  font-size: 8px!important;
}
.owl-nav button.owl-prev{
	 top: 43%!important;
	 left: 25px!important;
}
.owl-nav button.owl-next{
	 top: 43%!important;
	 right: 20px!important;
}
.sec3 .modal-content {
    width: auto!important;
    margin-left: 0px!important;
}
.sec2 .item img {
    height: auto!important;
}
.ml12 {
  font-weight: 200;
  font-size: 1.3em;
  overflow:hidden;
}
h1.ml12 {
    position: absolute;
    bottom: 55%!important;
    color: #fff;
    right: 15%;
    font-weight:bold;
}
.ml15 {
    height: 600px;
    margin-top: 70%!important;
    overflow: hidden;
    width: 100%;
}
.head-img1 { width:60px!important;}
.head-img2 { width:110px!important;}
.head-img3 { width:120px!important;margin-top:-27px!important;}

.lark-title {
    height: 450px!important;
}
}


/* --- Media large Devices ---*/

@media (min-width: 768px) and (max-width: 1024px)
 {
.owl-nav button.owl-prev{
	 top: 43%!important;
	 left: 75px!important;
}
.owl-nav button.owl-next{
	 top: 43%!important;
	 right: 70px!important;
}
.sec3 .modal-content {
    width: auto!important;
    margin-left: 0px!important;
}
.sec2 .item img {
    height: auto!important;
}
.soc-icon {
    margin: 20px 0px 0px -9%!important;
}
.ml15 {
    height: 100px;
    margin-top: 30%!important;
    overflow: hidden;
    width: 100%;
}
.head-img1 { width:40px!important;}
.head-img2 { width:20px!important;}
.head-img3 { width:10px!important;margin-top:-27px!important;}

.lark-title {
    height: 450px!important;
}

}


/*---- For Laptop and Desktop ----*/

/* --- Only for side nav ----*/

@media (min-width: 992px) and (max-width: 1199px) {
.owl-nav button.owl-prev{
	 top: 43%!important;
	 left: 75px!important;
}
.owl-nav button.owl-next{
	 top: 43%!important;
	 right: 70px!important;}
	 
.sec3 .modal-content {
   width: auto!important;
    margin-left: 0px!important;
}
.sec2 .item img {
    height: auto!important;
}
.soc-icon {
    margin: 20px 0px 0px -9%!important;
}

}

@media (min-width: 992px){


}