/* General */
html{ direction:rtl;font-size:16px; }

*
{
padding:0px;
margin:0px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}


ul{list-style: none;}
a,span,img,h1,h2,h3,p,input,li{
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;transition: all 0.5s ease;}

h1{font-size:1.5rem; font-weight:600;}
h1 span{font-size:1.061rem;display: contents;}
h2{font-size:1.5rem;font-weight:600;}
h2 span{font-size:1.061rem;display: contents;}
h3{font-size:1.061rem;font-weight:600;}
/* h2{font-size:1.125rem;} */

a:link{color:#000; text-decoration: underline; cursor: pointer;}
a:hover img,a:active img,a:focus img{padding:2px;  transition: all 0.3s ease;}
img{border: none;}
.clearfix{clear:both}
.no-fill{  filter:none !important;} 

/* Df-BG-Color */

.bg-blue{background-color:#dff5ff;}
.bg-blue img{filter: brightness(0) saturate(100%) invert(59%) sepia(82%) saturate(2778%) hue-rotate(166deg) brightness(85%) contrast(91%);}

.bg-green{background-color:#defdf3;}
.bg-green img{filter: brightness(0) saturate(100%) invert(56%) sepia(68%) saturate(532%) hue-rotate(110deg) brightness(99%) contrast(95%);}

.bg-lgreen{background-color:#f6fee7;}
.bg-lgreen img{filter: brightness(0) saturate(100%) invert(95%) sepia(80%) saturate(887%) hue-rotate(21deg) brightness(82%) contrast(87%);}

.bg-orange{background-color:#fffaec;}
.bg-orange img{filter: brightness(0) saturate(100%) invert(76%) sepia(27%) saturate(3446%) hue-rotate(329deg) brightness(104%) contrast(94%);}

.bg-red{background-color:#fde2e2;}
.bg-red img{filter: brightness(0) saturate(100%) invert(77%) sepia(52%) saturate(5136%) hue-rotate(317deg) brightness(94%) contrast(107%);}

.bg-grey{background-color:#f7f7f7;}
.bg-grey img{filter: brightness(0) saturate(100%) invert(72%) sepia(0%) saturate(12%) hue-rotate(3deg) brightness(92%) contrast(89%);}


.bg-twitter{background-color:#d4fffa;}
.bg-twitter img{filter: brightness(0) saturate(100%) invert(51%) sepia(97%) saturate(1084%) hue-rotate(133deg) brightness(91%) contrast(92%);}

.bg-instagram{background-color:#faecff;}
.bg-instagram img{filter: brightness(0) saturate(100%) invert(50%) sepia(98%) saturate(2498%) hue-rotate(245deg) brightness(79%) contrast(88%);}


.bg-white{background-color:#fff;
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.11);
-webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.11);
-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;
}
.bg-green,.bg-blue,.bg-orange,.bg-red,.bg-lgreen,.bg-grey,.bg-twitter,.bg-instagram,.offline{
    -webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}



/* DARK-BG-Color */

.bg-dblue {background-color:#14b2fc; 
    box-shadow: -3px -3px 10px 0px rgba(20,178,252,0.43);
    -webkit-box-shadow: -3px -3px 10px 0px rgba(20,178,252,0.43); }

    .bg-dblue:hover{
        box-shadow: -3px -3px 20px 0px rgba(20,178,252,0.90);
        -webkit-box-shadow: -3px -3px 20px 0px rgba(20,178,252,0.90);
       
    } 

.bg-dgreen {background-color:#42d175 ; 
    box-shadow: -3px -3px 10px 0px rgba(66,209,117,0.43);
    -webkit-box-shadow: -3px -3px 10px 0px rgba(66,209,117,0.43);}

    .bg-dgreen:hover {
        box-shadow: -3px -3px 20px 0px rgba(66,209,117,0.90);
        -webkit-box-shadow: -3px -3px 20px 0px rgba(66,209,117,0.90);}

.bg-dlgreen{background-color:#97d26c;
        box-shadow: -3px -3px 10px 0px rgba(140,198,31,0.43);
        -webkit-box-shadow: -3px -3px 10px 0px rgba(140,198,31,0.43);}   
        
        .bg-dlgreen:hover{
            box-shadow: -3px -3px 20px 0px rgba(140,198,31,0.90);
            -webkit-box-shadow: -3px -3px 20px 0px rgba(140,198,31,0.90);}            

.bg-dorange{background-color: #fe7236;
        box-shadow: -3px -3px 10px 0px rgba(253,140,91,0.43);
        -webkit-box-shadow: -3px -3px 10px 0px rgba(253,140,91,0.43);}

        .bg-dorange:hover{
            box-shadow: -3px -3px 20px 0px rgba(253,140,91,0.90);
            -webkit-box-shadow: -3px -3px 20px 0px rgba(253,140,91,0.90);}


.bg-dred{background-color:#eb5c53 ; 
        box-shadow: -3px -3px 10px 0px rgba(235,92,83,0.43);
        -webkit-box-shadow: -3px -3px 10px 0px rgba(235,92,83,0.43);}

        .bg-dred:hover{
            box-shadow: -3px -3px 20px 0px rgba(235,92,83,0.90);
            -webkit-box-shadow: -3px -3px 20px 0px rgba(235,92,83,0.90);}

.bg-dgrey{background-color: #8f9090;
    box-shadow: -3px -3px 10px 0px rgba(110,110,110,0.43);
    -webkit-box-shadow: -3px -3px 10px 0px rgba(110,110,110,0.43);}    

    .bg-dgrey:hover{
        box-shadow: -3px -3px 20px 0px rgba(110,110,110,0.90);
        -webkit-box-shadow: -3px -3px 20px 0px rgba(110,110,110,0.90);}  

    
 .btn-order {background-color:#25c08c ; padding:5px 25px 5px 25px !important;
        box-shadow: -3px -3px 10px 0px rgba(66,209,117,0.43);
        -webkit-box-shadow: -3px -3px 10px 0px rgba(66,209,117,0.43);}

        .btn-order:hover {
            box-shadow: -3px -3px 20px 0px rgba(66,209,117,0.90);
            -webkit-box-shadow: -3px -3px 20px 0px rgba(66,209,117,0.90);}

    

.bg-dblue,.bg-dgreen,.bg-dred,.bg-dorange,.bg-dgrey,.bg-dlgreen,.btn-order{
    -webkit-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;color:#fff !important;}


/* Df-Text-Color */
 .txt-blue{color:#2b72b9;} .txt-green{color:#049f49;} .txt-lgreen{color:#6ab236;}
 .txt-orange{color:#ff6e1f;} .txt-red{color:#da271e;} .txt-grey{color:#5b5b5b;}


 /* Df-Border-Color */
 .brd-blue{border: solid 1px #b3d8e8;}.brd-green{border:solid 1px #aae9e0;} .brd-lgreen{border:solid 1px #d4e58e ;}
 .brd-orange{border: solid 1px #fecdb5;}.brd-orange2{border: solid 1px #ffe79e;}  .brd-red{border: solid 1px #fac4c4;} .brd-grey{border: solid 1px #d8d8d8;} 


  .brd-green,.brd-blue,.brd-orange,.brd-orange2,.brd-red,.brd-lgreen,.brd-grey{
    -webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}

 /* Top-BG-Line */
.top-blue{width: 100%;height: 8px;background:url(../images/icons/top-blue.svg) right repeat-x #ffffff; }
.top-green{width: 100%;height: 8px;background:url(../images/icons/top-green.svg) right repeat-x #ffffff; }
.top-orange{width: 100%;height: 8px;background:url(../images/icons/top-orange.svg) right repeat-x #ffffff; }
.top-red{width: 100%;height: 8px;background:url(../images/icons/top-red.svg) right repeat-x #ffffff; }

/* Buttons-More-AllSections */
.moreworks{display: block;padding:30px 0px 0px 60px ;text-align: left; }
.moreworks a{font-size:1.061rem;background:url(../images/icons/more.svg) right no-repeat transparent;padding:0px 40px 0px 0px ;background-size:22px ;
}

 /* Offline-Links */
.offline{background-color:#fbfbfbfb;}
.offline img{filter: brightness(0) saturate(100%) invert(72%) sepia(0%) saturate(100%) hue-rotate(3deg) brightness(100%) contrast(100%) opacity(40%);}

/* Main-Header */
header{width:90%;margin:0px auto;padding:20px 0px 0px 0px; }
header nav {display: flex;width:100%; }
header nav .logo { width:20% ; display: block;}
header nav .logo a img{  height:100px ; display: block;}
header nav .logo .slogn{width:100%; display: block; text-align: right;}
header nav .logo .slogn a{ text-decoration: none; display: inline-block; }
/* Logo For Clients Page */
header nav .logo-child {display:block;margin:0px auto ; padding:15px 0px 0px 0px ;}
header nav .logo-child a img{ height:100px ; display: block;}

header nav .nav-links { margin-right:0%;margin-top: 40px;  width:80% ;  }
header nav .nav-links ul { display:block ;float: left;}
header nav .nav-links ul li{ display: inline-block;}
header nav .nav-links ul li a{font-size:1.061rem;text-decoration: none; padding:0px 15px 0px 15px;}

.home-active{background:url(../images/icons/home-active.png)bottom center no-repeat transparent;padding: 0px 15px 13px 15px !important;color:#035c94 !important;}
.websites-active{background:url(../images/icons/websites-active.png)bottom center no-repeat transparent;padding: 0px 15px 13px 15px !important;color:#049f49 !important;}
.opencart-active{background:url(../images/icons/opencart-active.png)bottom center no-repeat transparent;padding: 0px 15px 13px 15px !important;color:#fe7a04 !important;}
.mobile-active{background:url(../images/icons/apps-active.png)bottom center no-repeat transparent;padding: 0px 15px 13px 15px !important;color:#0773ce !important;}
.products-active{background:url(../images/icons/products-active.png)bottom center no-repeat transparent;padding: 0px 15px 13px 15px !important;color:#da271e !important;}




/* -------Welcome-Section---------- */
.welcome-section{width:90%;margin:0px auto;padding:30px 0px 30px 0px ;display: flex;}
 /* who-im */
.welcome-section .who-im{width:50%;}

.who-im .articleItem{display: flex; width:100%;}
.who-im .articleItem .articleImage{width:30%;}
/*.who-im .articleItem .articleImage a img{width:100%;height:170px;margin:0px auto ;display: block;
      -webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px; }  */

     .who-im .articleItem .articleImage a img{width:200px;height:220px;margin:0px auto ;display: block;padding:0px 0px 0px 0px;}
.who-im .articleItem .articleBody{width:70%; margin:0px 25px 0px 0px;}
  .who-im .articleItem .articleBody p{width:100%;font-size:1.0rem;line-height: 1.7;margin: 0px 0px 20px 0px;}
  .who-im .articleItem .articleBody .callMe{ width: 100%;display: flex;}

  /* Call Me */
  .callMe a{padding:7px 40px 7px 40px ; color: #fff; text-align: center; margin: 0px 0px 0px 15px;}
  .callMe a:last-child{margin: 0px 0px 0px 0px;}
  .callMe a img{ display: block; width:22px ; height: 22px; margin:0px auto ;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(179deg) brightness(101%) contrast(104%);}




/* Who-im - Certified */
.who-im .certified{ background:transparent;text-align: right ; font-size: 1.0rem;padding:5px 0px 5px 0px ;
    display: flex;border-top:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6;margin: 0px 0px 0px 0px;}
    .who-im .certified p{width:40%;padding: 0px 16px 0px 0px; } .who-im .certified p a{margin: 0px ; padding: 0px; }
    .who-im .certified a {margin: 0px 0px 0px 40px ;display: inline-block; }
    .who-im a:last-child{margin: 0px 0px 0px 0px;}
    .who-im .certified a img{ width:auto;height:50px ; margin:0px ;display: block;}




/* Inside_page_Services */

.welcome-section .insideservices{width:50%; margin: 0px 50px 0px 0px;}
.insideservices .articleItem{ width:100%;}
/* .insideservices .articleItem span{ display: contents; font-size:1.5rem ;} 
.insideservices .articleItem span:nth-child(3){font-size:1.061rem;display: contents;} */
.insideservices .articleItem span{ display: contents; font-size:1.061rem;} 
.insideservices .articleItem h1{display: contents;font-size:1.5rem ;}
.insideservices .articleItem h2{display: contents;font-size:1.061rem;}
.insideservices .articleItem .articleBody{display: flex; width:100%;}
.insideservices .articleItem .articleBody ul{display: block; width:100%; margin: 20px 0px 0px 0px;}
.insideservices .articleItem .articleBody ul li{ width:24%;display: inline-block; text-align: center;margin:25px 15px 0px 15px ; padding:12px 25px 12px 25px; font-size:.975rem; line-height: 1.3;}
.insideservices .articleItem .articleBody ul li img{display: block; width:40px ;height:60px; margin:0px auto ;}




/* Main-Footer */
footer{width:90%;margin:0px auto; padding:35px; display: flex; background:#fbfbfb ;}

footer .FAQ{width:55%; display: flex; border-left: solid 1px #e7e7e7;}
.FAQ ul{ width:100%;display: flex;}
.FAQ ul li {display: flex;margin: 0px 0px 0px 40px; }
.FAQ ul li a{ display:inline-block; text-align: center;margin:0px ; padding: 30px; font-size:1.0rem;width: 100%; }
.FAQ ul li a img{display: block; width:50px ;height:60px; margin:0px auto ;}

footer .info{width:45%;padding:20px 80px 0px 0px ;}
.info .contactme{ display: flex;}
.info .contactme ul{width:100%;display: flex; padding:25px 0px 0px 0px ;}
.info .contactme ul li{ display: flex;}
.info .contactme ul li a{ display:inline-block; padding: 10px; margin:0px 0px 0px 13% ;}
.info .contactme ul li a:last-child{margin: 0px;}
.info .contactme ul li a img{ display: block; width:24px ;height:24px; margin:0px auto ; }

.Copyrights{width:90%;margin:0px auto;padding:40px 0px 50px 0px ; display: flex;}
/* .Copyrights .links { display: block; width:65% ;padding:20px 0px 0px 0px ;}.Copyrights .links a {margin:0px 0px 0px 15px ;} */
.Copyrights p { text-align: center;padding:0px 0px 50px 0px ;margin: 0px auto;font-size: 1.0rem;}
.Copyrights p a {margin: 20px 0px 0px 20px ;display: inline-block; }
.Copyrights p a img{ width:auto;height:60px ; margin:0px ;display: block;}

/* Bottom-Nav-Category */
.bottom-nav{display:flex ;background:#fff;padding:10px 6px 10px 6px;position: fixed; bottom:0 ; z-index:2000 ;width:26%;opacity:0;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;transition: bottom 0.3s;}
.bottom-nav a{padding:7px 40px 7px 40px ; color: #fff; text-align: center; margin: 0px 0px 0px 15px;width:40%;}
.bottom-nav a:nth-child(3){width:20%;margin: 0px 0px 0px 0px;padding:7px 20px 7px 20px }
.bottom-nav a:visited:nth-child(3){border: solid 1px black;}
.bottom-nav a img{ display: block; width:22px ; height: 22px; margin:0px auto ;text-align: center;} 
.fil-white img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(179deg) brightness(101%) contrast(104%);}

.hid_submenu {visibility: hidden;height:0 ;bottom:0; right:0;opacity:0; position:absolute;width:100%; z-index:2000 ;}
.show_submenu  {visibility: visible; height:390px; position:absolute; bottom:0; left:0; margin-bottom:56px; width:100%;opacity:1;z-index:2000; 
   box-shadow: 1px -10px 25px -9px rgba(123,119,119,0.59);
    -webkit-box-shadow: 1px -10px 25px -9px rgba(123,119,119,0.59);
    -moz-box-shadow: 1px -10px 25px -9px rgba(123,119,119,0.59);
    transition:opacity 2s;background:#fff;z-index:900;  

}
.show_submenu h2{ margin:20px 0px 14px 0px; padding:0px; text-align:center; font-size:1.080rem; }
.show_submenu ul{ width:90%;display: block;margin:0px auto;padding: 0px;}
.show_submenu ul li {display:inline-block;margin: 0px 0px 15px 0px ; width: 46%; }
.show_submenu ul li:nth-child(1),.show_submenu ul li:nth-child(3),.show_submenu ul li:nth-child(5){margin: 0px 0px 15px 10px ;}
.show_submenu ul li a{ display:inline-block; text-align: center;margin:0px ; padding:5px 0px 15px 0px;width: 100%;color: #000; text-decoration: none;font-size:0.975rem ; }
.show_submenu ul li a:hover{text-decoration: underline;}
.show_submenu ul li a img{display: block; width:40px ;height:50px; margin:0px auto ;padding: 0px; }
.show_submenu ul li:nth-child(1) a img{width:65px ;height:50px;} 





@media (max-width:500px)  {
    /* Main-Header */
    header{width:90%;}
    header nav .logo { width:100% ;} 
    header nav .logo a img{ width:65%; margin:0px auto ; display: block;}
    header nav .logo .slogn{text-align: center;}
    header nav .nav-links { display:none ; }

    header nav .logo-child { width:100% ;} 
    header nav .logo-child a img{ width:65%; margin:0px auto ; display: block;}


/* Welcome-Section */
    .welcome-section{width:90%;display: block;padding:20px 0px 0px 0px ;}
    /* Who-IM */
    .welcome-section .who-im{width:100%; }
    .who-im .articleItem{display: block;}
    .who-im .articleItem .articleImage{width:100%;}
    /* .who-im .articleItem .articleImage a img{width:100%; height: auto; }  */
    .who-im .articleItem .articleImage a img{width:240px; height: 265px; } 
    .who-im .articleItem .articleBody{width:100%; margin:0px 0px 0px 0px;}
    .who-im .articleItem .articleBody h2{text-align: center; margin: 10px 0px 10px 0px;}
    .who-im .articleItem .articleBody .callMe{ width:auto;margin:0px auto ; }
    .callMe a{ margin: 0px 0px 0px 4%; }
    
@media (min-width: 400px) and (max-width: 430px){ 
    .callMe a{padding:7px 42px 7px 42px ; color: #fff; text-align: center; margin: 0px 0px 0px 7%;}
}

 /* Who-im - Certified */
 .who-im .certified{margin:20px 0px 0px 0px;padding: 0px 0px 0px 0px; display: block;border-top:solid 0px #e6e6e6;border-bottom:solid 1px #e6e6e6;}
 .who-im .certified p{width:100%; padding:10px 0px 10px 0px ;border-bottom:solid 1px #e6e6e6;}
 .who-im .certified a {margin: 15px 0px 12px 10% ;}
 .who-im .certified a:last-child{margin: 15px 0px 12px 0px ;}
 .who-im .certified a img{ width:auto;height:50px ; margin:0px ;display: block;}
 @media (min-width: 360px) and (max-width: 370px){ 
    .who-im .certified a {margin: 10px 0px 0px 12% ; }
 
 }
 /* remove-border */
 .brd-0{border-top: solid 1px #fff !important;}

    /* Inside_page_Services */
    .welcome-section .insideservices{width:100%;  margin:40px 0px 30px 0px;padding:30px 0px 40px 0px; 
        border-top: solid 1px #e7e7e7; border-bottom: solid 1px #e7e7e7;}


    .insideservices .articleItem span{ display: inline-block; line-height:2}
    .insideservices .articleItem span:nth-child(3){line-height:1}
    .insideservices .articleItem .articleBody ul li{ width:45%;margin:20px 0px 0px 0px ; }
    .insideservices .articleItem .articleBody ul li:nth-child(2){ margin:20px 8% 0px 0px ; }
    .insideservices .articleItem .articleBody ul li:nth-child(3){ width:100%; display:flex;padding:0px 5px 0px 0px; line-height: 4;}
    .insideservices .articleItem .articleBody ul li:nth-child(3) img{ margin:0px 0px 0px 20px ;}


/* Main-Footer */
    footer{width:100%;padding:35px 15px 35px 15px; display: block;margin:60px 0px 0px 0px ;}
    /* FAQ-Info */
    footer .FAQ{width:100%; display: block; border-left:none;}
    .FAQ ul{ width:100%;display: block;}
    .FAQ ul li {display: inline-block;width:45%;margin: 0px 0px 0px 0px; }
    .FAQ ul li:nth-child(2){width:48%;margin: 0px 6% 0px 0px;}
    .FAQ ul li:nth-child(3){width:100%;}
    .FAQ ul li a{ padding: 20px; }
    .FAQ ul li:nth-child(3) a{ display:flex; text-align: right;padding:0px 5px 0px 0px; line-height: 3.5;margin: 20px 0px 25px 0px; }
    .FAQ ul li:nth-child(3) a img{margin:0px 0px 0px 20px ;}
    footer .info{width:100%;padding:20px 0px 0px 0px ;border-top: solid 1px #e7e7e7; display: none;}


/* CopyRights */
     .Copyrights{width:90%;display: block;}
     /* .Copyrights .links {display: none;} */
    .Copyrights p { text-align: center;padding:0px 0px 70px 0px ;}
    @media (min-width: 360px) and (max-width: 409px){ 
        .Copyrights p { font-size: 0.9rem;}
        .Copyrights p a img{ width:auto;height:50px ; margin:0px ;display: block;}
    }
 
/* Buttons-More-AllSections */
.moreworks{display: block;padding:25px 0px 0px 0px ; }

/* Bottom-Nav-Category */
.bottom-nav{width:100%;}
.show_submenu {width:90%;}

}







@media (min-width: 600px) and (max-width: 850px){ 
header{width:90%;padding:10px 0px 0px 0px; }
header nav {display: block; }
header nav .logo { width:100% ;} 
header nav .logo a img{ width:65%; margin:0px auto ; display: block;}
header nav .logo .slogn{text-align: center;}
/* Logo For Clients Page */
header nav .logo-child {width:100% ;}
header nav .logo-child a img{width:65%; margin:0px auto ; display: block;}


header nav .nav-links { margin-top: 20px;  width:100% ;}
header nav .nav-links ul { display:block ;float: none;}
header nav .nav-links ul li{ display: inline-block;}
header nav .nav-links ul li a{font-size:1.061rem;text-decoration: none; padding:0px 10px 0px 10px;}


/* Welcome-Section */
.welcome-section{width:90%;display: block;padding:50px 0px 0px 0px ;}
/* Who-IM */
.welcome-section .who-im{width:100%; }
.callMe a{padding:7px 42px 7px 42px ; color: #fff; text-align: center; margin: 0px 0px 0px 4%;}

/* Inside_page_Services */
.welcome-section .insideservices{width:100%;  margin:30px 0px 30px 0px;padding:40px 0px 40px 0px; 
    border-top: solid 1px #e7e7e7; border-bottom: solid 1px #e7e7e7;}
    .insideservices .articleItem .articleBody ul li{ width:25%;margin:25px 25px 0px 15px;}


/* Main-Footer*/

 footer{width:100%;margin:60px 0px 0px 0px; padding:30px; display: flex; background:#fbfbfb ;}
 footer .FAQ{width:35%; display: block; border: none}
 .FAQ ul{ width:100%;display: block;}
 .FAQ ul li {display: block;width:100%;margin: 0px 0px 0px 0px; }
 .FAQ ul li a{ display:flex; text-align: right;padding:0px 5px 0px 0px; line-height: 3.5;margin: 0px 0px 15px 0px; }
 .FAQ ul li a img{margin:0px 0px 0px 20px ;}
 footer .info{width:60%;padding:20px 70px 0px 0px ;;}
 .info .contactme ul li a{ display:inline-block; padding: 10px; margin:0px 0px 0px 4% ;}
/* Buttons-More-AllSections */
.moreworks{display: block;padding:25px 0px 0px 0px ; }
.bottom-nav{width:40%;}
}

@media (min-width: 1024px) and (max-width: 1280px){ 
    /* Bottom-Nav-Category */
.bottom-nav{width:30% ;}

/* Main-Footer*/

footer{width:100%;margin:60px 0px 0px 0px; padding:30px; display: flex; background:#fbfbfb ;}
.callMe a{padding:7px 35px 7px 35px ; color: #fff; text-align: center; margin: 0px 0px 0px 3%;}
  
  }