/*** media queries***/

@media all and (min-width: 2560px) {
    .navbar-brand{
        width: 200px;
        padding: 10px 0px;
    }
    .navbar-light.header.scrolled .navbar-nav .nav-link {
        font-size: 30px;
    }
}

@media all and (min-width: 768px){
    .sticky-nav-wrapper {
        display: none;
    }
    .imgyhover{
        width:100px;
        height:100px;
        background:url("../images/offers/blkcampaign.png") no-repeat;
    }
    .imgyhover:hover{
        width:100px;
        height:100px;
        background:url("../images/offers/campaign.png") no-repeat;
    }
    .imgyhover1{
        width:100px;
        height:100px;
        background:url("../images/offers/blkoutdoor-wall-led.png") no-repeat;
    }
    .imgyhover1:hover{
        width:100px;
        height:100px;
        background:url("../images/offers/outdoor-wall-led.png") no-repeat;
    }
    .imgyhover2{
        width:100px;
        height:100px;
        background:url("../images/offers/blkVMS-Board-for-Highways.png") no-repeat;
    }
    .imgyhover2:hover{
        width:100px;
        height:100px;
        background:url("../images/offers/VMS-Board-for-Highways.png") no-repeat;
    }
}
@media all and (max-width: 768px){
    .slick-prev:before {
     display: none !important;
    }

    .slick-next:before {
     display: none !important;
    }
    .imgyhover{
        width:100px;
        height:100px;
        background:url("../images/offers/blkcampaign.png") no-repeat;
    }
    .imgyhover:hover{
        width:100px;
        height:100px;
        background:url("../images/offers/campaign.png") no-repeat;
    }
    .imgyhover1{
        width:100px;
        height:100px;
        background:url("../images/offers/blkoutdoor-wall-led.png") no-repeat;
    }
    .imgyhover1:hover{
        width:100px;
        height:100px;
        background:url("../images/offers/outdoor-wall-led.png") no-repeat;
    }
    .imgyhover2{
        width:100px;
        height:100px;
        background:url("../images/offers/blkVMS-Board-for-Highways.png") no-repeat;
    }
    .imgyhover2:hover{
        width:100px;
        height:100px;
        background:url("../images/offers/VMS-Board-for-Highways.png") no-repeat;
    }
    div.text-center.centerfontawesome{
        margin-left:0%;
    }
}

@media all and (-webkit-min-width: 768px){
   .sticky-nav-wrapper {
       display: none;
   }
}

@media all and (max-width: 1199px) {
}

@media all and (max-width: 991px) {
    .iframe-box{
        width: 100%;
        height: 300px;
    }

    .px-100{
        padding: 0px;
    }
    .work-img{
        width: 100%;
        margin: auto;
        padding: 15px;
    }
    .why-img {
        width: 100%;
        margin: auto;
    }

    .h-100vh{
        height: 100%;
    }
    .background-property{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #banner{
        background-image: url('../images/ottimo-banner.jpg');
        height: 100vh;
    }
    .heading h2{
        text-align: center;
        font-size: 25px;
    }
    .imgyhover{
        width:100px;
        height:100px;
        background:url("../images/offers/blkcampaign.png") no-repeat;
    }
    .imgyhover:hover{
        width:100px;
        height:100px;
        background:url("../images/offers/campaign.png") no-repeat;
    }
    .imgyhover1{
        width:100px;
        height:100px;
        background:url("../images/offers/blkoutdoor-wall-led.png") no-repeat;
    }
    .imgyhover1:hover{
        width:100px;
        height:100px;
        background:url("../images/offers/outdoor-wall-led.png") no-repeat;
    }
    .imgyhover2{
        width:100px;
        height:100px;
        background:url("../images/offers/blkVMS-Board-for-Highways.png") no-repeat;
    }
    .imgyhover2:hover{
        width:100px;
        height:100px;
        background:url("../images/offers/VMS-Board-for-Highways.png") no-repeat;
    }
}
@media all and (-webkit-max-width: 991px) {

    .h-100vh{
        height: 100%;
    }
    .background-property{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    #banner{
        background-image: url('../images/ottimo-banner.jpg');
        height: 100vh;
    }
    .heading h2{
        text-align: center;
        font-size: 25px;
    }
    .why-img {
        width: 100%;
        margin: auto;
    }
}
@media all and (max-width: 767px) {
    .products .product-slider .slick-slide .text{
        font-size: 11px;
        padding: 0px 40px;
    }
    .modal button.close {
        color: #ee693f;
        opacity: 1;
    }

    .header .nav-item .nav-link {
        color: #ee693f;
        font-weight: bold;
        padding: 8px;
    }
    #feature  button.close {
        color: #000;
    }
    .products .slick-dots li{
        width: 10px;
        height: 10px;
    }
    .footer{
        margin-bottom: 63px;
    }
    .products .product-slider .slick-slide {
    	opacity: .6;
    	height: 10%;
    }
    .sticky-nav-wrapper {
		display: block;
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #f3f3f3;
		color: gray;
		z-index: 5;
		-webkit-box-shadow: 0px 0 1px 0px rgba(216,98,35,1);
		-moz-box-shadow: 0px 0 1px 0px rgba(216,98,35,1);
		-o-box-shadow: 0px 0 1px 0px rgba(216,98,35,1);
		box-shadow: 0px 0 1px 0px rgba(216,98,35,1);
	}
    .sticky-nav-wrapper ul {
        padding: 0;
	}
	.sticky-nav li {
        list-style: none;
		padding: 8px;
		text-align: center;
	}
	.sticky-nav li a {
	    color: #ee633f;
	}
	.sticky-nav .fa {
		font-size: 25px;
	}
	.sticky-nav li span {
		display: block;
		font-size: 12px;
		text-align: center;
    }
    .imgyhover{
        width:100px;
        height:100px;
        background:url("../images/offers/blkcampaign.png") no-repeat;
    }
    .imgyhover:hover{
        width:100px;
        height:100px;
        background:url("../images/offers/campaign.png") no-repeat;
    }
    .imgyhover1{
        width:100px;
        height:100px;
        background:url("../images/offers/blkoutdoor-wall-led.png") no-repeat;
    }
    .imgyhover1:hover{
        width:100px;
        height:100px;
        background:url("../images/offers/outdoor-wall-led.png") no-repeat;
    }
    .imgyhover2{
        width:100px;
        height:100px;
        background:url("../images/offers/blkVMS-Board-for-Highways.png") no-repeat;
    }
    .imgyhover2:hover{
        width:100px;
        height:100px;
        background:url("../images/offers/VMS-Board-for-Highways.png") no-repeat;
    }
    .textsmall{
        font-size:15px;
    }
}

@media all and (max-width: 575px) {

    .navbar-nav{
        background: #fff;
    }
    div.text-center.centerfontawesome{
        margin-left:0%;
    }
}

@media all and (-webkit-max-width: 575px) {

    .navbar-nav{
        background: #fff;
    }
}

@media all and (max-width : 575px){
    .background-property{
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 95%;
        background-position-y: inherit;
    }    
}