/* samsung note 20 */
@media only screen and (-webkit-min-device-pixel-ratio: 2.625) {
    
}


/* Media Query for Mobile Devices */
@media (max-width: 480px) {


.thanku_bg p{font-size:15px;}
.thanku_bg img{width:180px;}
.tick_double ul{columns: 1; -webkit-columns: 1; -moz-columns: 1;}
.banner-main{margin-top:60px;}
.banner-main .carousel-caption {
    position: inherit;
    width: 100%!important;
    background-image: linear-gradient(var(--blue), var(--dblue));
    padding: 10px;
    bottom: 0;
    right: 0!important;
    left: 0!important;
	text-align:center;
}
.carousel-indicators [data-bs-target]{display:none;}
.banner-main .carousel-caption h1 {font-size:1.5rem;margin-top: 0;}
.banner-main .carousel-caption h3 {font-size:.8rem!important;}
.banner-main .carousel-item img {height:200px;object-fit:cover;object-position: 50% 0;}
#backto-top{display: none;}

.sectiongap{padding: 20px 0;}
.shape_1,.shape_2,.shape_3,.shape_4,.choose-image,.shape_anim,.shape_anim2,.shape_anim3{display: none;}
.logo-main img{width: 120px;}
.custom-logo-link::after{border-top: 70px solid #fff;left: -40px;widith:225px;}
/* .scroll_navbar .stellarnav > ul > li > a{color: #fff;} */
.about_us h2{font-size: 30px;margin-top: 10px;}
.section_title h2{font-size: 26px;}
.expertise_div .expertise_col .number{left: -5px;}
.expertise_div .expertise_col img{margin-bottom: 1pc;}
.services_offered .service_col{margin: 1pc 0 2pc 0;}
.services_offered .service_col h4{font-size: 22px;}
.products_div .nav-link{font-size: 18px;padding: 5px 10px;margin-bottom: 15px;}
/* .scroll_navbar .stellarnav.dark li li a{color: #fff!important;} */
/* .stellarnav.dark li li a{color: #fff!important;} */
.stellarnav.mobile.dark ul ul{border-radius: 0;}
.scroll_navbar .stellarnav.mobile.dark ul ul{border-radius: 0;border: 0;padding-left: 10px;}
.about_us .about_img { display: flex;align-items: center;}
.about_us .about_img:first-child { width: 50%;}
.about_us .about_img:last-child { width:130px;}
.about_img img { width: 60%;}
.about_secondary_img img { width: 90%;}
.social_icon {
    position: fixed;
    top: unset;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: unset;
    z-index: 99;
    bottom: 0;
    width: 100%;
    background: #1e2332;
    display: flex;
    left: 0;  
}
.social_icon .social-button{
    width:100%;	height:45px;line-height:15px;text-align:center;font-size: 15px;
	margin:0 auto;border-radius: 0;padding-left: 85px;
}
.social_icon .social-button i{font-size:17px;}
.social_icon a {
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    transition: all 0.3s ease;
    color:#fff;
    width: 100%;
	height:auto;
	line-height:auto;
	border-radius:0;
	margin:0;    
}
.copyright{padding-bottom: 45px;}
footer h4{font-size: 20px;}
.owl-nav{margin-top: 5px;}

.vismis_col{padding:15px 10px;}
.aboutus .about_img .about_secondary_img{width: 50%;bottom: -2pc;}
.inner-banner img{height: 140px!important;}
.custom-logo-link::before{height: 110%;}
.innerbanner-text h1, .innerbanner-text h2{font-size: 26px;}
.aboutus .about_img{margin-bottom: 2pc;}
.vismis_col i{height: 50px;width: 50px;line-height: 50px;}
.title2{height: auto;}
.contact_form{margin-bottom: 1pc;}
iframe{height: 215px!important;margin-top: 1pc;}
.contact_bg .contact_div{padding: 5px 10px;margin-bottom: 1pc;}
.contact_bg .contact_div .cont_icon i{height: 2.5pc;width: 2.5pc;line-height: 2.5pc;font-size: 14px;}
.contact_form h2{font-size: 18px;}
.contact_form h2::before{border-top: 32px solid transparent;}
.career_bg .carposhead{padding: 4px 8px;font-size: 12px;}
.career_bg a{margin-top: 15px;}
.career_bg .scale .jobtitle{font-size: 18px;margin-bottom: 10px;}
.sticky_div{position: static;}
.contact_bg .contact_div h6{margin-bottom: 0;font-size: 20px;}
.client_div .client_col{padding: 45px 20px 15px 20px;border-left: 1px solid #ccc!important;}
.client_div .client_col:hover{border-left: 1px solid #ccc!important;}
.client_div .client_col .user_icon{left: 0;top: 0;}
.inner-banner{padding: 60px 0 80px 0;}
.alternate_column .row {
    margin: 5px 0;
}
.stellarnav>ul>li>a:hover::after,footer a:hover::after
{
    width: 0!important;
    transition: none!important;
}
.whitebox{padding: 10px;background-size: cover;background-position: right;}

}
  
/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 768px) {

    .services_offered .service_col{margin: 1.5pc 0;}
    .banner-main .carousel-caption{width: 45%;}
    .banner-main .carousel-caption h1{margin-top: 5pc;}
    .logo-main img{width: 65px;}
    .custom-logo-link::after{border-top: 75px solid #fff;}
    .scroll_navbar .stellarnav > ul > li > a{color: #fff;}
    .scroll_navbar .stellarnav.dark li li a{color: #fff;}
    .aboutus .about_img .about_secondary_img{bottom: -5pc;left: 3pc;}

}
  

  
  
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 769px) and (max-width: 1024px) and (orientation:portrait){
p {font-size: .7rem;}
h1, h2 {font-size:1.8rem!important;margin-bottom: 5px;}

.services_offered .service_col{margin: 1.5pc 0;}
.banner-main .carousel-caption{width: 45%;}
.banner-main .carousel-caption h1{margin-top: 5pc;}
.logo-main img{width: 140px;}
.custom-logo-link::after{border-top: 75px solid #fff;}
.scroll_navbar .stellarnav > ul > li > a{color: #fff;}
.scroll_navbar .stellarnav.dark li li a{color: #fff;}
.aboutus .about_img .about_secondary_img{bottom: -5pc;left: 3pc;}

.about_alter .column{margin-bottom: 20px;}

}
 


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {  
.stellarnav > ul > li > a {
    padding: 16px 15px!important;
    font-size: 11px!important;
}

}


@media only screen 
and (min-device-width : 820px) 
and (max-device-width : 1180px) 
and (orientation : landscape) {  
.stellarnav > ul > li > a {padding: 16px 15px!important;font-size: 11px!important;}

}



 
/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1199px){


}
  
   
/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1366px){



} 
/* Media Query for Large screens */
@media (min-width: 1200px) {
.container, .container-sm, .container-md, .container-lg, .container-xl{
max-width: 1220px;}

	
}

@media (min-width: 1920px) {
    .container{max-width: 1320px;}
    .banner-main .carousel-caption h1{margin-top: 15pc;}
    .banner-main img{height: 700px;}
    .inner-banner{padding: 140px 0 80px 0;}
    .innerbanner-text{left: 16%;}
    }

@media (min-width: 1079px) and (max-width: 1920px){

}