@media (min-width:320px) and (max-width: 590px)
{
    .vendor-section1 ul.bnr-list li {
       
        width: 100%;
        font-size: 16px;
    }
    .vendor-section3 h1,.vendor-section5 h1,.vendor-section5 h1,.vendor-section6 h1, .vendor-section7 h1, .vendor-section8 h1 {
        font-size: 28px;
    }
    .vendor-section6 .tab,.vendor-section6 .tabcontent  {
       
        width: 100%;
    }
    .vendor-section6 .tabcontent {
       
        padding: 35px 0px;
    }
    .vendor-section5 .tab-content-div {
        width:100%;
    }
    .tab-content-div p {
        padding: 0px 0px 0px 0px;
    }
    .vendor-section5 button {
        float: left;
        margin: 0px;
    }
    .veriato-new-section ul li {
      
        font-size: 14px;
    }
    .vendor-section4 img {
       
        height: auto;
        object-fit: contain;
    }
    .vendor-section4 h1 {
        
        padding-top: 90%;
    }
    .acr-modal .modal-content {
        
        width: 100%;
        padding: 0px 20px;
    }
    .form-div {
        padding: 45px 15px 50px;
       
    }
    .vendor-section2 ul li {
       
        width: 100%;
    }
    .vendor-section2 ul {
        margin-left: -51px;
    }
    .vendor-section6 {
        padding-top: 0px;
    }
    .bitdefender-section1
    {
        background-image: none;
        background-color: #000;
    }

    .vendor-section1 {
       
        background-position: 40%;
    }

    .vendor-modal .modal-dialog
    {
        max-width: 100%;
    }



}










@media (min-width:471px) and (max-width: 586px)
{
   


}




@media (min-width:587px) and (max-width: 767px)
{
    .vendor-section5 .tab-content-div {
        width: 100%;
    }
   
}

@media (min-width:768px) and (max-width: 769px)
{
    .vendor-section2 ul {
        margin-left: -50px;
    }
    .vendor-section4 h1 {
        
        padding-top: 85%;
    }
    .vendor-section4 img {
       
        height: auto;
       
    }
    .vendor-section5 .tab-content-div {
        width: 50%;
       
        min-height: 250px;
    }
    .vendor-section6 .tabcontent {
      
        padding: 30px 30px;
    }
    .vendor-section5 .tab-content-div {
        width: 100%;
    }
}



@media (min-width:769px) and (max-width: 991px)
{
    .vendor-section5 .tab-content-div {
        width: 50%;
    }
    .vendor-section6 .tabcontent {
       
        padding: 25px 28px;
    }
    .vendor-section4 img {
        position: relative;
    }
}
@media (min-width:992px) and (max-width: 1023px)
{
    .vendor-section4 img {
        
        width: 45%;
    }
    .vendor-section5 .tab-content-div {
        width: 50%;
    }

}


@media (min-width: 1024px) and (max-width: 1200px)
{
    .vendor-section5 .tab-content-div {
        width: 50%;
    }
    .acr-modal .modal-content {
       
        width: 65%;
    }
    .vendor-section4 img {
        
        width: 45%;
    }
    .vendor-modal .modal-dialog {
        max-width: 70%;
    }
}
@media (min-width: 1201px) and (max-width: 1400px)
{
    .vendor-common h1 {
        font-size: 30px;
        line-height: 45px;
    }
    .modusCloud-sec .div1
{
    min-height: 535px!important;
}
    .vendor-section4 img {
        
        width: 46%;
        height: 100%;
        object-fit: cover;
    }
    .vendor-section3 .div1 {
        
        padding: 15px 10px;
        min-height: 455px;
        
    }
    .vendor-modal .modal-dialog {
        max-width: 70%;
    }
    .height-common .div1 
{
  min-height: 385px;
}
    .bitdefender-section2 .div1 {
       
        min-height: 325px;
    }
    .drop-suite-section2 .div1
    {
        min-height: 600px;
    }
    .vendor-section3 h5 {
        font-size: 17px;
        
    }
    .tab-content-div p {
        padding: 0px 30px 0px 0px;
    }
    .vendor-section6 .tab {
       
        padding-bottom: 21px;
    }
    .acr-modal .modal-content {
        
        width: 60%;
        padding-top: 0px;
        margin-top: -50px;
    }
    .vendor-section6 .tabcontent {
   
        padding: 33px 16px;
        height: 100%;
    }
    .vendor-section6 .tabcontent ul li {
       
        line-height: 37px;
    }
    
}


@media (min-width: 1401px) and (max-width: 1700px)
{
    .vendor-section4 img {
        
        width: 46%;
        height: 100%;
        object-fit: cover;
    }
    .vendor-modal .modal-dialog {
        max-width: 70%;
    }
    .acr-modal .modal-content {
       
        width: 50%;
    padding-top: 0px;
    margin-top: -50px;
    }
}
@media (min-width: 1301px) and (max-width: 1400px)
{

.vendor-section6 .tabcontent {
   
    padding: 30px 40px;
}
.vendor-section6 .tabcontent ul li {
   
    line-height: 37px;
}
}
@media (min-width: 1401px) and (max-width: 1500px)
{

.vendor-section6 .tabcontent {
   
    padding: 30px 40px;
}
.vendor-section6 .tabcontent ul li {
   
    line-height: 33px;
}
.vendor-section3 .div1 {
   
    padding: 15px 10px;
    
}
.vendor-section6 .tabcontent {
    
    height: 100%;
  }
  .drop-suite-section2 .div1
  {
      min-height: 580px;
  }

}
@media (min-width: 1501px) and (max-width: 1700px)
{
   
    .bitdefender-section4 .tab-content-div {
        width: 33.33%;
        float: left;
        min-height: 221px;
    }
    .vendor-modal .modal-dialog {
        max-width: 60%;
    }
.vendor-section6 .tabcontent ul li {
   
    line-height: 31px;
}
.vendor-section3 .div1 {
  
    min-height: 430px;
}
.height-common .div1 
{
  min-height: 340px;
}
.drop-suite-section2 .div1
{
    min-height: 580px;
}
.bitdefender-section2 .div1
{min-height: 500px;

}
.modusCloud-sec .div1
{
    min-height: 535px;
}
.vendor-section6 .tab button {
    
    padding: 17px 20px;
}
.vendor-section6 .tabcontent {
    
    height: 100%;
  }
  .bitdefender-section5 .tab button {
    padding: 22px 20px;
}
}
@media (min-width: 1701px) 
{
    .vendor-section6 .tabcontent {
    
        height: 100%;
      }
      .vendor-section6 .tab button {
       
        padding: 14px 20px;
      }
      .bitdefender-section5 .tab button {
        padding: 22px 20px;
    }
    .vendor-section4 img {
       
        width: 45%;
    }
    .bitdefender-section4 .tab-content-div {
        width: 33.33%;
        float: left;
        min-height: 221px;
    }

}
@media (min-width: 320px) and (max-width: 769px)
{



    .acr-modal .modal-content {
        
        width: 100%;
        padding-top: 0px;
        margin-top: -50px;
    }
}