
@media only screen and (min-width:1400px) {

.technology-page .hybridC-main-block .container-fluid {padding-left: calc((100% - 1320px) / 2);}

}

@media only screen and (min-width:1440px) {

video.video_igbProblem { max-height: 600px; object-fit: cover; }
}
@media only screen and (min-width:1200px) {

video.video_cstm_Community { height: calc(100vh - 95px); object-fit: cover; }
.landtolVideo_block { overflow: hidden; height: calc(100vh - 85px); } 
.diffrents_video_main { height: 650px; }

video.video_igbProblem { max-height: calc(100vh - 95px); object-fit: cover; }

.technology-page .hybridC-main-block .container-fluid {padding-left: calc((100% - 1120px) / 2);}

}
@media only screen and (min-width:992px) {

 
}

@media only screen and (max-width:1500px) {

}

@media only screen and (max-width:1440px) {
	
.icon-content {padding: 50px 25px;}
	
p, li {font-size: 14px;}
	
h2 {font-size:22px}
.sbtm-icons .sol-btm-Icons { max-width: 90px; height: 90px; object-fit: contain; }

.solves_video_main, .hybrid_video_main { right: -20px; }

.technol_video_main {height: 128px;}

}

@media only screen and (max-width:1400px) {
	
	.hybrid_video_main {height: 237px;}	
}

	
@media only screen and (max-width:1280px) {
.solves_video_main, .hybrid_video_main { right: 0px; }
} 	
@media only screen and (max-width:1199px) {

div#mySidenavs {
    display: none;
}
.toogle-new{
    display: block;
}
.inner-mobile-menu .nav-link {
    font-size: 18px;
    transition: .4s;
    text-transform: capitalize;
    font-weight: 400;
    text-decoration: none;
    font-family: "Lato", sans-serif;
    padding: 0;
    color: #fff !important;
}

.inner-mobile-menu .nav-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 15px;
	
}
button.drop-down-arrow {
    background: transparent;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 12px;
    border: 1px solid #fff;
    height: 26px;
    width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
button.btn-close {
    filter: invert(1);
    opacity: 1 !important;
}
button:focus {
    box-shadow: none !important;
}

button:focus-visible {
    outline: none !important;
}
.offcanvas-body {
    padding: 0;
}
.inner-mobile-menu  ul.dropdown-menu {
    position: relative !important;
    transform: translate(0) !important;
    border: 0 !important;
    margin-top: 5px !important;
}

.inner-mobile-menu ul.dropdown-menu li  a {
    padding: 5px 10px;
	/* color: #fff; */
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    text-decoration: none;
    font-family: "Lato", sans-serif;
}
.side-menu {
    background: #00374f;
}

.menu_navigation li.contact-us a {
   margin: 30px 0;
}
.sidenavs a i.fa.fa-angle-down {
	color: #fff;
	float: right
}
.header_innr_st {
	margin-right: 0
}
ul.menu_navigation .dropdown-container {
	background: #356ca4;
	position: relative;
	padding: 0 0px
}
.menu_navigation .dropdown-container a {
	padding: 8px 10px;
	white-space: pre-line;
	line-height: normal;
	font-size: 18px
} 
#menuList li .dropdown-container {
	display: none !important
}
#menuList li.active .dropdown-container,
#menuList .dropdown-btn:hover .dropdown-container {
	display: block !important
}
ul.menu_navigation .dropdown-container:after {
	display: none
}
.toggle_mobile_menu span.fa.fa-bars {
	font-size: 30px;
	color: #286566
}
.sidenavs .closebtn:hover {
	color: #fff
}
.header_navigation {
	justify-content: end;
	flex-direction: row-reverse
}
.address_footer { padding-right: 0; }
.testimonial_content_top { padding-left: 20px; }
.ospreyhous_borders { top: 20%; bottom: 15%;}
.beautyright_borders { top: 20%; bottom: 15%;}
.ospreyFloor_borders { top: 20%; bottom: 15%;}
ul.ps-2.footercontctList li, ul.ps-2.footercontctList li p { font-size: 14px; }
.container.intell_Container { max-width: 100%; width: 100%; }	

.hybrid_video_main {height: 196px;}


} 
 
@media only screen and (max-width:1024px) {

.igvTechnoly_videos .row {flex-direction: column;}

.igvTechnoly_videos .row > .col-md-2, .igvTechnoly_videos .row > .col-md-8 {width: 100%;}

.technol_video_main {max-width: 100%; height: auto;}

.igvTechnoly_videos .row > .col-md-8 .offset-md-0 {width: 100%; margin: 15px 0 0;}

.igvTechnoly_videos .llimage {margin: 0; max-width: 100%;}

.igvTechnoly_videos .llimage img {width: 100%;}

} 

@media only screen and (max-width:991px) {
.container {
    max-width: 100%;
    padding: 0 20px;
}	
img.main_logos {
    height: 65px;
}
ul.careertext_Lists li {
    font-size: 16px;
}
.center-line b {
    font-size: 16px;
}
.igbProblem_caption { bottom: 60px; max-width: 253px; }
.diffrents_video_caption { position: relative; padding: 60px 0; }
video.video_diffrents { height: auto; object-fit: cover; }
.aboutModern_videos:before { left: -5px; max-width: 10px; }
.footer_logo { padding-bottom: 0px; }
.ospreyhous_borders { max-width: 10px; left: -5px; }
.reimagined_borders { max-width: 10px; right: -5px; }
.beautyright_borders { max-width: 10px; right: -5px; }
.ospreyFloor_borders { max-width: 10px; right: -5px; }
.subheading_title {font-size: 24px;}
h3.Precisiontitle { font-size: 20px; }

h3.PurposeTitle { font-size: 22px;}
.purpose_Text_left { max-width: 110px; }
.purpose_Text_right { max-width: calc(100% - 130px); }
.IGVcommonWbtns { border: 1px solid #1d4474; }

}  

@media only screen and (min-width:768px)
{
.igvhousing_banner_sect .cstm_slider_carousel  .owl-item img {height: 70vh; object-fit: contain;}

}

@media only screen and (max-width:767px) {
.header_logo a img {
    height: 50px;
} 
.diffrents_video_main { min-height: inherit; }
.Community_videos_caption {position: static;padding: 10px 20px !important;}

.Community_videos_caption h3 {font-size: 20px;}
.endlessInner_Text h3, .endlessInner_Text p {text-align: left;}
.mt-below-989{margin-top: 20px;}
.header_section {padding: 10px 0;}
.igvhousing_banner_sect { padding: 70px 0; }
img.igvhousing_full_banner { height: 450px; object-fit: cover; object-position: bottom; }
.igvhousing_Image { text-align: center; padding-bottom: 30px; }
.igbProblem_caption { max-width: 310px; }  
.igbProblem_sect_innr { display: flex; flex-direction: column; gap: 30px; } 
.footer_quick_mob { flex: 0 0 150px; max-width: 150px; width: 100%;}
.address_footer { display: flex; align-items: start; gap: 20px;}
.address_footer_inner { justify-content: start; } 
ul.footerAddressList li p a.addresListfooter { word-break: break-all;}
.footer_left_block { border-right: none; padding-right: 0px; }
.about_purpose_logo { text-align: center; padding-bottom: 40px; }
img.ospreyhouse_img, img.reimaginedes_img {height: 480px;}
.get-in-row {flex-direction: column-reverse; gap: 4	0px;}
.image-video.v {min-height: unset;}
.work_IGV_Career {justify-content: center; margin: 0 0 20px 0;}
.work_career h1.h2.mb-3 {text-align: center;}
.careerImgBlock {margin: 0 0 15px 0;}
.Opportunities_block_info {padding-right: 0; margin: 0 0 10px 0;}
.Opportunities_info_text { padding-left: 0; } 
.icon-content {margin: 0 0 20px 0;}
.maintenance_hero_millwriht {min-height: auto;}
.housing_solution_address .housing_solution_table { padding-left: 0px; }
.solution-btm-icons { gap: 20px 2%; flex-wrap: wrap; }
.sbtm-icons { width: 49%; }
.sbtm-icons .sol-btm-Icons { max-width: 85px; height: 85px; object-fit: contain; }
.cheader { margin: 0 0 20px 0; }
.llimage { margin: 0px; max-width: 100%; }
.container.intell_Container { padding-left: 0; padding-right: 0; }
.intell_Container .row { margin-left: 0; margin-right: 0; }
.testimonial_gridIGV_block { padding: 10px; }
.beauty_inner_text ul li p { font-size: 14px; }
.testimonial_grid_block { padding: 10px; }
.padd-80, .padd-100 { padding: 60px 0px; }

.igv_housing_problem { padding: 20px 0; }
.problmSolv_icon { max-width: 100%; }
.comabout_video_main {
    height: auto;
    max-width: 100%;
    margin-bottom: 30px;
}
.work_career h1 {
    text-align: center;
}
.osprey_video_main {
    max-width: 100%;
    height: auto;
}
.igvhousing_captions {
    margin-top: 20px;
}
.igvhousing_Owl_Slider .owl-dots {
    margin-top: 0 !important;
}
img.checkIcons {
    width: 18px;
}
.housing_block_div p {
    font-size: 14px;
 } 
.housing_address_captions {
    margin: 0 0 20px 0;
}
.combining_video_main {
   max-width: 100%;
   height: auto;
}
.career_video_main {
    margin: 0 0 20px 0;
}
.careerfirstsection .work_career_divfull.mt-3 .col-sm-4 {
    display: none;
}
.Redefining_scet_foot h2 {
    margin: 0 0 10px 0 !important;
}
video.video_technoly {
    height: auto;
    aspect-ratio: unset;
}
.contact-logo_mains {
    display: none;
}
.InnerContent {
    padding: 40px 20px;
}
  
}
 
@media only screen and (max-width:575px) {
.address_footer { flex-direction: column; }
.footer_bottom { padding-top: 10px; }
.address_footer_inner { padding: 15px;}
.result_stack_Icon { max-width: 60px; height: 60px; }
.testimonial_content_top { padding-left: 0px; }
.testimonial_Image { max-width: 90px; height: 90px; }
.purpose_Text_grids { gap: 13px; padding: 15px; flex-direction: column; align-items: start; }
.beauty_inner_text { width: 100%; }
.Innova_gallery_grid.grid { grid-template-columns: repeat(1, 1fr);}
.Innova_gallery_items:not(:last-child) { border-right: none; border-bottom: 2px solid #e48e1d; }
.hybrid-wins .cstmInnerRow  .col-6 { width: 100%; }
h5.principleh5_Title { text-align: left; }
.purpose_Text_right { max-width: 100%; }

.hybridC-main-block .page-link.text-end.mt-2 { text-align: center !important; }

.solves_video_main, .hybrid_video_main {
    position: relative;
    max-width: 100%;
    height: auto;
    margin-top: 30px;
}
.hybridC-main-block .hybrid_video_main.d-flex.flex-column {
    margin: 0 0 20px 0;
} 
.combining_video_main {
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
} 
.technol_video_main { margin-top: 30px;  }
.technol_video_main { max-width: 100%; height: auto; }
h2.textcentermob { text-align:center; }
.main_falcon_Osprey .falcon_block_sct.pb-5 {padding: 20px 0 !important;}
.hybrid-wins .purpose_value_content {min-height: unset;}
.career_video_main .careertext_inner p b br {display: none}
.work_career_divfull  .col-sm-6 {margin: 0 !important;}
h5.principleh5_Title {max-width: 100%;}
.backtoigvproduct .col-12.text-center {text-align: center !important;}
}         
@media only screen and (max-width:420px) {
.testimonial_content_top {flex-direction: column; align-items: start; }

} 


