/* The mobile-first pre-defined media queries: */
/* xs */
@media (min-width: 475px) {}

/* sm */
@media (min-width: 640px) {}

/* md */
@media (min-width: 768px) {}

/* lg */
@media (min-width: 1024px) {}

/* xl */
@media (min-width: 1280px) {}

/* 2xl */
@media (min-width: 1536px) {}

/* The desktop-first pre-defined media queries: */
/* 2xl */
@media (max-width: 1536px) {}

/* xl */
@media (max-width: 1280px) {}

/* lg */
@media (max-width: 1024px) {}

/* md */
@media (max-width: 768px) {}

/* sm */
@media (max-width: 640px) {}

/* xs */
@media (max-width: 475px) {}

/* Mobile container utility class: */
.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* xs */
@media (min-width: 475px) {
  .container {
    max-width: 475px;
  }
}

/* sm */
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

/* md */
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

/* lg */
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

/* xl */
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

/* 2xl */
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

/* Desktop container utility class: */
.container {
  max-width: 1536px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* 2xl */
@media (max-width: 1536px) {
  .container {
    max-width: 1280px;
  }
}

/* xl */
@media (max-width: 1280px) {
  .container {
    max-width: 1024px;
  }
}

/* lg */
@media (max-width: 1024px) {
  .container {
    max-width: 768px;
  }
}

/* md */
@media (max-width: 768px) {
  .container {
    max-width: 640px;
  }
}

/* sm */
@media (max-width: 640px) {
  .container {
    max-width: 475px;
  }
}

/* xs */
@media (max-width: 475px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 200px) and (max-width: 419px){
    html{
        font-size: 100%;
    }

    body{
	min-height: 100vh;
	width: 100vw;
	overflow-x: hidden;
	
}
#slide1{
	padding: 0;
    margin-top: 12vh;
	
}
	.welcome p{
		text-align: center;
		margin-bottom: 10px;
	}
	.header_icon ul{
		float: left;
		margin-left: 27%;

	}

/* 	Nav bar responsive css code Start */
	.navbar{
	padding: 0px;
	background-color: #2c3e50;
}
	.navbar-nav .nav-item .nav-link.active,
	.navbar-nav .nav-item .nav-link{
		text-align: center;
		background-color: #FFE400;
		border-bottom: 1px solid #fff;
		color: #2c3e50;
       
	}

	.navbar-nav .nav-item,
	.navbar-nav .nav-item .nav-link:hover{
		background-color: #2c3e50;
		color: #FFE400;
	}
	button{
		margin: 0 auto;
	}
	.navbar-brand{
		width: 50vw;
		text-align: center;
		margin-bottom: 0px;
        margin-left: 5% !important;
	}
    

/* 	Nav bar responsive css code End */

/* 	about info responsive css code start */

.common_heading2 h4 {
    position: absolute;
    top: 55%;
    left: 37%;    
}
.about_info h4{
	font-size: 4vw;
}

.col-sm-6 {
    flex: 0 0 auto;
    width: 25%;
}
.count_dwn h1 {    
    font-size: 9.5vw;
    
}
.count_dwn p {    
    font-size: 3.5vw;
    
}
.about_info_l_h h4 {
    
    font-size: 4vw;
    
}
/* 	about info responsive css code End */

/* 	responsive part css code Start */
.common_heading3 {
    padding-top: 40px;    
}
.resp{
	margin-left: 50%;
	width: 100%;
}

.run img{
   width: 100vw; 
}
.common_heading3 h4 {
    position: absolute;
    top: 83%;
    left: 41%;    
}
.c_h_para ul li {   
    font-size: 3.5vw;
    
}
/* 	responsive part css code End */

/*  Banner Part responsive css code Start */
    .banner_content{
        text-align: center;

    }
    .banner_content h1,h4{
        font-size: 2.5rem ;
        
    }
    .banner_content p {    
    font-size: 4vw;    
    margin-bottom: 50px;
}
/*  Banner Part responsive css code End */

/* 	Feature Part responsive css code Start */
.icon_overlay{
	margin-top: 6vw;
}
/* 	Feature Part responsive css code End */

/*  Work Part responsive css code Start */
.p_btn a {    
    font-size: 3vw;
    
}
/*  Work Part responsive css code End */

/* 	Service Part responsive css code Start */
.service {
  padding: 25px 0;
}
.common_heading6{
	text-align: center;
			
}
.common_heading6 h4{
	position: absolute;
	top: 60%;
	left: 37%;
}
.service_main{
	margin-top: 50px;
}
.card h3{
    font-size: 4.5vw;
  }
.ser_first{
	margin-top: 20px;
}

.ser_resp{
	margin-top: 20px;
}

.ser_bg{
background: none;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/* 	Service Part responsive css code End */

/* 	Pricing Part responsive css code Start */
.common_heading7 h4 {
    position: absolute;
    top: 60%;
    left: 42%;   
}
.pbg_res{
	margin: 20px 0;
}
/* 	Pricing Part responsive css code End */

/* 	Expart Part responsive css code Start */
.common_heading8 h4 {
    position: absolute;
    top: 60%;
    left: 43%;    
}

/* 	Expart Part responsive css code End */

/* 	Review Part responsive css code Start */
.review-container {   
    margin: 6vw auto;   
}
/* 	Review Part responsive css code End */

/* 	Impressed Part responsive css code Start */
.banner_content2 h1 {
    font-size: 28px;
}

.banner_content2 p {
    font-size: 16px;
}

.m_btn2, .j_btn2 {
    width: 100%;
    margin-bottom: 10px;
}
.m_btn2, .j_btn2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 3vw;
    text-transform: uppercase;
    color: #2c3e50;
    padding: 1.8vw 1.8vw;
    margin-left: 20px;
    transition: all linear .3s;
    background-color: #ffe400;
}

/* 	Impressed Part responsive css code End */

/* 	News Part responsive css code Start */
.common_heading9 h4 {
    position: absolute;
    top: 60%;
    left: 42%;    
}
.news_date a {
    margin-left: 36%;
}
.news_date_vid a{
	margin-left: 35%;
}
.news_title a {    
    margin-left: 40%;
    
}
label{
    
    margin-left: 40%;    
}
.news_single{
	margin-bottom: 20px;
}
/* 	News Part responsive css code End */

/* 	Feature Part responsive css code Start */
.common_heading4 h4 {
    position: absolute;
    top: 60%;
    left: 34%;    
}
.icon8 a, .icon2 a,.icon3 a, .icon4 a, .icon7 a, .icon a{
    width: 8vw;
    height: 8vw;    
    font-size: 4vw;    
    margin-left: 50%;
}

/* 	Feature Part responsive css code End */

/* 	Work Part responsive css code Start */
.container2 {
        display: grid;
        grid-template-columns: repeat(4, minmax(50px, 1fr));
        grid-gap: 0px;
        grid-auto-flow: dense;
        
        
      }
      .container2 img {
        width: 100%;
        height: 100%;
       
             }
       .horizontal {
        grid-column: span 1.5;
      }
     .vertical {
        grid-row: span 8;
      }
      .big {
        grid-column: span 4;
        grid-row: span 2;
      } 
/* 	Work Part responsive css code End */

/* 	Gallery Part responsive css code Start */
	.gallery_big{
		margin-bottom: 20px;
	}
/* 	Gallery Part responsive css code End */

/* 	Testimonial Part responsive css code Start */
	.piramid {
   
	    top: -8%;
	    left: 44%;
    
}
.round_img{
	margin-top: 20px;
}
/* 	Testimonial Part responsive css code End */

/* 	Contact Part responsive css code End */
.common_heading10 h1 {    
    font-size: 8vw;
    
}
.common_heading10 h4 {
	font-size: 4.7vw;   
    top: 60%;
    left: 28%;
   }
/* 	Contact Part responsive css code End */

/* 	FAQ Part responsive css code End */
.common_heading11 h1 {    
    font-size: 10vw;
    
}
.common_heading11 h4 {
    position: absolute;
    top: 60%;
    left: 24%;
    font-size: 4.7vw;
}
/* 	FAQ Part responsive css code End */

/* 	Footer Part responsive css code Start */
.footer {    
    width: 100vw;
    margin-left: 0% !important;
    
}
.footer-section.links ul {      
      grid-template-columns: repeat(2, 1fr); /* Creates two columns */
     
    }
	
/* 	Footer Part responsive css code End */
/*top to css code start */ 
#myBtn {
    border: .19rem solid #FFE40080;
  background-color: #2c3e5080;
  color: #FFE400;
  cursor: pointer;
  padding: .63rem .94rem;
  
}

#myBtn:hover {
  background-color: #FFE40080;
  color: #2c3e50;
  border: .19rem solid #2c3e5080;
  transition: all 0.3s ease-in-out;
}

/*top to css code end*/
/*Slick slide resp css code Start*/
.left_slick_icon {
    top: 30%;
    left: 3%;   
    z-index: 1;
}
.right_slick_icon {
    top: 30%;
    right: 3%;   
    z-index: 1;
}
/*Slick slide resp css code end*/

}
@media (min-width: 420px) and (max-width: 575px){
    body{
	min-height: 100vh;
	width: 100vw;
	overflow-x: hidden;
	
}
html{
    font-size: 100%;
}
#slide1{
	padding: 0;
    margin-top: 12vh;
	
}
	.welcome p{
		text-align: center;
		margin-bottom: 10px;
	}
	.header_icon ul{
		float: left;
		margin-left: 27%;

	}

/* 	Nav bar responsive css code Start */
	.navbar-nav{
		margin-top: 20px;
	}
	.navbar-nav .nav-item .nav-link.active,
	.navbar-nav .nav-item .nav-link{
		text-align: center;
		background-color: #FFE400 ;
		border-bottom: 1px solid #fff;
		color: #2c3e50;
        
	}

	.navbar-nav .nav-item,
	.navbar-nav .nav-item .nav-link:hover{
		background-color: #2c3e50 ;
		color: #FFE400;
	}
	button{
		margin: 0 auto;
	}
	.navbar-brand{
		width: 50vw;
		text-align: center;
		margin-bottom: 0px;
        margin-left: 5% !important;
        
	}


/* 	Nav bar responsive css code End */
/* 	about info responsive css code start */

.common_heading2 h4 {
    position: absolute;
    top: 55%;
    left: 37%;    
}
.about_para p{   
    font-size: 4vw;
    margin-top: -2vw;   
}
.about_info h4{
	font-size: 4vw;
}
.col-sm-6 {
    flex: 0 0 auto;
    width: 25%;
}
.count_dwn h1 {    
    font-size: 9.5vw;
    
}
.count_dwn p {    
    font-size: 3.5vw;
    
}
.about_info_l_h h4 {
    
    font-size: 4vw;
    
}
/* 	about info responsive css code End */

/* 	responsive part css code Start */
.common_heading3 {
    padding-top: 40px;    
}
.resp{
	margin-left: 50%;
	width: 100%;
}

.run img{
   width: 100vw; 
}
.common_heading3 h4 {
    position: absolute;
    top: 83%;
    left: 40%;    
}
.c_h_para ul li {   
    font-size: 3.5vw;
    
}
/* 	responsive part css code End */
/* 	Banner Part responsive css code Start */
	.banner_content{
		text-align: center;

	}
	.banner_content h1,h4{
		font-size: 2.5rem ;
		
	}
    .banner_content p {    
    font-size: 4vw;    
    margin-bottom: 50px;
}
/* 	Banner Part responsive css code End */

/* 	Feature Part responsive css code Start */
.icon_overlay{
	margin-top: 6vw;
}
/* 	Feature Part responsive css code End */
/*  Work Part responsive css code Start */
.p_btn a {    
    font-size: 3vw;
    
}
/*  Work Part responsive css code End */


/* 	Service Part responsive css code Start */
.service {
  padding: 25px 0;
}
.common_heading6{
	text-align: center;
			
}
.common_heading6 h4{
	position: absolute;
	top: 60%;
	left: 35%;
}
	.service_main{
		margin-top: 50px;
	}
.card h3{
    font-size: 2.5vw;
  }

	.ser_first{
		margin-top: 20px;
	}

	.ser_resp{
		margin-top: 20px;
	}

	.ser_bg{
	background: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	}
/* 	Service Part responsive css code End */

/* 	Pricing Part responsive css code Start */
.common_heading7 h4 {
    position: absolute;
    top: 60%;
    left: 41%;   
}
.pbg_res{
	margin: 20px 0;
}
/* 	Pricing Part responsive css code End */

/* 	Expart Part responsive css code Start */
.common_heading8 h4 {
    position: absolute;
    top: 60%;
    left: 42%;    
}

/* 	Expart Part responsive css code End */

/* 	Review Part responsive css code Start */
.review-container {   
    margin: 6vw auto;   
}
/* 	Review Part responsive css code End */

/* 	Impressed Part responsive css code Start */
.banner_content2 h1 {
    font-size: 28px;
}

.banner_content2 p {
    font-size: 16px;
}

.m_btn2, .j_btn2 {
    width: 100%;
    margin-bottom: 10px;
}
.m_btn2, .j_btn2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 3vw;
    text-transform: uppercase;
    color: black;
    padding: 1.8vw 1.8vw;
    margin-left: 20px;
    transition: all linear .3s;
    background-color: #ffe400;
}

/* 	Impressed Part responsive css code End */

/* 	News Part responsive css code Start */
.common_heading9 h4 {
    position: absolute;
    top: 60%;
    left: 40%;    
}
.news_date a {
    margin-left: 36%;
}
.news_date_vid a{
	margin-left: 36%;
}
.news_title a {    
    margin-left: 40%;
    
}
label{
    
    margin-left: 40%;    
}
.news_single{
	margin-bottom: 20px;
}
/* 	News Part responsive css code End */

/* 	Feature Part responsive css code Start */
.common_heading4 h4 {
    position: absolute;
    top: 60%;
    left: 33%;    
}
.icon8 a, .icon2 a,.icon3 a, .icon4 a, .icon7 a, .icon a{
    width: 8vw;
    height: 8vw;    
    font-size: 4vw;    
    margin-left: 50%;
}

/* 	Feature Part responsive css code End */

/* 	Work Part responsive css code Start */
.container2 {
        display: grid;
        grid-template-columns: repeat(4, minmax(100px, 1fr));
        grid-gap: 0px;
        grid-auto-flow: dense;     
        
      }
      .container2 img {
        width: 100%;
        height: 100%;
       
             }
       .horizontal {
        grid-column: span 1.5;
      }
     .vertical {
        grid-row: span 8;
      }
      .big {
        grid-column: span 4;
        grid-row: span 2;
      } 
/* 	Work Part responsive css code End */

/* 	Gallery Part responsive css code Start */
	.gallery_big{
		margin-bottom: 20px;
	}
/* 	Gallery Part responsive css code End */

/* 	Testimonial Part responsive css code Start */
	.piramid {
   
	    top: -8%;
	    left: 44%;
    
}
.round_img{
	margin-top: 20px;
}
/* 	Testimonial Part responsive css code End */

/* 	Contact Part responsive css code End */
.common_heading10 h1 {    
    font-size: 8vw;
    
}
.common_heading10 h4 {
	font-size: 4.7vw;   
    top: 60%;
    left: 25%;
   }
/* 	Contact Part responsive css code End */

/* 	FAQ Part responsive css code End */
.common_heading11 h1 {    
    font-size: 10vw;
    
}
.common_heading11 h4 {
    position: absolute;
    top: 60%;
    left: 21%;
    font-size: 4.7vw;
}
/* 	FAQ Part responsive css code End */

/* 	Footer Part responsive css code Start */
.footer {    
    width: 100vw;
    margin-left: 0% !important;
    
}
.footer-section.links ul {      
      grid-template-columns: repeat(2, 1fr); /* Creates two columns */
      
    }
/* 	Footer Part responsive css code End */
/*top to css code start */ 
#myBtn {
    border: .19rem solid #FFE40080;
  background-color: #2c3e5080;
  color: #FFE400;
  cursor: pointer;
  padding: .63rem .94rem;
  
}

#myBtn:hover {
  background-color: #FFE40080;
  color: #2c3e50;
  border: .19rem solid #2c3e5080;
  transition: all 0.3s ease-in-out;
}

/*top to css code end*/
/*Slick slide resp css code Start*/
.left_slick_icon {
    top: 30%;
    left: 3%;   
    z-index: 1;
}
.right_slick_icon {
    top: 30%;
    right: 3%;   
    z-index: 1;
}
/*Slick slide resp css code end*/

}
/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px){
    #slide1{
	padding: 0;
    margin-top: 12vh;
	
}
	/* 	Nav bar responsive css code Start */
	.navbar-nav{
		margin-top: 20px;
	}
	.navbar-nav .nav-item .nav-link.active,
	.navbar-nav .nav-item .nav-link{
		text-align: center;
		background-color: #FFE400 ;
		border-bottom: 1px solid #fff;
		color: #2c3e50;
	}
	.navbar-nav .nav-item .nav-link.active,
	.navbar-nav .nav-item .nav-link{
		text-align: center;
		background-color: #FFE400  ;
		border-bottom: 1px solid white;
		color: #2c3e50;
	}
	.navbar-nav .nav-item,
	.navbar-nav .nav-item .nav-link:hover{
		background-color: #2c3e50 ;
		color: #FFE400;
	}
	button{
		margin: 0 auto;
	}
	.navbar-brand{
		width: 50vw;
		text-align: center;
		margin-bottom: 0px;
	
	}

/* 	Nav bar responsive css code End */ 

/* 	about info responsive css code start */

.common_heading2 h4 {
    position: absolute;
    top: 55%;
    left: 37%;    
}
.about_info h4{
	font-size: 3vw;
}
.count_dwn h1 {    
    font-size: 5.5vw;
    
}
.count_dwn p {    
    font-size: 3vw;
    
}
.about_info_l_h h4 {
    
    font-size: 3vw;
    
}
/* 	about info responsive css code End */

/* 	response Part responsive css code start */

.resp{
	padding: 0px 0;
	width: 100%;
}
.bulb img{
	display: none;
}
.run img{
   width: 100vw; 
}
.common_heading3 h4 {
    position: absolute;
    top: 60%;
    left: 41%;    
}

.c_h_para ul li {   
    font-size: 3.5vw;
    
}

/* 	Response Part responsive css code End */

/* 	Banner Part responsive css code Start */
.banner_content p {    
    font-size: 2.2vw;    
    margin-bottom: 50px;
}
/* 	Banner Part responsive css code End */

/* 	Feature Part responsive css code Start */
.common_heading4 h4 {
    position: absolute;
    top: 60%;
    left: 33%;    
}
.icon8 a, .icon2 a,.icon3 a, .icon4 a, .icon7 a, .icon a{
    width: 8vw;
    height: 8vw;    
    font-size: 4vw;    
    margin-left: 50%;
}

/* 	Feature Part responsive css code End */

/* 	Service Part responsive css code Start */
.service {
  padding: 25px 0;
}
.common_heading6{
	text-align: center;
			
}
.common_heading6 h4{
	position: absolute;
	top: 60%;
	left: 35%;
}

.service_main{
	margin-top: 50px;
}
.ser_first{
	margin-top: 10px;
}

/* 	Service Part responsive css code End */

/* 	Pricing Part responsive css code Start */
.common_heading7 h4 {
    position: absolute;
    top: 60%;
    left: 40%;   
}
.pbg_res{
	margin: 20px 0;
}

/* 	Pricing Part responsive css code End */

/* 	Expart Part responsive css code Start */
.common_heading8 h4 {
    position: absolute;
    top: 60%;
    left: 42%;    
}

/* 	Expart Part responsive css code End */

/* 	Impressed Part responsive css code Start */
.banner_content2 h1 {
    font-size: 28px;
}

.banner_content2 p {
    font-size: 16px;
}

.m_btn2, .j_btn2 {
    width: 100%;
    margin-bottom: 10px;
}
.m_btn2, .j_btn2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 3vw;
    text-transform: uppercase;
    color: black;
    padding: 1.8vw 1.8vw;
    margin-left: 20px;
    transition: all linear .3s;
    background-color: #ffe400;
}

/* 	Impressed Part responsive css code End */

/* 	News Part responsive css code Start */
.common_heading9 h1 {
                font-size: 28px;
            }
.common_heading9 h4 {
    position: absolute;
    top: 60%;
    left: 40%;  
    font-size: 16px;  
}
.news_date a {
    margin-left: 33%;
}
.news_date_vid a{
	margin-left: 35%;
}
.news_title a {    
    margin-left: 40%;
    
}
.news_single{
	margin-bottom: 20px;
}
.news_title h2 {
    font-size: 18px;
}

.news_title h4 {
    font-size: 12px;
}

.news_date {
    font-size: 12px;
    padding: 3px 10px;
}
/* 	News Part responsive css code End */

/* 	Gallery Part responsive css code Start */
	.gallery_big{
		margin-bottom: 20px;
	}
/* 	Gallery Part responsive css code End */

.piramid {
   
	    top: -8%;
	    left: 42%;
    
}

/* 	Footer Part responsive css code Start */
.footer {    
    width: 100vw;
    margin-left: 0% !important;
    
}
.footer-section.links ul {      
    grid-template-columns: repeat(2, 1fr); /* Creates two columns */
      
    }
/* 	Footer Part responsive css code End */
/*Slick slide resp css code Start*/
.left_slick_icon {
    top: 30%;
    left: 3%;   
    z-index: 1;
}
.right_slick_icon {
    top: 30%;
    right: 3%;   
    z-index: 1;
}
/*Slick slide resp css code end*/

 }

/* // Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 991px){
	
	/* 	Nav bar Part responsive css code Start */
	.navbar-nav .nav-item .nav-link.active,
	.navbar-nav .nav-item .nav-link{
		text-align: center;
		background-color: #FFE400;
		border-bottom: 1px solid white;
		color: #2c3e50;
	}
	.navbar-nav .nav-item,
	.navbar-nav .nav-item .nav-link:hover{
		background-color: #2c3e50 ;
		color: #FFE400;
	}
	.navbar-brand{
        width: 50vw;
        text-align: center;
        margin-bottom: 0px;
        margin-left: 5% !important;
    }
	/* 	Nav bar Part responsive css code End */

	/* 	Service Part responsive css code Start */
	.service {
	  padding: 25px 0;
	}
	.service_main{
		margin-top: 50px;
	}
	.ser_first{
		margin-top: 10px;
	}

/* 	Service Part responsive css code End */
.footer {    
    width: 100vw;
    margin-left: 0% !important;
    
}
.footer-section.links ul {      
      grid-template-columns: repeat(2, 1fr); /* Creates two columns */
      
    }

}

/* // Large devices (desktops, 992px and up) */

@media screen and (min-width: 992px) and (max-width: 1199px){
    /*  Nav bar responsive css code Start */

    .navbar-brand{
        width: 12vw;
        text-align: center;
        margin-bottom: 0px;
        margin-left: 0% !important;
    }
    .nav-link i{
    padding-right: 0;
    margin-right: .2rem;
}
.nav-link{
    font-size: .65rem;
}
.nav-item{
    margin: 0 .5rem;
}
/*  Nav bar responsive css code End */

	/* 	Service Part responsive css code Start */
.service {
  padding: 25px 0;
}
	.service_main{
		margin-top: 50px;
	}

	.ser_first{
		margin-top: 20px;
	}

	.ser_resp{
		margin-top: 20px;
	}

	.ser_bg{
	background: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	}
/* 	Service Part responsive css code End */

/* 	News Part responsive css code Start */
.news_date a {    
    margin-left: 25%;    
    padding: .8vw 1.7vw;   
    font-size: .5rem;    
}
/* 	News Part responsive css code End */
	
	.footer_icon{
		margin-left: 115px;
	}

	.f_menu{
		margin-left: 120px;
	}

 }

/* // X-Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) and (max-width: 1399px){ 
    /*  Nav bar responsive css code Start */

    .navbar-brand{
        width: 20vw;
        text-align: center;
        margin-bottom: 0px;
        margin-left: 0% !important;
    }
    .nav-link i{
    padding-right: 0;
    margin-right: .3rem;
}
.nav-link{
    font-size: .85rem;
}
.nav-item{
    margin: 0 .5rem;
}
/*  Nav bar responsive css code End */ 

    
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media screen and (min-width: 1400px) { ... }