/* ###################### Navbar Custom CSS Starts Here ################### */
 

/* change the background color */
a {
    outline: none!important;
    text-decoration: none!important;
    }
    a:hover, a:visited, a:link, a:active
    {
    text-decoration: none!important;
    }
    a:hover, a:focus {
    color: #000000!important;
    outline: none!important;
    border: 0!important;
    }
    .btn:focus {
    outline: none!important;
    border: 0!important;
    }
    .img-container-div {
        height: 390px!important;
    }
    .img-banner-article{
        object-fit: cover;
    }
.navbar-custom {
    background-color: black!important;
    padding: 1% 0% 1% 17%!important;
    }
    .container-fluid{
        margin-top:50px;
    }
    /* change the brand and text color */
    .navbar-custom .navbar-brand,
    .navbar-custom .navbar-text {
    color: #ffffff!important;
    padding: 0px!important;
    }
    /* change the link color */
    .navbar-custom .navbar-nav .nav-link {
        color: #ffffff!important;
    font-size: 15px!important;
    
    font-weight: bold!important;
    padding: 7px 15px 7px 15px!important;
    }
    /* change the color of active or hovered links */
    .navbar-custom .nav-item.active .nav-link,
    .navbar-custom .nav-item:focus .nav-link .navbar-custom .nav-item:hover .nav-link {
    color:  fff!important;
    }
    .navbar-custom .nav-item.active .nav-link, .navbar-custom .nav-item:focus .nav-link .navbar-custom .nav-item:hover .nav-link {
        color: fff !important;
    }
    .modal-dialog,
    .modal-content {
        margin-top: 5%;
        /* 80% of window height */
        height: 90%;
    }
    .modal-body {
        /* 100% = dialog height, 120px = header + footer */
        max-height: calc(100% - 120px);
        overflow-y: scroll;
    }
    

    .learn-btn-ie{
        border-radius: 0px;
        padding-top: 6px!important;
    padding-bottom: 3px!important;
        padding-left: 1px;
        padding-right: 1px;
        text-align: center !important;
       
        width: 140px!important;
        color: black;
        vertical-align: middle;
        margin-bottom: 5px;
        height: 35px!important;
        cursor: pointer;
    
    }
/* ###################### Navbar Custom CSS Ends Here ################### */ 

  b{
      color: #ffffff;
  }
 
  a {
    outline: none  ;
    outline: 0 ;
    text-decoration: none ;
    color: #000000;
    }
    a:hover, a:visited, a:link, a:active
    {
    text-decoration: none ;
    color: #000000 ;
    }
    a:hover, a:focus {
    color: #000000 ;
    }  
    

    /* Footer */
    .footer {
    left: 0;
    bottom: 0;
    width: 100%;
    color: grey;
    font-size: 13px;
    }
    .social-icons{
        width : 14px;
    height: 15px;
    margin: 5px;
        }
         
    /* Dotted Line */
    hr.dotted-line {
    border-top: 1px dotted #8c8b8b;
    }
     
    hr.bottom-line {
        border-top: 1px solid #d1d1d1;
        border-bottom: 1px solid #d1d1d1;
    }
     

.artical-para-li,p{
    text-align: justify;
    text-justify: inter-word;
    font-size: 13px!important;
    /* font-family: articalFont!important; */
    text-align:justify;
}
/* article pages css */
.social-logo{
    max-width:2vh;
    max-height: 2vh
    }
     
   
     /* .btn{
        padding: 0rem 0rem!important;
     } */
     .learn-btn{
        border-radius: 0px;
        padding-top: 6px;
    padding-bottom: 2px;
        padding-left: 1px;
        padding-right: 1px;
        text-align: center !important;
       
        width: 100px;
        color: black;
        vertical-align: middle;
        margin-bottom: 5px;
        height: 30px;
        cursor: pointer;

    }
    .footer-paragraph-margin{
        margin-left: 15px;
    }
    .navbar-brand{
        top:6px;
    }

    /* artical section class */
.article-content{
    font-size: 0.9em;
    padding-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* font-family: articalFont; */
    }
    .article-img{
        height:192px;
    }
    .article-heading{
        height: 4.5rem;
    }
        label,p,.article-content{
            text-align: justify;
          
            font-size: 13px;
        }
        
         .bottom-align-btn{
            bottom: 10px;
            position: absolute;
        
        }

        @media all and (min-width: 2560px) and (max-width: 2732px) {
            
            .container-fluid{
              margin-top:100px;
          }
          .navbar-brand {
            top: 18px !important;
        }
          .modal-dialog, .modal-content {
              margin-top: 10%;
              height: auto!important;
          }
          .navbar-brand {
            top: 10px!important;
        }
            .artical-para-li,p{
              text-align: justify;
              text-justify: inter-word;
              font-size: 20px!important;
              /* font-family: articalFont!important; */
              text-align:justify;
          }
          
            .section-bg{
              padding-top: 75px!important;
              padding-bottom: 40px!important;
             }
            .banner-containt{
              font-size: 18px!important;
          }
          .article-img {
              height: 300px!important;
          }
          .text-section-containt,.article-content{
            font-size: 18px!important;
          }
          .learn-more-btn {
              border-radius: 0px;
              padding-top: 5px!important;
              padding-bottom: 2px;
              padding-left: 1px;
              padding-right: 1px;
              text-align: center !important;
              width: 109px;
              color: black;
              vertical-align: middle;
              margin-bottom: 5px;
              height: 32px!important;
              cursor: pointer;
              font-size: 18px!important;
          }
            .social-icons{
                width : 22px!important;
                height: 20px!important;
                margin: 6px!important;
                
                }
                .bottom-align-btn {
                    bottom: 10px;
                }
                .img-container-div {
                    height: 470px!important;
                }
               
      }
      @media all and (min-width: 2048px) and (max-width: 2559px) {
          .modal-dialog, .modal-content {
            
              height: auto!important;
          }
          .navbar-brand {
            top: 13px!important;
        }
            .container-fluid{
              margin-top:100px;
          }
          .img-container-div {
              height: 455px!important;
          }
            
          .article-img {
              height: 260px!important;
          }
          .section-bg {
              background: #003973;
              padding-top: 75px!important;
              padding-bottom: 49px!important;
              padding-left: 5%;
              padding-right: 5%;
          }
          .learn-more-btn {
              border-radius: 0px;
              padding-top: 5px!important;
              padding-bottom: 2px;
              padding-left: 1px;
              padding-right: 1px;
              text-align: center !important;
              width: 109px;
              color: black;
              vertical-align: middle;
              margin-bottom: 5px;
              height: 32px!important;
              cursor: pointer;
              font-size: 18px!important;
          }
          .text-section-containt,.article-content{
            font-size: 17px!important;
          }
          .artical-para-li,p{
              text-align: justify;
              text-justify: inter-word;
              font-size: 17px!important;
              /* font-family: articalFont!important; */
              text-align:justify;
          }
            .social-icons{
                width : 22px!important;
                height: 20px!important;
                margin: 6px!important;
                
                }
                .bottom-align-btn {
                    bottom: 10px;
                }
                .curve-div{
                  height: 430px!important;
                }
      }
     
   
  @media all and (min-width: 1920px) and (max-width:2047px) {
      .banner-img {
          height: 350px!important;
        }
        .navbar-brand {
            top: 11px;
        }
        .container-fluid{
          margin-top:100px;
      }
        .learn-more-btn {
          border-radius: 0px;
          padding-top: 6px!important;
          padding-bottom: 2px;
          padding-left: 1px;
          padding-right: 1px;
          text-align: center !important;
          width: 109px;
          color: black;
          vertical-align: middle;
          margin-bottom: 5px;
          height: 32px!important;
          cursor: pointer;
          font-size: 18px!important;
      }
        .banner-containt{
            font-size: 16px!important;
        }
        .text-section-containt,.article-content{
          font-size: 16px!important;
        }
        .article-img {
          height: 260px!important;
      }
      .artical-para-li,p{
          text-align: justify;
          text-justify: inter-word;
          font-size: 16px!important;
          /* font-family: articalFont!important; */
          text-align:justify;
      }
        .social-icons{
            width : 22px!important;
            height: 20px!important;
            margin: 6px!important;
            
            }
            .section-bg {
              padding-top: 63px!important;
              padding-bottom: 41px!important;
          }
            .bottom-align-btn {
                bottom: 10px;
            }
            .img-container-div {
              height: 420px!important;
          }
  }
  
  @media all and (min-width: 1600px) and (max-width:1919px) {
      .banner-img {
          height: 288px!important;
        }
        .navbar-brand {
            top: 8px;
        }
        .img-container-div {
            height: 430px!important;
        }
        .container-fluid{
          margin-top:70px;
      }
        .banner-containt{
            font-size: 15px!important;
        }
        .text-section-containt,.article-content{
          font-size: 15px!important;
        }
        .section-bg {
          background: #003973;
          padding-top: 54px!important;
          padding-bottom: 40px;
          padding-left: 5%;
          padding-right: 5%;
      }
      .artical-para-li,p{
          text-align: justify;
          text-justify: inter-word;
          font-size: 15px!important;
          /* font-family: articalFont!important; */
          text-align:justify;
      }
        .article-img {
          height: 260px!important;
      }
        .social-icons{
            width : 22px!important;
            height: 20px!important;
            margin: 6px!important;
            
            }
            .bottom-align-btn {
                bottom: 10px;
            }
           
  }
  @media all and (min-width: 1400px) and (max-width:1599px) {
      .banner-img {
          height: 288px!important;
        }
        .banner-containt{
            font-size: 15px!important;
        }
       
        .social-icons{
            width : 22px!important;
            height: 20px!important;
            margin: 6px!important;
            
            }
            .section-bg {
              padding-top: 64px!important;
              padding-bottom: 41px!important;
          }
            .bottom-align-btn {
                bottom: 10px;
            }
            .navbar-brand {
                top: 8px!important;
            }
   
  }
  
    @media all and (min-width:1368px) and (max-width:1399px){ 
      .banner-img {
          height: 260px!important;
        }
        .banner-containt{
            font-size: 13px!important;
        }
        .section-bg {
          background: #003973;
          padding-top: 63px!important;
          padding-bottom: 40px!important;
          padding-left: 5%;
          padding-right: 5%;
        }
        .social-icons{
            width : 22px!important;
            height: 20px!important;
            margin: 6px!important;
            
            }
            .article-img {
              height: 190px!important;
          }
            .bottom-align-btn {
                bottom: 10px;
            }
  }
  @media all and (min-width: 1200px) and (max-width: 1367px) { 
      .banner-img {
          height: 260px!important;
        }
        
        .social-icons{
            width : 22px!important;
            height: 20px!important;
            margin: 6px!important;
            
            }
          
            .bottom-align-btn {
                bottom: 10px;
            }
            .article-heading{
              height: 4.8rem!important;
          }
    
  }    
        @media all and (min-width: 960px) and (max-width: 1199px) { 
            #show-tablet{
                display: block!important;
            }
            #hide-tablet{
                display: none!important;
            }
         }
        @media all and (min-width: 768px) and (max-width: 959px) { 
            .intel-logo{
                width: 40px !important;
            }
            .navbar-custom {
                background-color: black;
                padding: 1% 0% 3% 1% !important;
                }
                .social-icons{
                    width : 22px!important;
                    height: 20px!important;
                    margin: 6px!important;
                    }
            
                    .navbar-brand{
                        right: 1% !important; 
                        top:14px!important;
                    }
                
            
                 .article-heading{
                    height: auto !important;
                }
            
                .artical-container{
                    padding-top: 1vh!important;
                  
                }
                .article-heading {
                    height: 8.0rem!important;
                }
                .article-content{
                    margin-bottom: 0px!important;
                }
                .article-img{
                    height:130px;
                }

                
                .bottom-align-btn {
    /* position: relative !important; */
    margin-top: 3px!important;
}
.social-logo {
    max-width: 15px!important;
    max-height:40px!important;
}
         }
        @media all and (min-width: 480px) and (max-width: 767px){ 
            .intel-logo{
                width: 40px !important;
            }
            .social-logo {
                max-width: 15px!important;
                max-height:40px!important;
            }
            .navbar-custom {
                background-color: black;
                padding: 1% 0% 3% 1% !important;
                }
                .social-icons{
                    width : 22px!important;
                    height: 20px!important;
                    margin: 6px!important;
                    }
            
                    .navbar-brand {
                        right: 1% !important;
                        top: 5px!important;
                    }
                
            
                 .article-heading{
                    height: auto !important;
                }
            
                .artical-container{
                    padding-top: 1vh!important;
                  
                }
                .article-content{
                    margin-bottom: 0px!important;
                }
                .article-img{
                    height:400px;
                }
                
                .bottom-align-btn{
                    position: relative !important;
                   margin-top: 3px!important;
                 }
                 .container-fluid{
                    margin-top:50px;
                }
                
         }
        @media all and (max-width: 599px) { 
            .intel-logo{
                width: 40px !important;
            }
            .navbar-custom {
                background-color: black;
                padding: 1% 0% 3% 1% !important;
                }
                .social-icons{
                    width : 22px!important;
                    height: 20px!important;
                    margin: 6px!important;
                    }
            
                    .navbar-brand{
                        right: 1% !important; 
                        top:6px!important;
                    }
                
            
                 .article-heading{
                    height: auto !important;
                }
            
                .artical-container{
                    padding-top: 1vh!important;
                  
                }
                .article-content{
                    margin-bottom: 0px!important;
                }
                
                .bottom-align-btn{
                    position: relative !important;
                   margin-top: 3px!important;
                 }
                 .container-fluid{
                    margin-top:50px;
                }
                
         }
        @media all and (max-width: 479px) { 
            .intel-logo{
                width: 40px !important;
            }
            .navbar-custom {
                background-color: black;
                padding: 1% 0% 3% 1% !important;
                }
                .social-icons{
                    width : 22px!important;
                    height: 20px!important;
                    margin: 6px!important;
                    }
            
                    .navbar-brand {
                        right: 1% !important;
                        top: 6px!important;
                    }
            
                 .article-heading{
                    height: auto !important;
                }
            
                .artical-container{
                    padding-top: 1vh!important;
                  
                }
                .article-content{
                    margin-bottom: 0px!important;
                }
                
                .bottom-align-btn{
                    position: relative !important;
                   margin-top: 3px!important;
                 }
                 .container-fluid{
                    margin-top:50px;
                }
                
         }