html,
body{margin:0;font-size:100%;background:#DEE0E3 !important;font-family:'roboto', sans-serif;width:1px;min-width:100%;top:0;right:0;bottom:0;left:0;z-index:1;}
html{scroll-behavior:smooth;}

body a{text-decoration:none;font-family:'roboto', sans-serif !important;}

body img{max-width:100%;}
.crat-img{width:22px;}
a:hover{text-decoration:none;}
.app-button{display:none;}
.powered-by span{display:none;color:#fff!important;font-size:13px;width:130px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;top:30px;left:-55px;font-weight:normal;}
.tag-line{font-size:28px;color:#fff;text-align:left;}
h1,
h2,
h3,
h4,
h5,
a:focus{color:inherit !important;}
h6{margin:0;color:#323648;}
li{list-style-type:none;}
.man-icon{ float: left;
    margin-top: -3px;
    margin-right:8px !important;
}
p{font-size:17px;line-height:2em;color:#686868;}
.logo-width{width:116px;margin-top:0px;}

ul{margin:0;padding:0;}
.arrow-up{width:0px;height:0px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #2f2f2f;}


.mobile-nav{display:none;}
.banner-1{background:url(../images/banner-img.jpg) no-repeat center;background-size:cover;height:675px;}



.csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3){display:block;right:0;left:auto;-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);}
.triangle-4{width:10px;height:10px;border-bottom:solid 20px #fff;border-left:solid 20px transparent;border-right:solid 20px transparent;margin:-19px auto !important;position:absolute;z-index:99999999;left:63px;}
.triangle{display:inline-block;margin:0 5px;vertical-align:middle;}
nav ul li a:hover{ border-bottom: 2px solid #fff; padding-bottom: 4px;}

.menu-active{border-bottom: 2px solid #fff; padding-bottom: 4px;}
#slider1{width:100%;}
.heading-text{padding-top: 40px !important; font-size:32px; text-align: center;}
@media screen and (max-width:800px){.csslider>.navigation{bottom:75px;}
.powered-by span{display:none; color:#fff!important;font-size:10px;width:130px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;top:12px;left:-55px;font-weight:normal;}
.triangle{display:none}
}

.navbar-brand {
  
    padding: 12px 0px 0px 24px;
   
}
.left-border{border-left: 1px solid #fff; padding-left: 40px;}
.li-sec-last{margin: 0px 20px 0px 20px;}

header{position:absolute;z-index:9;width:100%;padding:5px 0;background-color: rgba(255, 255, 255, 0);}
.header-inner{position:relative;}
.toggle,
[id^=drop]{display:none;}
nav{margin:0;padding:0;}
nav:after{content:"";display:table;clear:both;}
nav ul{float:right;padding:0;margin:40px 0;list-style:none;position:relative;right:16px;}
nav ul li{margin:0px 20px;display:inline-block;float:left;position:relative;padding: 15px 0px;}
nav a{font-weight:500;color:#fff;font-size:15px;position:relative;}
nav a:hover{color:#fff}
nav ul li ul li:hover{background:#ddf7f8;}
nav a:hover{color:#fff;background:transparent;}
.menu li.active a{color:#A1A1A1;background:transparent;}
nav ul ul{display:none;position:absolute;top:-3px;background:#fff;width:180px;z-index:99999;left:0px;}
ul.inner-dropdown a:hover{color:#333;}
nav ul li:hover > ul{display:inherit;}
nav ul ul li{width:180px;float:none;display:list-item;position:relative;}
nav ul ul li a{color:#fff;padding:5px 10px;display:block;font-size:14px;text-transform:capitalize;letter-spacing:normal;}
nav ul ul ul li{position:relative;top:-60px;left:170px;}
li > a:only-child:after{content:'';}
nav ul ul li a{color:#000;padding:8px 15px;display:block;font-size:14px;text-transform:capitalize;letter-spacing:normal;}
.cart-icon{right:0;float:right;margin-right:2px;margin-top:0px;}
.cart-icon a{color:#fff;}
@media all and (max-width:991px){.mt-3, .my-3{margin-top:0px !important; position: absolute;}
nav ul li{margin:0px 16px;}
.icon-visble{visibility: hidden;}
.header-agile{text-align: center;}
header{position:absolute;z-index:9;width:100%;padding:5px 0;background-color: rgba(255, 255, 255, 0.7);}
.triangle{display:none}
.mobile-nav{display:block;}
.cart-icon{right:0;float:right;margin-right:-13px;margin-top:9px;}
.powered-by span{display:none;color:#000!important;font-size:10px;width:130px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;top:12px;left:-55px;font-weight:normal;}
nav ul{float:right;padding:0;margin:40px 0;list-style:none;position:relative;right:0px;}
.mobile-remove{display:none}
#logo{display:block;padding:0;width:100%;text-align:center;float:none;}
ul.inner-dropdown a:hover{color:#fff;}
nav ul li ul li:hover{background:#1e1e2d;}
nav ul ul li a{color:#fff;padding:5px 10px;display:block;font-size:14px;text-transform:capitalize;letter-spacing:normal;}
nav a{font-weight:400;color:#eee;letter-spacing:1px;font-size:14px;position:relative;padding:0px 10px;}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.drop-down-icon{float:right;}
nav{margin:0;}

nav ul{width:100%;}
.toggle + a,
.menu{display:none;}
.toggle{display:block;padding:4px 12px;font-size:30px;text-decoration:none;border:none;float:right;background-color:#17172c;color:#fff;margin-top:10px !important}
.menu .toggle{float:none;text-align:left;margin:auto;padding:2px 10px 2px;font-weight:normal;font-size:15px;letter-spacing:1px;background:none;color:#fff;TEXT-TRANSFORM:uppercase;}
.toggle:hover{color:#fff;}
[id^=drop]:checked + ul{display:block;background:#17172c;padding:15px 0;text-align:left;margin-bottom:-11px;}
nav ul li{display:block;width:100%;padding:10px 0;border-bottom:1px solid #0e0d28;}
nav ul ul .toggle,
nav ul ul a{padding:0 40px;}
nav ul ul ul a{padding:0 80px;}
nav a:hover,
nav ul ul ul a{background-color:transparent;}
nav ul li ul li .toggle,
nav ul ul a,
nav ul ul ul a{padding:14px 20px;color:#FFF;font-size:17px;}
nav ul ul{float:none;position:static;color:#ffffff;}
nav ul ul li:hover > ul,
nav ul li:hover > ul{display:none;}
nav ul ul li{display:block;width:100%;padding:14px 0px;text-align:center;color:#fff;background:#222139;}
nav ul ul ul li{position:static;}
nav a{color:#fff;}
nav a:hover{color:#fff;}
.menu li.active a{color:#fff;}
nav ul ul li a{display:inline-block;font-size:15px;}
ul.inner-dropdown{padding-bottom:0 !important;padding-top:8px !important;}
}
@media all and (max-width:330px){nav ul li{display:block;width:94%;}
}

.services{background:#1C1C1C; padding: 90px 0px 10px ; text-align: center; display: block;}
.ipad-view{display: none;}
.services h3{color: #4C90CD !important;
    margin: 0px !important;
    padding: 34px 0px 6px;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center;}
.services span{color: #FFFFFF;
  
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;}
.services p{opacity: 0.7;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
  }
  .services div{padding-bottom: 15px;}
  .services a{ color: #FFFFFF;
    font-size: 14px;
    
    letter-spacing: 0;
    line-height: 16px;
    border-bottom: 1px solid #fff;
    text-align: center; 
  }
  .services a:hover{color: #fff!important; border-bottom:none ;}
.section-2{background-color: #DEE0E3; padding: 70px 0px;}

.section-2 .col-md-6 img{padding-right: 45px;}
.section-2 h2{color: #1C1C1C !important;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 35px; padding: 60px 15px 10px;}
    .section-2 p{margin-bottom: 0px;
        color: #686868;
        padding: 5px 15px 25px;
       font-size: 18px;
        letter-spacing: 0;
        line-height: 32px; }

.learn-more-button{background-color: #4C90CD;
    font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px; 
  padding: 10px 30px;
  color: #fff;
  margin-top: 30px;
}       
.learn-more-button:hover{ color: #fff !important; background-color: #2A6FAD;}



.learn-more-button-2{background-color: #4C90CD;
    font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px; 
  padding: 10px 20px;
  color: #fff;
  margin-top: 50px;
}       
.learn-more-button-2:hover{ color: #fff !important; background-color: #2A6FAD;}
.company-section{background:url(../images/Comapny-bg.jpg) no-repeat center;background-size:cover;height:675px; }
.company-title{color: #FFFFFF !important;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center; padding-top: 190px !important; padding-bottom: 15px;}

.company-tagline{color: #FFFFFF; padding-top: 10px;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;}


    .res-title{color: #FFFFFF !important;
        font-size: 40px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 23px;
        text-align: center; padding-top: 190px !important; padding-bottom: 15px;}
    
    .res-tagline{color: #FFFFFF; padding-top: 10px;
        font-size: 28px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 23px;
        text-align: center;}



    .practice-title{color: #FFFFFF !important;
        font-size: 40px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 23px;
        text-align: center; padding-top: 190px !important; padding-bottom: 5px;}
    
    .practice-tagline{color: #FFFFFF; padding-top: 10px;
        font-size: 28px;
        letter-spacing: 0;
        line-height: 23px;
        text-align: center;}


       


       


.h3-title{ max-width: 600px; line-height: 32px; font-size: 28px; color: #000 !important; padding: 48px 30px 10px 15px; text-align: left; margin: 0px !important;}

.company-section-2{background-color: #1C1C1C;
    padding: 100px 0px; text-align: center;
} 

.res-section{background-color: #1C1C1C;
    padding: 80px 0px; text-align: center;
} 



.res-section p{color: #FFFFFF;
    margin: 0 auto;
    max-width: 850px;
    
    padding: 15px 20px 15px;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;}
.company-section-2 p{color: #FFFFFF;
    margin: 0 auto;
    max-width: 850px;
    
    padding: 17px 20px 20px;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;}

    .company-section-3{background-color: #FFFFFF;
        padding: 70px 0px; text-align: center;
    }  
    
    .company-section-3 .col-md-6 img {padding-right: 45px;}

    .company-section-3 h2{color: #000000 !important;
        font-size: 28px;
        padding: 50px 15px 0px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 35px;
        text-align: left;
      }
      .link{color: #4C90CD;}
      .link:hover{color: #71b7f7;}
    .company-section-3 p{
        color: #686868;
        margin: 0 auto;
        padding: 15px 20px 0px 15px;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 32px;
        text-align: left;
       }
      
    .img-section{margin: 78px 0px 48px;
    
    }   
    
    .col-1{ padding-top: 41px; padding-right: 35px;
        font-size: 20px;
        color: #000000;
        letter-spacing: 0;
        line-height: 35px;}
    .col-2{ padding-top: 41px;
        font-size: 18px;
        color: #686868;
        letter-spacing: 0;
        line-height: 32px;}


       


    .company-section-3-tagline{color: #4C90CD !important;
    padding-bottom: 50px;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 25px;
        text-align: left; padding-top: 24px !important;}

    .top-space{padding-top: 40px !important;}    
    .no-padding{ padding-right: 3px; margin-bottom: 20px;}
    
    

.practice-section{background:url(../images/Practice-bg.jpg) no-repeat center;background-size:cover;height:675px; }
.practice-section-bottom{background:url(../images/partice-bottom-bg.jpg) no-repeat center;background-size:cover;min-height: 220px;  padding: 110px 0px; text-align: center;}
.practice-section-bottom p{color: #FFFFFF;
   max-width: 770px;
   margin:  0 auto;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 36px;
    text-align: center;}
    .pra-col-1{ padding: 88px 20px 10px 15px !important;
       font-weight: bold;
        color: #000 !important;
        letter-spacing: 0;
        line-height: 35px;}
    .pra-col-2{ padding-top: 20px; padding-left: 15px !important;
        font-size: 18px !important;
        color: #686868 !important;
        letter-spacing: 0;
        line-height: 32px;}
        .section-space{padding: 60px 0px;}



        .practice-section-4{padding: 60px 0px 50px; }
        .practice-section-4 p{font-size: 20px; margin: 0px auto; text-align: center; max-width: 860px; padding-bottom: 42px; color: #000; line-height: 35px;}
        .practice-section-4 img{padding: 20px 30px 20px 0px; }
        .practice-section-4-rigt-com img {padding-left: 30px; padding-right: 0px;}
    .responsibility-section{background:url(../images/Res-bg.jpg) no-repeat center;background-size:cover;height:675px; }

    .button-part{
        position: absolute;
        right: 25px;
        bottom: 30px;
    }

    .button-part a{
        background-color: #4C90CD;
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 26px;
        padding: 10px 30px;
        color: #fff;
        margin-top: 30px;
        text-align: center;
    }
    



    .responsibility-section-bottom{background:url(../images/industry-standart-2x.jpg) no-repeat center;background-size:cover;min-height: 225px;   padding: 93px 0px; text-align: center;}
.responsibility-section-bottom p{color: #FFFFFF;
   max-width: 900px;
   margin:  0 auto;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 35px;
    text-align: center; padding-bottom: 20px; padding-top: 18px;}

    .responsibility-section-bottom p span{opacity: 0.7;
        color: #FFFFFF;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 32px;
        text-align: center;}





        .responsibility-section-3{background-color: #FFFFFF;
            padding: 70px 0px 70px; text-align: center;
        }    
        .responsibility-section-3 h2{color: #000000 !important;
            font-size: 28px;
            padding: 30px 50px 0px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 35px;
            text-align: left;
          }
        
        .responsibility-section-3 p{
            color: #686868;
            margin: 0 auto;
            padding: 0px 20px 30px 15px;
            font-size: 18px;
            letter-spacing: 0;
            line-height: 32px;
            text-align: left;
           }

           .responsibility-section-3 .col-md-6 img{padding-right: 45px; margin-top: 6px;}

        .jewellery{padding: 70px 0px 55px; background-color: #DEE0E3;}
        .jewellery p{
            font-size: 18px;
            color: #686868;
            letter-spacing: 0;
            line-height: 32px;
            max-width: 500px;
        }
       
            padding-top: 0px;}
        .jewellery p a{color: #686868;}
        .jewellery p a:hover{color: #337ab7;}


    .contact-section{background:url(../images/contact-bg.jpg) no-repeat center;background-size:cover;height:675px; }
.contact-page-tagline{font-size: 22px !important;
    
    font-weight: 500;
    letter-spacing: 0; color: #C2C2C2 !important;
    line-height: 25px; padding-bottom: 20px !important;}
    .contact-page-tagline-3{font-size: 22px !important;}

    .contact-page-tagline-2{font-size: 22px !important;
        font-weight: 500;
        letter-spacing: 0; color: #4C90CD !important;
        line-height: 25px; padding-bottom: 15px !important;}
    .other-heading{color: #000000 !important; padding: 50px 0px;
        font-size: 28px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 40px;
        text-align: center;}
.address{ font-size: 18px; margin: 0px;
   
color: #686868 !important;
 line-height: 32px; padding-right: 40px;
}
.address a{opacity: 100% !important;}
.address-link{color: #1C1C1C;}   
.address-link:hover{color:#565657 !important}
.address-link:focus{color:#565657 !important}
.contact-heading{color: #FFFFFF !important;
    font-size: 28px;
    text-transform: uppercase;
    padding-top:20px ;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 40px; padding-bottom: 10px;
    text-align: center;}
    .contact-links{color: #fff !important; padding-left: 15px !important;}
    .contact-links:hover{color: #C6E4FF !important;}
.col-space{padding-bottom: 45px !important; font-size: 22px !important;}
.col-space-2{padding-bottom: 30px !important;}
.contat-section{background:url(../images/contact-us@2x.png) no-repeat;
    background-size: cover;
    min-height: 305px; text-align: center;
    padding: 50px 0px;
}
.contat-section h3{color: #FFFFFF !important;
    font-size: 32px;
    margin-top: 15px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 40px; padding:    10px 0px 15px;}



    .contat-section p{opacity: 0.7;
        color: #FFFFFF;
        font-family: Roboto;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 32px;}
.btn-1{margin: 30px 0px 22px;}

.row-spacing{margin-bottom: 50px; min-height: 390px;}

.header-2{background-color: #000; position: relative;}

.img-padding{padding: 10px;}
    
footer{background-color: #4C90CD; padding: 42px 0px 32px; }
footer p{line-height: 24px; font-size: 16px;}
.footer-title {color: #fff; opacity: 0.7;
    font-size: 16px;
    letter-spacing: 0; margin-bottom: 0px ;}
.footer-content{color: #ffff; font-size: 16px; line-height: 26px;}
.footer-content-2{color:#C9DDF0;
    font-size: 11px;
    padding-top: 15px;
    letter-spacing: 0;
    line-height: 16px;}
footer a {opacity: 0.7; line-height: 25px;
    color: #FFFFFF !important;}
    footer a:hover,a:focus{ color: #FFFFFF !important; opacity: 100% !important;}
.footer-2{ background-color: #52687B; padding: 0px 7px 0px!important;}
    .footer-2 p{color:#fff !important; font-size: 14px; padding: 10px 0px 10px; line-height:38px !important; margin: 0px;}
   
   .bottom-text{font-size: 16px; opacity: 0.7;
    line-height: 24px;
    color: #FFFFFF !important; text-align: right;}
    .br{display: none;}
 
    .ipad-img{display: none;}
    .web-img{display: block;}



    .footer-logo{margin-left: 20px;}
    .footer-logo img{width: 180px;}
    .login-buttons{
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        padding: 0px;
        display: none;

    }
    .login-buttons a{
        background-color: #4C90CD;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    padding: 10px 30px;
    color: #fff;
    margin-top: 30px;
    width: 100%;
    display: block;
    text-align: center;
    text-transform: uppercase;
    }
@media(max-width:1440px){}

@media(min-width:1024px) and (max-width:1090px){.services p{font-size: 15px; }
.services span{font-size: 13px;}
.br-none{display: none;}
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .responsibility-section-3 .col-md-6 img {
        padding-right: 45px;
        margin-top: 94px;
    }
    .company-section-3 .col-md-6 img {
        padding-right: 45px;
        padding-top: 31px;
    }
    
}



/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .responsibility-section-3 .col-md-6 img {
        padding-right: 45px;
        margin-top: 90px;
    }
    
    .company-section-3 .col-md-6 img {
        padding-right: 45px;
        padding-top: 31px;
    }
}
nav ul{float:right;padding:0;margin: 25px 0;list-style:none;position:relative;right:0PX;}


@media(min-width:1000px) and (max-width:1024px){
    .h3-title {padding: 8px 30px 10px 15px;}
    .pra-col-1 {
        padding: 8px 20px 10px 15px !important;
    }
    .company-section-3 h2 {
       
        padding: 0px 15px 0px;}
        .section-2 h2 {
            
            padding: 0px 15px 10px;
        }
}


@media(min-width:768px) and (max-width:1023px){nav a{font-weight:400;color:#eee;letter-spacing:1px;font-size:13px;position:relative;}

footer .col-sm-6{min-height: 150px;}
.services p{font-size: 15px; }
.services span{font-size: 13px;

}
.responsibility-section-3 p{padding: 10px; margin-top: 30px !important;}
.h3-title {
    padding: 35px 30px 10px 10px}
    .company-section-3 p {
        
        padding: 15px 0px 0px 10px;}
        .section-2 p {
        
            padding: 5px 0px 25px;
        }
        .section-2 h2 {
    
            padding: 35px 0px 10px;
        }
        .company-section-3 h2 {
           
            padding: 30px 0px 0px;
        }
}

   
.show{display: none !important;}
@media(min-width:768px) and (max-width:800px){
    .jewellery-img {
       
        margin: 10px 0px 0px !important;
       
    }
     .login-buttons{
    display: block;
 }
    .company-title{ padding-top: 250px !important;}
    .pra-col-1 {
        padding: 60px 20px 10px 25px !important;}
        .logo-width {
            width: 116px;
            margin-top: -15px;
        }
        .pra-col-2 {
            padding-left: 25px !important;}
    
    .banner-1 {
        background-size: cover;
        height: 650px;
        background-position: -402px 95px;
    }

    .company-section {
        height: 650px;
        background-position: -300px 95px;
    }

    .practice-section {
        background: url(../images/Practice-bg.jpg) no-repeat center;
        background-size: cover;
        height: 650px;
        background-position: -300px 95px;
    }
.top-padding{padding-bottom: 70px !important;}
    .ipad-view{display: block !important; text-align: left !important;}
    .ipad-view h3{text-align: left !important;}
    .ipad-view p{text-align: left !important;}
    .services{display: none;}

    .ipad-img{display: block !important;}
    .web-img{display: none !important;}
    .mobie-no-padding{padding-left: 0px !important; padding-right: 0px !important;}
}
.lag{
    background: transparent;
    border: none;
    color: #ffffff;
}
.lag:focus-visible, .lag:focus{
    background: transparent;
    border: none;
    color: #ffffff;
    outline: -webkit-focus-ring-color auto 0px;
}
@media screen and (max-width:768px){.csslider>ul>li{min-height:486px;}
.triangle{display:none}
.company-section{height: 650px; ;}
.responsibility-section{height: 650px;}
.section-2 .col-md-6 img{padding-right: 0px;}
.company-section-3 .col-md-6 img {padding-right: 0px;}
.learn-more-button{padding: 10px 20px;}
.responsibility-section-3 .col-md-6 img {
    padding-right: 0px;
    margin-top: 6px;
}


}
.jewellery-img{

    max-width: 532px;
    text-align: left;
    margin: 10px 0px 0px;
    padding: 0 30px 0px 80px;
}
.mobile-img{display: none;}
   .web-img{display: block;}

@media screen and (max-width:736px){
    .col-2 {
        padding-top: 15px;}
    .section-2 .col-md-6 img{padding-right: 0px;}
    .company-section-3 .col-md-6 img {padding-right: 0px;}
    .practice-section-4 {padding: 48px 0px;
    }
    .responsibility-section-3 .col-md-6 img{padding-right: 0px;}
    .img-section {
        margin: 30px 0px 48px;
    }
    .col-1{  padding-right: 15px;}
    .practice-section-4 img {
        padding: unset;
    }
    .jewellery-img{text-align: center; margin-top: 15px; margin-bottom: 15px;
    
       
        padding: 0 10px;}
    .company-section-2 {
       
        padding: 48px 0px;
        
    }


 .login-buttons{
    display: block;
 }
    .res-title{color: #FFFFFF !important;
        font-size: 32px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 38px;
        text-align: center; padding-top: 60px !important; padding-bottom: 15px;}
    
    .res-tagline{color: #FFFFFF; padding-top: 10px;
        font-size: 25px;
        
        line-height: 28px;
       
    }



    .jewellery {
        padding: 48px 0px 34px;}
    .practice-section-bottom{padding: 48px 0px;}
    .responsibility-section-bottom{padding: 48px 0px;}
    .responsibility-section-bottom p{font-size: 22px;}
    .company-section-3 {padding: 48px 0px;}
    .responsibility-section-3 {padding: 48px 0px;}
    .footer-content-2 {
    
        max-width: 250px;
    }
   
    .services {padding: 48px 0px 15px;}
    .section-2 {padding: 48px 0px;
    }

    .h3-title {
        max-width: 500px;
        line-height: 32px;
        font-size: 22px;
        padding: 20px 10px 10px 10px;
    }
    .pra-col-1 {
        padding: 40px 10px 10px 10px !important;
        
    }
    .pra-col-2{padding-left: 10px !important;}
    .section-space {
        padding: 48px 0px;
    }

    .company-section-3 p{padding: 10px;}
    .responsibility-section-3 p{padding: 10px;}
    .m-top{margin-top: 28px !important;
        }
    .bottom-text{text-align: left; margin-top: -20px !important;}
    .contact-section {background: url(../images/mobile-contact-bg.png) no-repeat center;
        background-size: cover;
        height: 320px;
       
    }
    .h1, h1{font-size: 26px;}
    .img-padding{padding: 0px;}
    .show{display: block !important;}
   .footer-bottom-space{padding-bottom: 20px;}
    .learn-more-button{font-size: 16px; padding: 10px;}
    .top-space{padding-top: 10px !important;}
   .mobile-img{display: block;}
   .web-img{display: none;}
    header{position: relative;}
    .mobile-padding{padding-bottom: 30px;}
    .practice-section-bottom p{padding: 0px 15px;}
    .menu-trigger {
      
    position: absolute;
    top: -64px !important;}
    .banner-1 {
        background: url(../images/mobile-bannre.png) no-repeat center;
        background-size: cover;
        height: 320px;}
        .practice-section{ background: url(../images/mobile-our-practice-bg.png) no-repeat center;height: 320px; background-size: cover;}
        .responsibility-section {background: url(../images/mobile-our-responsibility-bg.png) no-repeat center;
            height: 320px; background-size: cover;
        }

        .button-part {
            position: absolute;
            right: 0;
            bottom: 20px;
            width: 100%;
            padding: 0px 20px;
        }
        .button-part a {
            width: 100%;
            display: inline-block;
        }
        .company-section {
            background: url(../images/mobile-our-company-bg.png) no-repeat center; height: 320px; background-size: cover;} 
    .ipad-img{display: block !important;}
    .hs-navigation{top:90px !important}
.section-2 h2{font-weight: bolder;
    color: #000000 !important;
    font-size: 20px !important;
    line-height: 30px !important; 
    padding: 30px 5px 10px !important;}
    .br-none{display: none;}
    .section-2 p{ text-align: left;
        padding: 5px 5px 20px !important;
       }
       .br{display: block;}
       .header-agile{text-align: center;}
       .logo-width{margin: 0 auto;}
       .navbar-brand{padding: 0px; float: none;}
       .logo-width {
        width: 100px !important;}
        .contat-section p {font-size: 16px; padding: 0px 10px;}
        .company-title{ padding-top: 80px !important; font-size: 32px;}
        .company-tagline{line-height: 28px; font-size: 25px;}
        .practice-title{ padding-top: 80px !important; font-size: 32px;}
        .practice-tagline{line-height: 28px; font-size: 25px;}
        .company-section-2 p{padding: 5px 10px !important; }
        .res-section p{padding: 5px 10px !important; }
        .col-space{padding-bottom: 25px !important;}
.col-space-2{padding-bottom: 20px !important;}
        .contat-section{background:url(../images/mobile-contact-us.png) no-repeat; background-size: cover;}
      .mobie-no-padding{padding-left: 0px; padding-right: 0px;}
      .company-section-3 h2{font-size: 20px; line-height: 30px;padding: 30px 10px 0px;}
      .no-padding {
        padding-left: 10px;
        padding-right: 10px;
}

}
@media screen and (max-width:991px){ .logo-width {margin: 10px auto;}
    .navbar-brand{padding: 0px; float: none;}
    header{background-color: #000;dis'align-content: normal';dis'align-content: normal';display: none!important;}  
    .header-2{background-color: #000; position: relative;}
    .nav-logo{display: block;
        background-color: #fff;
        background-position: 40% 50%;
        margin: 0 auto;
        text-align: center;
        padding: 10px;
    }
    .nav-logo img{ width: 140px;}
}

@media screen and (max-width:600px){}

@media screen and (max-width:480px){}
@media screen and (max-width:384px){}
@media screen and (max-width:320px){

    .learn-more-button{padding: 10px !important; font-size: 14px;}

}




li.dropdown {
	display: inline-block;
  }
 
  nav ul div.Admin-mode {
    display: none;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: rgb(0, 0, 0);
    min-width: 200px;
    z-index: 1;
    right: 0px;
    top: 15px;
    list-style-type: none;
    left: auto;
}
  .dropdown-content a {
	color: #fff;
    padding: 15px 15px!important;
	text-decoration: none;
	display: block;
	text-align: left;
  }
  .dropdown #login_menu{
	text-decoration: none;
  }

  .dropdown:hover .dropdown-content {
	display: block;
  }


nav ul ul.dropdown-content {
    display: none;
    position: absolute;
    background-color: #000000;
    min-width: 200px;
    z-index: 1;
    top: 0px;
    right: 0px;
    padding: 0;
    list-style-type: none;
}
nav ul ul.dropdown-content  li {
    width: 250px;
    padding: 0px 0px;
}
nav ul ul.dropdown-content   li:hover {
    background: #ddf7f800;
}
nav ul ul.dropdown-content  li a:hover {
    border-bottom: 0px solid #fff;
}
nav ul ul.dropdown-content a {
	color: #ffffff;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 16px;
  }
  nav ul ul.dropdown-content a:after{
    height: 0px!important;
}
nav ul li:hover ul {
	display: block;
}

nav ul ul ul li {
	width: 180px;
	float: none;
	display: list-item;
	position: relative;
	top: -20px;
	left: 0;
}

	 /* Admin-mode dropdown */

.admin .Admin-mode.active {
	display: block;
  }

  nav ul ul.Admin-mode {
    display: none;
    position: relative;
    background-color: #000000;
    min-width: 200px;
    width: 100%;
    z-index: 1;
    top: 0px;
    right: 0;
    padding: 0;
    list-style-type: none;
    margin: 20px 0px;
}

  .fa-angle-right:before {
	content: "\f107";
	margin-left: -25px !important;
	font-size: 22px;
}
nav ul ul.Admin-mode li {
	width: 90%;
}
#header nav ul.Admin-mode li a{
	color: #000;
}
.white-mode {
    border: 1px solid;
    border-color: #f1f1f1;
    background-color: #f6f6f6;
    color: #000000;
}

nav ul ul .white-mode a {
	color: #000!important;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 16px;
}
nav ul ul .white-mode a:hover {
	background-color: rgba(255,255,255,0.1);
	color: #ffffff;
}

.green-mode {
    border: 1px solid;
    border-color: #e2f7cb;
    background-color: #e9ffd1;
    color: #000;
}
nav ul ul .green-mode a {
	color: #000!important;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 16px;
}
nav ul ul .green-mode a:hover {
	background-color: rgba(255,255,255,0.1);
	color: #ffffff;
}

.orange-mode {
    border: 1px solid;
    border-color: #ffeac7;
    background-color: #ffe3b3;
    color: #000;
}
nav ul ul .orange-mode a {
	color: #000!important;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	font-size: 16px;
}
nav ul ul .orange-mode a:hover {
	background-color: rgba(255,255,255,0.1);
	color: #ffffff;
}

.orange-mode-input {
	margin-left: 20px;
	margin-bottom: 5px;
}

.orange-mode-input input{
		  height: 39px;
		  width: 105px;
		  font-size: 16px;
		  line-height: 12px;
		  font-weight: normal;
		  text-align: center;
		  padding: 0;
		  color: black;

}
.orange-mode-input input:focus::placeholder {
		  color: transparent !important;
		}
.orange-mode-input span{
		  font-size: 16px;
		  line-height: 12px;
		  margin-left: 10px;
		} 

		.bg-success p{
			margin: 0;
			color: #fff;
			font-weight: 400;
			font-family: 'Roboto', sans-serif;
		}
		body .bg-success {
			background-color: rgb(9, 255, 0);
			padding: 10px;
		}

		.nav-links .has-child ul li a:hover {
			background: #EFEFEF !important;
			color: #000 !important;
		}
        .triangle-4 {
            width: 10px;
            height: 10px;
            border-bottom: solid 20px #000;
            border-left: solid 20px transparent;
            border-right: solid 20px transparent;
            margin: -19px auto !important;
            position: absolute;
            z-index: 99999999;
            right: 35px;
            left: auto;
        }
	   
@media (max-width: 420px) {

		.dropdown-content {
			display: none;
			position: absolute;
			background-color: rgb(220 163 156);
			min-width: 304px;
			z-index: 1;
			right: auto;
			top: 58px;
			left: -20%;
			width: 95%;
		}
		nav ul ul.Admin-mode li {
			width: 100%;
		}
		nav ul ul.Admin-mode {
			min-width: 100%;
			width: 100%;
			z-index: 1;
		}
	}

#login_start{
    margin: 0;
}