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

/* change the background color */

.navbar-custom {
    background-color: black!important;
    padding: 1% 0% 1% 17%!important;
    }
    .container-fluid{
        margin-top:50px;
    }
    a{
        cursor: pointer!important;
    }
    .navbar-brand{
        top:6px;
    }
    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;
        }
    /* 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;
    }
    a#1{
        cursor: pointer;
    }
    .img-container-div {
        height: 300px!important;
    }
    .img-banner-article{
        object-fit: cover;
    }
    .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 !important;
    color: #000000!important ;
    }
    a:hover, a:focus {
    color: inherit!important ;
    }  
    

    /* 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;
    }
     

    /* 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.2rem;
    }
        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) {
            .navbar-brand {
                top: 18px !important;
            }
              .container-fluid{
                margin-top:100px;
            }
            .navbar-brand {
                top: 10px!important;
            }
            
            .modal-dialog, .modal-content {
                margin-top: 10%;
                height: auto!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: 370px!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: 370px!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;
          }
          .container-fluid{
            margin-top:100px;
        }
        .navbar-brand {
            top: 11px;
        }
          .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: 330px!important;
            }
    }
    
    @media all and (min-width: 1600px) and (max-width:1919px) {
        .banner-img {
            height: 288px!important;
          }
          .navbar-brand {
            top: 8px;
        }
          .img-container-div {
            height: 320px!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) { 
            .article-heading{
                height: 4.8rem!important;
            }
            .img-container-div {
                height: 194px!important;
            }
            #show-tablet{
                display: block!important;
            }
            #hide-tablet{
                display: none!important;
            }
         }
        @media all and (min-width: 768px) and (max-width: 959px) { 
            .intel-logo{
                width: 50px !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; 
                }
            
                 .article-heading{
                    height: auto !important;
                }
            
                .artical-container{
                    padding-top: 1vh!important;
                  
                }
                .article-heading {
                    height: 6.2rem!important;
                }
                .article-content{
                    margin-bottom: 0px!important;
                }
                .article-img{
                    height:130px;
                }

                .navbar-brand {
                    top: 10px!important;
                }
                .bottom-align-btn {
    /* position: relative !important; */
    margin-top: 3px!important;
}
         }
        @media all and (min-width: 480px) and (max-width: 767px){ 
            .intel-logo{
                width: 50px !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; 
                }
            
                 .article-heading{
                    height: auto !important;
                }
            
                .artical-container{
                    padding-top: 1vh!important;
                  
                }
                .article-content{
                    margin-bottom: 0px!important;
                }
                .article-img{
                    height:400px;
                }
                .navbar-brand {
                    right: 1% !important;
                    top: 5px!important;
                }
                .bottom-align-btn{
                    position: relative !important;
                   margin-top: 3px!important;
                 }
         }
        @media all and (max-width: 599px) { 
            .intel-logo{
                width: 50px !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; 
                }
            
                 .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;
                 }
                 .intel-logo{
                    width: 40px!important;
                }
                .navbar-brand {
                    top: 7px!important;
                }
         }
        @media all and (max-width: 479px) { 
            .intel-logo{
                width: 50px !important;
            }

            .navbar-custom {
                background-color: black;
                padding: 1% 0% 3% 1% !important;
                }
                .social-icons{
                    width : 22px!important;
                    height: 20px!important;
                    margin: 7px!important;
                    }
                    .intel-logo{
                        width: 40px!important;
                    }
            
                .navbar-brand{
                    right: 1% !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;
                 }
  .navbar-brand {
            right: 1% !important;
            top: 6px!important;
        }
         }