*{margin:0;padding:0;}
.menu{color:green; }

.btn-icon{background: #fff; border:1px solid green; }
.btn-icon1{background: #7ef7f7;}
.header-top1{margin-top: 30px; background: black; }
.header-top{background: black; padding-top: 16px; color: #fff; }
.header-top a{color:orange;}
.header-top a:hover{color:gray;}
.slider-sec{padding: 20px; background-image: url(../images/bg1.jpg);background-size: cover;}
.carousel-caption{margin-bottom: 150px; color: #01fcef; text-shadow: 5px 5px 5px black; }
.welcome-sec{background: #302825; padding: 50PX 0PX;}
.welcome-sec h2{color:#fff; border-bottom:1px solid red; border-bottom-width: medium;}
.welcome-sec p{color:#86b6f9; text-align: justify;}
footer{background:black; padding-top: 50px;}
.btm-menu li{list-style: none; display: inline; padding-right: 50px;}
.btm-menu{margin-left: 150px; color:#fff;}
.btm-menu a{color:orangered;}

.main-menu{margin: 0px auto;}
.main-menu li,a{padding-right: 50px; color:#fff!important;}
.pro-sec{padding: 50px 0px;}
.brn-pro{margin-left: 15px; margin-bottom: 5px;}
.card-p1{background: skyblue; margin-bottom: 20px;}
.card-p1:hover{background: lightgray; border: 2px solid orange; box-shadow: 5px 5px 22px black;}

.card-p2{background: #cff9f9; margin-bottom: 20px;}
.card-p2:hover{background: lightgray; border: 2px solid blue; box-shadow: 5px 5px 22px black;}
.card-p2 a{color: firebrick!important; }
.card-p2 a:hover{color: black!important;}
.product-cont{padding-top: 20px;}
.h-pro{color: firebrick;}
.head-slider{font-size: 52px; color:yellow;}
.head3-slider{font-size: 35px; color:aqua; font-family: Gill Sans Ultra Bold; margin-top: 50px;}


.img-slider{margin-bottom: 8px;}

.o-q{border-bottom: 2px solid red; font-family: cursive; color:yellow;}
.quality{background-image: url(../images/bg3.jpg);background-size: cover; background-attachment: fixed; padding: 50px;}
.quality p{color:#fff; }
.p-q{font-family: 'Oxygen', sans-serif;}
.video-fluid{width: 100%; height: auto;}
.social-icon li{list-style: none; display: inline;}
.social-icon img{width:100px;}
.social-l{background-image: url(../images/twitter1.jpg);background-size: cover; background-attachment: fixed; padding: 50px 0px; color: #fff;}
.social-icon  {margin-left: 250px; }
.f-l{margin-bottom: 30px; color:red;  text-shadow: 5px 5px 5px black; font-family: 'Oxygen', sans-serif; font-weight: bold;}

.contact-us{padding: 50px 0px; background:#f7f7f7; }
.ct-1{font-family:Bradley Hand ITC; font-weight: bolder; color: brown; border-bottom: 2px solid red; margin-bottom: 30px; }

.footerBtm h2{color:green;}
.pro-desc{color: #fff;}
.pro-desc a{color: deepskyblue!important;}
.footer-btm{border-top:1px solid red; padding-top: 15px;}
.footer-btm a{color: deepskyblue!important;}
.footer-btm a:hover{color: red!important;;}
.btm-navoo a:hover{color: deepskyblue!important;}
.pro-range a:hover{color: deepskyblue!important;}
.add-web a{color:black!important;}
.h4-name{font-family: Gill Sans Ultra Bold; color: brown;}
.add-web p{font-family:  Maiandra GD;}
.dtl{background: #e0e1e5; padding-bottom: 50px;}

.pro-sec1{border-bottom: 5px solid black;}
.pro-sec1{background: #90f2f9; padding: 20px; margin-bottom: 20px;}
.card-foo{border:1px solid blue; border-radius: 5px!important; box-shadow: 3px 3px 5px brown; }
.btn-get:hover{background: red; color: yellow!important;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;}


/*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) { 
    .btm-menu{margin-left: 50px; color:#fff;}
    .btm-menu li{list-style: none; display: block; padding-right: 10px;}

.carousel-caption{margin-bottom: 30px; display: none;}
    .slider-sec{padding: 10px;}
    
    .product-cont{padding-top: 0px;}
   
    .social-icon  {margin-left: 85px; }
    .social-icon img{width:60px; margin-bottom: 20px;}

}



/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<meadia query>>>>>>>>>>>>>>>>>>>>*/

 /*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {   .carousel-caption{margin-bottom: 90px; }
    .carousel-caption p{font-size: 25px;}
     .social-icon img{ margin-bottom: 30px;}

}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
     .btm-menu li{list-style: none; padding-right: 0px;}
    .btm-menu{margin-left: 0px; color:#fff;}
    .carousel-caption{margin-bottom: 20px; }
    .carousel-caption p{font-size: 25px;}
    
    
    }