/** Resposnive Work start **/
/*27inch*/
.menu-btn,.mobile_icon {display: none;}
.mobile_icon i{color: #fff !important;}


@media only screen and (min-width : 1921px) and (max-width: 5000px){
.flex_wrping{padding: 10px 0px;}

}

@media only screen and (min-width : 1921px) and (max-width: 2560px){
#video_bnr .video_inner{width: 100%;}
}

/*24_inch(1900_res)*/
@media only screen and (min-width : 1601px) and (max-width: 1920px){
}
/*Laptop*/
@media only screen and (min-width : 1025px) and (max-width: 1281px){
.portfolio_btns{margin-top:-10px}

}
/* Small devices (tablets, 768px and up) */
/* iPads (portrait and landscape) --  --  --  --  -- - */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

.cover_image_content{top:35%;}
.slide_image{height: 100vh;}
#animation_container{position: absolute;bottom: 0;left:0;height:4px !important;}
.portfolio_single_wrap:hover .portfolio_img_wrap img.porfolio_foundation_image{height: 115px;}
.site_nav .main_nav{position: fixed;left:0;top:0;width: 260px;height: 100%;background-color: #fff;left:-300px;z-index: 2;-moz-transition: left 0.8s ease;-o-transition: left 0.8s ease;-webkit-transition: left 0.8s ease;
transition: left 0.8s ease;display: block;}
.site_nav .main_nav li{display: block;}
.menu_icon:before{display: none;}
.site_nav .main_nav li .active, .main_nav li a:hover{border:none;}
.site_nav .main_nav li a{color: #000;padding: 15px 20px;}
.site_nav .main_nav li{border-bottom: 1px solid #fff;text-align: center;display: block;}
.mobile_icon {display: block;font-size:2.5rem;text-align: center;}
.mobile_icon i{font-size: inherit;color:#fff !important;}
#open_nav{left:0;box-shadow: 5px 0px 12px 0px #000;}
.slide_image{height: 100svh;height:100vh;}
/*#canvas{height: 590px !important;}*/
.transit_bg, .mobile_icon i{color:#696767 !important;}
.services_container_wrap h2{padding-top: 0;}
.Mrg_setting{margin-top: 40px;}
.heading_wrap{margin-top: 1%;}
.p360_section_pragh {width: 100%;}
.pading_less_class_responsive{padding-left: 0;padding-right: 0;}
.site_nav ul li .sub_menu{position: static;width: 100%;visibility: visible;}
.site_nav ul li .sub_menu:before,.site_nav ul li .sub_menu:after{display: none;}
.site_nav ul li .sub_menu li a{text-align: center;}

.blog_cards_container .card-columns{-webkit-column-count: 2;-moz-column-count:2;column-count:2;}




}

/* iPads (landscape) --  -- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */

}


/* iPads (portrait) --  --  --  --  -- - */

@media only screen and (max-width: 1025px){
.portfolio_content_wrap{
    width: 80%;
}
}

@media only screen and (min-width: 800px) and (max-width: 913px){
.portfolio_single_wrap, .portfolio_img_wrap{
    height: 500px;
}
}



@media only screen
and (min-width : 768px)
and (max-width : 1024px)
 {
/* Styles */

.testimonial_wrap h2,.testimonial_wrap p{text-align: center;}


}



@media only screen and (max-width : 767px)
{
    .hr_cilnt{width: 92%!important;}
    /*.menu-overlay{width: 52%!important;right: -69%!important;}*/
    #myVideo{height: 100vh;object-fit: cover;}
    #video_bnr{top: 0;height: 100vh;}
    .main_div home_page{height: 100vh;}
     /*.box_style{background-color: #000;}*/
     .top_menu .row{padding-top:.5rem!important;padding-bottom:.5rem!important;}
.clients_section{overflow: hidden;}
.responsive_less{padding: 0px 10px!important;} 
.about_seo h3{max-width:100%;}
.pading_less_class_responsive{padding-left: 0;padding-right: 0;}
/*.site_nav .main_nav{position: fixed;left:0;top:0;width: 220px;height: 100%;background-color: #fff;left:-300px;z-index: 2;-moz-transition: left 0.8s ease;-o-transition: left 0.8s ease;-webkit-transition: left 0.8s ease;
transition: left 0.8s ease;display: block;overflow: scroll;}*/


.site_nav .main_nav{overflow: scroll;}
.site_nav .main_nav li{display: block;}
.menu_icon:before{display: none;}
.site_nav .main_nav li .active, .main_nav li a:hover{border:none;color: #f08e03;}
/*.site_nav .main_nav li a{color: #000;padding: 15px 0px;}*/
.site_nav .main_nav li{text-align: center;display: block;}
.mobile_icon {display: block;font-size:2.5rem;text-align: center;}
.mobile_icon i{font-size: inherit;color:#fff !important;}
#open_nav{left:0;box-shadow: 5px 0px 12px 0px #000;}
.slide_image{height: 100svh;height:100vh;}
/*#canvas{display: none !important;}*/
.transit_bg .mobile_icon i{color:#696767 !important;}

.services_container_wrap .row .col-md-9{text-align: center;}
.services_container_wrap .row .col-md-9 .text-left{text-align: center !important;}
.services_container_wrap h2{padding-top: 0;}
.site_nav ul li .sub_menu{position: static;visibility: visible;width: 100%;}
.site_nav ul li .sub_menu:after,.transit_bg .site_nav ul li .sub_menu:before{display: none;}
.site_nav ul li a:after{background:none;}
.site_nav ul li .sub_menu li{margin-left: 0 !important;padding:0;text-align: center;}
.box_style{padding:20px 10px;}
/*.Mrgn_top_prgh {width: 87%;}*/
.form_wrap_mrgin_sting_responsive{margin-top:-55px; }

/*.cover_image_content{top:35%;left:0;padding:0 15px;}*/
.cover_image_content .btn{display: block;}
.footer_bottom_grey_bar p{text-align: center;margin-bottom: 0}
.site_nav .main_nav li .btn.btn_primary {display: block;width: 100%;    background-color: #f08e03;border-radius: 0;}
.portfolio_content_wrap p{font-size: 0.9rem;}
.p360_section_pragh{width: 100%}
.padding_less_responsive{padding-bottom: 0 !important;margin-bottom: 0 !important;}
.portfolio_img_wrap img.porfolio_foundation_image{margin: 18px 0px !important;}
.Mrgn_top_prgh {max-width: 96%;}
.Mrg_setting {margin-top: 40px;}
.icon_text_wraping{display: unset;}
.margin_seting{margin-left: 20px;}
}




/*Smart phones(iphone 4, 5)*/
@media only screen and (max-width :320px){


.portfolio_img_wrap img.porfolio_foundation_image{margin: 0 !important;}
.portfolio_single_wrap, .portfolio_img_wrap{height: 185px;}


}

/*Smart phones(iphone4,5 landscape)*/
@media only screen and (max-width : 415px){
.portfolio_single_wrap, .portfolio_img_wrap{padding-right: 0px;}

.portfolio_content_wrap{width: 78%;}

}

/*Smart phones(iphone6,6++ landscape)*/
@media only screen and (min-width :440px) and (max-width :767px){






}
/*Smart phones(iphone6,6++ landscape)*/
@media only screen and (max-width :541px){
.portfolio_single_wrap, .portfolio_img_wrap{padding-right:0!important; }


}
@media only screen and (max-width :413px){
 
.portfolio_single_wrap, .portfolio_img_wrap{height: 250px;}

}
@media only screen and (max-width :380px){
 
#scrollHere{ display:none; }

}
/** Resposnive Work End **/