body{width: 100%; background:#fff ; padding: 0; margin: 0;  }
a{text-decoration: none !important; border: none ; outline: none; outline: none !important;  transition: all 600ms ease-in-out;}
h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0;  }
ul{ padding: 0; margin: 0; }
li{ list-style: none; border: none; outline: none;  }
*{padding: 0;margin: 0;}
.full-width-container{ width: 92%; margin: 0 auto; display: block;  }
.container{ width: 1380px !important; }


/*-------------------TAB / All Mobile Responsiv view SUJOY-------------------*/
@media(max-width: 1920px) {

}
@media(max-width: 1850px) {

    
}


@media(max-width: 1680px) {

    
}

@media(max-width: 1600px) {
    
    

    
    
    
    
}

@media(max-width: 1440px) {

    
}

@media(max-width: 1280px){
   


   
}

@media(max-width: 1080px){}

@media(max-width: 900px){

}

@media(max-width: 800px){
.justify-content-start ul li{ line-height: 24px !important;
  font-size: 13px !important; }
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
  font-size: 13px !important;
  padding: 6px 10px !important;
}
#ct{ text-align: right !important;
  padding: 0 !important;
  float: left !important;
  font-size: 12px !important; }
#header .header-social-icons {
  margin-left: 16px !important;
  margin-left: 0 !important;
}
.social-icons li a {
  height: 18px !important;
  line-height: 18px !important;
  width: 18px !important;
  font-size: 12px !important; padding: 0 !important;
}
#header .header-top {
  border-bottom: 2px solid rgba(0,0,0,.06);
  height: auto !important;
  padding: 10px 0 !important;
}
#header .header-row {
  max-height: 100%;
  padding: 0 !important;
}
 #header .header-logo img {
    z-index: 1;
    width: 500px !important;
    max-height: none !important;
  }
   #header .header-logo a{ padding: 0 !important; }
#header .header-logo {
  margin: 16px 0;
  margin: 1rem 0;
  position: relative;
  z-index: 1;
  width: 37% !important;
  height: auto;
  margin: 0 !important;
}
#header .header-body {
  width: 100%;
  z-index: 1001;
  overflow: hidden;
}
#header .header-container {
  padding: 5px 0 !important;
}
.call-to-action h2{ font-size: 20px !important; }
h2.text-center a{ font-size: 20px !important; padding: 0 !important; }
.call-to-action p {
  font-size: 14px !important;
  line-height: 22px;
}
.text-heading-content{
  line-height: 25px !important;
  font-size: 50px !important;
}
/*.tp-mask-wrap .tp-parallax-wrap{ left: 30px !important;*/
/*  top: 147px !important; }*/
.negative-ls-1{ 
  line-height: 40px !important;
  font-size: 22px !important;
  padding: 5px 30px !important; }
.call-to-action { padding: 10px 0 30px !important; }
.call-to-action h1.text-center a{ font-size: 24px !important; }
.call-to-action a{
  padding: 8px 20px !important;
  font-size: 13px !important;}
.call-to-action p {
  font-size: 13px !important;
}
.pt-5{ padding: 30px 0 !important; }
.pr-5 { padding: 0 !important; }
.pr-5 h2.text-custom{ font-size: 28px !important; }
.pr-5 p.text-justify{ font-size: 13px !important;
  line-height: 24px !important; margin: 0 !important;
    padding: 0 0 15px !important; }
h3{ font-size: 20px;
  line-height: 32px; }
p{ font-size: 13px !important;
  line-height: 24px !important; }
a{ padding: 8px 20px !important;
  font-size: 13px !important; }
section{  }
.thumb-info .thumb-info-title {
  width: 100%;
  font-size: 20px;
  padding: 10px 20px 2px;
  bottom: 35%;
}
span.thumb-info-inner{  font-size: 18px;
  line-height: 20px;}
span.thumb-info-type{ padding: 6px 20px !important;
  font-size: 16px !important;
  line-height: 26px !important; }
.pricing-table .plan .plan-price .price {
  font-size: 20px !important;
  line-height: 30px;
}
.pricing-table .plan .plan-price .price-label {
  font-size: 10px !important;
  line-height: 18px !important;
}
.pricing-table .plan .plan-price {
  padding: 15px 0 !important;
}
.pricing-table .plan .plan-header {
  padding: 15px 0 !important;
}
.py-4 h5{ font-size: 13px !important;
  line-height: 16px !important; }
.py-4 p{ font-size: 12px !important;
  line-height: 24px !important; }
.pricing-table .plan .plan-features ul li {
  font-size: 10px !important;
  line-height: 25px !important;
}
.pricing-table .plan .plan-footer {
  padding: 15px 10px 20px !important;
}
html .btn-outline.btn-primary {
  font-size: 10px !important;
  line-height: 16px !important;
  margin: 0 2px 15px !important;
  padding: 5px 22px !important;
}
html .btn-primary {
  font-size: 10px !important;
  line-height: 16px !important;
  margin: 0 2px 15px !important;
  padding: 5px 22px !important;
}
ul li{ font-size: 13px !important;
  line-height: 24px !important; }
.sw-premium-wrapper a {
  padding: 0 !important;
}
.sw-premium-wrapper h3 {
  font-size: 22px !important;
  margin-top: 35px !important;
  margin-bottom: 15px !important;
}
h4 strong a{ padding: 0 !important; }
p.pb-2 a{ padding: 0 !important; }
p.pb-2 { padding: 0 !important;
  margin: 0 0 15px 0 !important; }
li.pb-2 a{ padding: 0 !important; }
li.pb-2 { padding: 0 !important;
  margin: 0 0 15px 0 !important; }
.call-to-action h3 {
  margin: 0 0 9px !important;
  font-size: 14px !important;
}
.mb-5{ padding: 10px 0 !important; }
h3.call-to-action-heading strong{ padding: 0 15px !important; }
h3.call-to-action-heading strong a{  padding: 0 !important; }
ol.text-justify li{ font-size: 13px !important;
  line-height: 24px !important; margin: 0 0 15px 0 !important; }
.mb-lg-0 ul li a{ padding: 0 !important; }
p.m-0 a{ padding: 0 !important; } 
.my-4{ padding: 40px 0 0 !important; }
.py-4 {
  padding: 20px 0 !important;
}
.mb-4 {
  margin: 0 0 10px !important;
  padding: 0 !important;
}
nav#sub-menu ul li a{ padding: 0 !important;
    font-size: 13px !important; }
.floating-wpp-button { width: 48px !important;
  height: 48px !important; }

.toggle p a{ padding: 0 !important; }












}

@media(max-width:786px) {

}

@media(max-width:768px) { 

 
}

@media(max-width:760px) {
    /*////chek 700////*/

}


@media(max-width:699px) {
    /*////chek 600////*/
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    font-size: 13px !important;
    padding: 1px 0px !important;
  }
#header .header-column{ width: 57% ; }
#header .dt{ width: 25% ; }

 #header .header-logo img {
    z-index: 1;
    width: 100% !important;
    max-height: none !important;
    max-width: unset !important;
    height: auto !important;
  }
 #header .header-logo {
    margin: 16px 0;
    margin: 1rem 0;
    position: relative;
    z-index: 1;
    width: 47% !important;
    height: auto;
    margin: 0 !important;
  }











}

@media(max-width:580px) {
    /*////chek 490////*/

.container {
  width: 455px !important; 
}
 #header .header-column {
    width: auto;
  }
 #header .dt {
    width: 36%;
  }
  #header .header-logo {
    margin: 16px 0;
    margin: 1rem 0;
    position: relative;
    z-index: 1;
    width: 40% !important;
    height: auto;
    margin: 0 !important;
  }
.footer-ribbon span{ font-size: 16px !important; }
 #header .header-nav-main.header-nav-main-square nav > ul > li a {
    border-radius: 0 !important;
    font-size: 12px !important;
  }
#top nav{ font-size: 16px !important;
  margin: 0px 30px 0px !important; }
#top h3 span{ font-size: 14px !important;
    line-height: 22px !important; }
#footer {
  padding: 10px !important;
  text-align: center;
  font-size: 10px !important;
}
#footer a{ padding: 0 !important;
    font-size: 10px !important;
    line-height: 16px !important; }
ul.lpage{ margin: 0 !important; }
ul.level-0 li.lpage a{ padding: 0px !important;
    font-size: 13px !important; }
 ul.level-1{ margin: 0 !important; }
ul.level-1 li.lpage a{ padding: 0px !important;
    font-size: 13px !important; }
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    font-size: 12px !important;
    padding: 1px 0px !important;
  }







}

@media(max-width:480px) {
    /*////chek 440////*/
   .container {
  width: 420px !important; 
} 
  #header .dt {
    width: 39%;
  }   
  .negative-ls-1 {
    line-height: 40px !important;
    font-size: 18px !important;
    padding: 2px 30px !important;
  }  
 .text-heading-content {
    line-height: 25px !important;
    font-size: 40px !important;
  }   
    
    
    
    

}

@media(max-width:430px) {
    /*////chek 400////*/
  .container {
  width: 380px !important; }
   #header .dt {
    width: 48%;
  }
   span.thumb-info-type {
    padding: 4px 20px !important;
    font-size: 13px !important;
    line-height: 26px !important;
  }
  
  
  
  
  
  

}

@media(max-width:399px) {
    /*////chek 385////*/
  .container {
  width: 370px !important; 
}
 #header .dt {
    width: 56%;
  }
 .sw-premium-wrapper h2 {
    font-size: 24px;
  }
  h3.call-to-action-heading strong {
    padding: 0 5px !important;
  }
.call-to-action h3 {
    margin: 0 0 9px !important;
    font-size: 14px !important;
    line-height: 26px !important;
  }






}

@media(max-width:380px) {
    /*////chek 375////*/
.container {
  width: 360px !important; 
}
#header .dt {
    width: 48%;
  }
 #ct {
    text-align: right !important;
    padding: 0 !important;
    float: left !important;
    font-size: 10px !important;
  }
.call-to-action h1.text-center a {
    font-size: 22px !important;
    padding: 0 !important;
  }
 .pr-5 h2.text-custom {
    font-size: 24px !important;
  }
 .call-to-action h2 {
    font-size: 20px !important;
    line-height: 28px !important;
    margin: 0 0 15px !important;
  }





}

@media(max-width:365px) {
    /*////chek 320////*/
.container {
  width: 300px !important; 
}
 .negative-ls-1 {
    line-height: 28px !important;
    font-size: 16px !important;
    padding: 2px 15px !important;
  }
.call-to-action h1 {
  font-size: 1.2rem;
  line-height: 32px !important;
}
.call-to-action h1.text-center a {
    font-size: 22px !important;
    padding: 0 !important;
    line-height: 32px !important;
  }
 #header .dt {
    width: 40%;
  }
.sw-content-side {
  flex: 1 1 55%;
  min-width: 276px !important;
}
  .sw-premium-wrapper h3 {
    font-size: 20px !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
  }
 h3 {
    font-size: 18px;
    line-height: 28px;
  }
#footer .footer-ribbon {
  background: #999;
  position: absolute;
  margin: -44px 0 0 0;
  padding: 10px 10px 6px;
}
.footer-ribbon span {
    font-size: 14px !important;
  }
  
  
  
  
  
  
  
  
  

}