@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
*{
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
html, body {
    overflow-x: hidden;
}

/*Header Area Starts*/

/*Top bar Start*/

.bg-1{
    width: 100%;
    background-color: #f9200b;
}
.top-ul ul li{
    list-style: none;
    display: inline-block;
    margin: 0 20px 0 0;
    color: #ffffff;
}
.top-ul ul li i{
    margin: 0 8px 0 0;
}
.top-ul ul li a{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #ffffff;
}
.top-social{
    float: right;
}
.top-social ul li{
    list-style: none;
    display: inline-block;
    margin: 0 10px 0 0;
}
.top-social ul li a{
    text-decoration: none;
    color: #ffffff;
}
.top-social ul li a:hover{
    color: #222222;
}

/*Topbar end*/

/*Navbar*/
.bg-2{
    width: 100%;
    background-color: #222222;
}
.nav-item{
    margin: 0 10px 0 0;
}
.nav-link{
    font-family: 'Poppins', sans-serif;
    color: #ffffff !important;
    font-size: 14px;
}
.nav-link:hover{
    color: #f9200b !important;
}
.search-area[type=text] {
    width: 12px;
    border: none;
    font-size: 16px;
    background-color: RGB(255,255,255, 0);
    color: #fff;
    background-image: url(../img/search.png);
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 8px 0 12px 35px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.search-area[type=text]:focus {
    width: 100%;
}

/*------------
CUSTOM
----------*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}
.dropdown-item{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    background: rgb(255,255,255,0.80) !important;
    color: #000000;
}
.dropdown-menu{
    background: none;
    top: 69%;
    padding: 0;
}
.dropdown-item:hover{
    color: #ffffff !important;
    background: #f9200b !important;
}
.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}
.dropdown:hover>.dropdown-menu {
    display: block;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}
.hammad-sub-li{
    position: relative;
    top: -3px;
}
#fixedbar{
  display: none; position: fixed; top: 0; width: 100%; height:auto; background-color:rgba(0, 0, 0,0.50); z-index:99999; padding:5px 0;}
#fixedbar:after,#fixedbar:before{
	display:block}
.hvr-underline-reveal:before{
    background: #f9200b !important;
}
nav.navbar {
    background: transparent;
}
/* change navbar-brand color */
.navbar a.navbar-brand {
    color: white;
}
/* change navbar-brand color on hover */
.navbar a.navbar-brand:hover {
    color: green;
}
/*  change navbar li colors, also active one but not disabled one */
.navbar ul.navbar-nav li.nav-item a.nav-link {
    color: white;
}
/* change navbar-toggler inside lines color (stroke) */
.navbar-light span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='yellow' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    color: white;
}
/* change hamburger button border color */
button.navbar-toggler.navbar-toggler-right {
    border-color: yellow;
}
/* change navbar background on collapse */
@media (max-width: 768px) {
    nav.navbar {
    }
    
}


/*------END-------------*/

/*Navbar*/
/*Header Area Ends*/

/*Body Area Starts*/


/*Services*/

.bg-3{
    width: 100%;
    background-image: url(../img/ser-1.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-4{
    width: 100%;
    background-image: url(../img/ser-2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-5{
    width: 100%;
    background-image: url(../img/ser-3.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.services-area{
    text-align: center;
}
.services-area h2{
    color: #f9200b;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 600;
}

.services-area h2 span{
    color: #ffffff;
}
.services-inner{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #ffffff;
    padding-top: 12px;
    border: 8px solid #ffffff;
}

/*.service-shadow{
    width: 329px; 
}*/
.service-shadow h3{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 50px;
    letter-spacing: 3px;
    font-weight: 600;
}

.service-shadow p{
    width: 90%;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #ffffff;
    overflow: hidden;
}
.service-shadow:hover{
    -webkit-box-shadow: 3px -1px 20px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px -1px 20px -3px rgba(0,0,0,0.75);
    box-shadow: 3px -1px 20px -3px rgba(0,0,0,0.75);
    transition: .5s ease-out;
}
.service-shadow:hover .services-inner{
    border-color: #f9200b;
    transition: .5s ease-out;
}
/*Services*/

/*Profile*/

.profile-pic{
    border: 2px solid #f9200b;
}
.profile-pic img{
    width: 100%;
    padding: 9px 9px 0 0;
}

.p-tittle{
    text-align: center;
}
.p-tittle h2{
    color: #f9200b;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight: 600;
}

.p-tittle h2 span{
    color: #000000;
}
.p-bg{
    width: 100%;
    background-color: #1d201d;
    padding: 10px 10px 0 10px;
    line-height: 23px;
    text-align: center;
}
.p-bg p{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #fffefe;
}
.p-bg button{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border: none;
    padding: 7px 15px 4px 15px;
    background: #f9200b;
    color: #ffffff;
}
.p-bg button:hover{
    background: #ffffff;
    color: #000000;
    transition: 0.5s ease-out;
}



/*Profile*/

/*Products*/

.bg-6{
    width: 100%;
    background-color: #1c1e1c;
}
.main-product{
    width: 100%;
    position: relative;
}
.main-product img{
    width: 100%;
}
.ptext{
    text-align: center;
    width: 80%;
    height: 20%;
    position: absolute;
    top: 80%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.ptext a h4{
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    background: #edfbf8;
    border-left: 5px solid #f9200b;
    padding: 10px 0 10px 0;
    width: 80%;
    color: #000000;
}
.hvr-shutter-out-vertical:before {
    background: #f9200b !important;
}
.hvr-shutter-out-vertical{

    background: #edfbf8 !Important;
}
.main-product:hover .ptext h4{
    width: 100%;
    transition: 0.3s ease-out;
}
/*Products*/


/*Featured*/
.f-main{
    width: 100%;
    /*position: relative;*/
    padding: 10px;
    padding-bottom: 75px;
    -webkit-box-shadow: -1px -1px 20px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px -1px 20px -9px rgba(0,0,0,0.75);
    box-shadow: -1px -1px 20px -9px rgba(0,0,0,0.75);

}
.f-main img{
    width: 100%;
}
.f-overlay{
    text-align: center;
    width: 90%;
    height: 23%;
    position: relative;
    top: -48px;
    background: #ffffff;
    -webkit-box-shadow: -2px -4px 28px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px -4px 28px -12px rgba(0,0,0,0.75);
    box-shadow: -2px -4px 28px -12px rgba(0,0,0,0.75);
}
.p-name{
    width: 60%;
    text-align: left;
    float: left;
    padding: 12px 0 0px 14px;
}
.p-name h3{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #f9200b;
    font-weight: 600;
    text-transform: uppercase;
}
.p-name1 h3{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
}
.p-name1{
    width: 40%;
    float: right;
    text-align: right;
    padding-top: 12px;
    padding-right: 11px;
}
.f-links{
    padding-bottom: 2px;
}
.f-links ul li{
    list-style: none;
    display: inline-block;  
}
.f-links ul li a{
    text-decoration: none;
}
.f-links ul li a i{
    width: 24px;
    height: 24px;
    color: #f9200b;
    background: #ffffff;
    border-radius: 50%;
    padding-top: 6px;
    font-size: 12px;
    -webkit-box-shadow: 3px -1px 20px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px -1px 20px -3px rgba(0,0,0,0.75);
    box-shadow: 3px -1px 20px -3px rgba(0,0,0,0.75);
}
.f-top:hover .f-overlay{
    background: #f9200b !important;
    transition: 0.5s ease-in-out;
}
.f-top:hover .p-name h3{
    color: #ffffff;
}
.f-top:hover .p-name1 h3{
    color: #ffffff;
}

/*Featured*/
/*testimonials*/

.bg-7{
    width: 100%;
    background-image: url(../img/testi.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.testi{
    width: 80%;
    text-align: center;
}
.testi img{
    border-radius: 50%;
    width: 75px !important;
}
.testi h3{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #ffffff;
    margin: 0;
}
.testi h4{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #f9200b;
}
.testi p{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #fffefe;
}
/*.owl-carousel .owl-item img{
    width: inherit !important;
}*/

/*testimonials*/





/*Body Area Ends*/


/*Footer Area Start*/

/*NEWSLETTER*/
.bg-8{
    width: 100%;
    background-color: #f81b09;
}
.signup h4{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
.signup p{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #ffffff;
}
.signup input{
    width: 80%;
    height: 60px;
    padding: 5px;
    border: none;
    font-family: 'Poppins', sans-serif;
}
.signup button{
    border: none;
    background: #222222;
    position: absolute;
    padding: 15px 21px 14px 27px;
}

.hvr-shutter-out-horizontal:before{
    background: #f81b09 !important;
}


/*Newsletter*/

.bg-9{
    width: 100%;
    background-color: #222222;
    padding: 20px;
}
.cus-mar{
    padding-left: 0;
    padding-right: 0;
}
.services-area1{
    border-bottom: 1px solid #494949;
}
.services-area1 h2{
    color: #f9200b;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 0 17px;
}

.services-area1 h2 span{
    color: #ffffff;
}
.btm-links p{
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 12px;
    border-right: 1px solid #494949;
    width: 80%;
    padding: 0 0 0 17px;
    height: 130px;
    overflow: hidden;
}
.btm-links ul li{
    list-style: none;
    border-right: 1px solid #494949;
    width: 80%;
    padding: 0 0 0 17px;
}
.btm-links ul li a{
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 12px;
}
.btm-links ul li a:hover{
    color: #f9200b;
    margin-left: 10px;
    transition: 0.5s ease-out;
    cursor: pointer;
}

/*-------------*/

.btm-links1 ul li{
    list-style: none;
    width: 80%;
    padding: 0 0 0 17px;
}
.btm-links1 ul li a{
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 12px;
}
.btm-links1 ul li a:hover{
    color: #f9200b;
    transition: 0.5s ease-out;
    cursor: pointer;
}
.cus-border{
    border-bottom: 1px solid #494949;
    border-top: 1px solid #494949;
}
.services-area2{
    float: left;
}
.services-area2 h2{
    color: #f9200b;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.services-area2 h2 span{
    color: #ffffff;
}
.certificates img{
    float: right;
}

.copy-right h5{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    color: #ffffff;
}
.copy-right h5 span{
    color: #f9200b;
}
.copy-right h5 a{
    text-decoration: none;
}

/*Footer Area Ends*/

/*======================
ABOUT PAGE STARTS HERE
======================*/
.ab-banner img{
    width: 100%;
}
.page-header{
    background-color: #f9200b;
    padding: 14px 13px 1px;
    border-left: 5px solid #000000;
}
.page-header ul li{
    list-style: none;
    display: inline-block;
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}
.page-header ul li a{
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
    text-decoration: none !important;
    color: #ffffff !important;
}
.page-header ul li a:hover{
    color: #000000 !important;
}


.company-p p{
    /*width: 75%;*/
    font-size: 14px;
    font-family: 'Poppins', sans-serif !important;
    color: #000000;
}

/*======================
ABOUT PAGE END HERE
======================*/


/*======================
INQUUIRY PAGE STARTS
======================*/
.hammadinput{
    width: 100%;
    padding: 10px 15px;
    font-family: 'Poppins', sans-serif;
    background-color: transparent;
    border: 1px solid #909090;
    margin-top: 10px;
    color: gray !important;
    border-radius: 0px;
}
.hm-height{
    height: 200px;
}
.hammadinput:focus{
    box-shadow:2px 2px 10px #ccc}
.tus_contsbmt{
    margin:0px; padding:8px 10px; background-color:#f9200b; color:#fff; text-align:center; text-transform:capitalize; font-family: 'Poppins', sans-serif; font-size:14px;
    border:none; transition:0.6s; border-left:solid 4px #000000;}
.tus_contsbmt:hover{
    background-color:#000000; color:#ffffff; text-decoration:none;}

/*======================
INQUIRY PAGE END HERE
======================*/

/*Gallery*/

.gallery1 {
  margin: 5px;
/*  float: left;*/
  width: 100%;
  height: 400px;
  overflow: hidden;
  border-radius: 50%;
  
}
.gallery1 a{
    text-decoration: none;
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px;
    color: #000000;
}



.gallery1 img {
  width: 100%;
  height: 300px;
  /*border-radius: 50%;*/
}

.desc1 {
  padding: 15px;
  text-align: center;
}
/*Gallery*/

/*======================
CONTACT PAGE END HERE
======================*/

.contact-links ul li{
    list-style: none;
    margin: 10px;
    color: #000000;
}
.contact-links ul li a{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.contact-links ul li a i{
    width: 50px;
    height: 50px;
    background-color: #f9200b;
    border-radius: 50%;
    padding: 15px 0 0 17px;
    margin: 0 16px 0 0;
    font-size: 20px;
    color: #ffffff;
}




/*======================
CONTACT PAGE END HERE
======================*/


/*======================
PRODUCTS PAGE END HERE
======================*/


#main #faq .card {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #222;
}

#main #faq .card .card-header {
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    padding: 0;
}

#main #faq .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    background: #f9200b;
    color: #ffffff;
    border-radius: 0px;

}

#main #faq .card .card-header .btn-header-link:after {
    content: "\f068";
    font-family: FontAwesome;
    font-weight: 900;
    float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
    background: #f9200b;
    color: #fff;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f067";
}

#main #faq .card .collapsing {
    background: rgb(255,255,255,0.80);
    line-height: 30px;
}

#main #faq .card .collapse {

    border: 0;
}

#main #faq .card .collapse {
    background: rgb(255,255,255,0.80);
    line-height: 30px;
    color: #222;
}
#main h4{
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    background: #000000;
    padding: 10px 0 5px 12px;
    margin: 0;
}
#main h4 i{
    margin: 0 10px 0 0;
}
.hammadli ul li{
    list-style: none;
    background: #f9200b;
    padding: 3px 0 3px 14px;
    font-size: 14px;
    border-bottom: 1px solid #000;
    width: 100%;
}
.hvr-shutter-in-horizontal:before{
    background: #252626 !Important;
}
.hammadli ul a li{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-decoration: none;

    color: #ffffff !important;
}
.hammadli ul{
    margin: 0;
}
.hammadli ul li:hover{
    background: #f9200b !important;
}
/*======================
PRODUCTS PAGE END HERE
======================*/



/*---------
   Basket
-------------------*/
.yourCart{
    width:100%; text-align:left; color: #707070; text-transform:uppercase; padding:20px; background:#eeeeee; font-weight:bold; font-family: 'Poppins', sans-serif; font-size:18px;border-radius:3px 3px 0 0;}
.cartProduct{
    border:1px solid #eeeeee; border-top:none; background-color:#fff}
.cartProduct:last-child{
    margin-bottom:20px; margin-top:15px;}
.cartPdctImage{
    width:100%; height:200px; text-align:center; position:relative}
.cartPdctImage > img{
    max-height:100%; max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:15px; border:solid 1px #ccc}
.cartPdctName{
    font-family: 'Poppins', sans-serif; padding:20px 0 0; color:#333; font-size:14px; text-transform:capitalize}
.cartPdctArt{
    font-family: 'Poppins', sans-serif; padding:5px 0 0; color:#333; font-size:14px;}
.cartPdctSize{
    font-family: 'Poppins', sans-serif; padding:5px 0 10px; color:#333}
.cartQuantity{
    width:60px; font-family: 'Poppins', sans-serif; font-weight:bold; color:#333}
.cartSubmit{
    margin:10px 0; background:#000; font-family: 'Poppins', sans-serif; border:none; padding:7px 20px; font-size:14px; color:#fff}
.cartRemove{
    margin:10px 0; background:#f9200b; border:none; padding:7px 20px; font-family: 'Poppins', sans-serif; font-size:14px; color:#fff; display:inline-block}
.cartRemove:hover{
    color:#fff; text-decoration:none; background-color:#000000;}
.cartPdctPrice{
    font-family: 'Poppins', sans-serif; padding:20px; text-align:right ; color:#fa5400}
.summery{
    background: #191919;;margin-bottom:40px;}
.summeryTxt{
    font-family: 'Poppins', sans-serif; padding:20px; color:#fff; font-size:18px;}
.summeryTotal{
    font-family: 'Poppins', sans-serif; padding:20px; color:#fff; font-size:16px; border-bottom:gray 1px solid; border-top:gray 1px solid; text-transform:uppercase}
.summeryTotal > span{
    float:right}
.summeryOr{
    font-family: 'Poppins', sans-serif; color:#fff; font-size:16px;text-align:center}
.cartSend{
    padding:15px 30px; text-align:center}
.cartSend > a{
    font-family: 'Poppins', sans-serif; padding:10px; color:#fff; font-size:14px; text-transform:uppercase; background:#f9200b; display:block; border-radius:0px;font-weight:bold; text-decoration:none}
.cartSend > a:hover{
    background:#fff; text-decoration:none; color:#f9200b;}
.cartAddMore{
    padding:15px 30px; text-align:center}
.cartAddMore > a{
    font-family: 'Poppins', sans-serif; padding:10px; color:#ffffff;font-size:14px; text-transform:uppercase; background:#f9200b; display:block; border-radius:0px;  font-weight:bold; text-decoration:none}
.cartAddMore > a:hover{
    background:#fff; text-decoration:none; color:#f9200b;}
.summeryOr{color: #fff;}
.cartBasketEmpty{
    font-family: 'Poppins', sans-serif; padding:60px 20px ; color:#cf2d32; font-size:25px; background: #eeeeee; text-align:center; margin:20px 0 40px; width: 100%;}
.tus_lefth h4{
    margin:10px 0 10px 0; padding:12px 15px; background-color:#b77e31; color:#fff; text-align:left; text-transform:uppercase; font-family: 'Poppins', sans-serif;
    font-size:20px;}
.tus_lefth h4 span{
    color:#cf2d32; margin-right:5px;}
.cartQuantity{text-align: center;}
.pro-detail h2{
    font-family: 'Poppins', sans-serif;
    color: #000000;
    font-size: 22px;
}
.pro-detail h4{
    font-size: 16px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 550;
    color: #f9200b;
}
.pro-detail p{
    font-size: 14px;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 550;
    color: #000000;
    
}
.pro-detail p span{
    font-size: 15px;
    font-family: 'Poppins', sans-serif !important;
    color: #000000;
    font-weight: bold;
    border-color: #fff;
}
.pagination a{
    text-decoration: none;
    background: #f9200b;
    padding: 2px 9px 4px 9px;
    color: #ffffff;
}
.pagination a:hover{
    color: #ffffff;
    background: #000000;
}
.submit-inq h3{
    color: #000000;
    font-size: 15px;
    font-family: 'Poppins', sans-serif !important;
}
.submit-inq h3 i{
    background: green;
    color: #ffffff;
    padding: 3px 8px 3px 8px;
    border-radius: 6px;
}
.basket-span{
    position: relative;
    top: 10px;
}
.basket-span span{
    float: right;
    position: relative;
    width: 27px;
    height: 27px;
    background: #a1228d;
    border-radius: 50%;
    color: white;
    padding: 4px 0 0 10px;
    padding: 1px 0 -2px 1px;
    font-size: 12px;
    top: -16px;
    left: 38px;
    text-decoration: none;
}
.basket-span span:hover{
    background: #818181;
}
/*---------
   Basket
-------------------*/






@media (max-width: 768px) {

    .btm-links p {
        border: none;
    }
    .btm-links ul li{
        border: none;
    }
    .service-shadow{
        width: 100%;
    }

}


@media only screen and (min-width: 280px) and (max-width: 600px){

    .btm-links p {
        border: none;
    }
    .btm-links ul li{
        border: none;
    }
    .service-shadow{
        width: 100%;
    }

}
@media only screen and (min-width: 360px) and (max-width: 640px){

    .btm-links p {
        border: none;
    }
    .btm-links ul li{
        border: none;
    }
    .service-shadow{
        width: 100%;
    }

}
@media only screen and (min-width: 320px) and (max-width: 568px){
    .service-shadow{
        width: 100%;
    }
}