html, body {
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 1200px) {
.project_tab li {
font-size: 14px;
letter-spacing: 0;
margin: 0 3px;
}
}
@media only screen and (min-width: 992px) {
.for_mobile {
display:none!important
}
}
@media only screen and (max-width: 992px) {
.box_row_blog {
margin-left: -15px;
margin-right: -15px;
}
.box_col {
padding-right: 15px;
padding-left: 15px;
}
.for_desktop {
display:none!important
}
}
@media only screen and (max-width: 800px) {
.ul_footer {
float: right;
width: 100%;
text-align: center;
}
.ul_footer li{margin:0 9px!important; display: inline-block; float: none;}
.footer_box {text-align: center;}
.footer_box a{display: inline-block;}
.home_banner .banner_title {
font-size: 30px;
}
.main_menu_inner li a {
font-size: 20px;
line-height: 1.6;
}
.banner_link {
top: 65vh;
right: 15px;
}
.section {
padding: 30px 0;
}
.section_insidepages {
padding-top: 150px;
}
.entry-title {
font-size: 38px;
padding-bottom: 0px;
margin-bottom: 30px;
}
.img_outer {
padding: 35px;
margin-bottom: 25px;
}
.contact_us_page_left h3{margin-bottom:15px;}
.contact_us_page_left {
margin-top: 5px;
text-align: center;
}
.contact_us_page_left .social_footer {
justify-content: center;
margin-top: 35px;
}
.contact_us_page_left a{margin-bottom:25px;}
.entry-content h2 {
font-size: 26px;
line-height: 35px;
}
.wp-block-contact-form-7-contact-form-selector {
padding: 20px;
}
.form-control{font-size:18px;}
.send-buttons {
height: 50px;
width: 220px;
font-size: 18px;
}
p.small_c {
margin-bottom: 20px;
}
.mission_vision_description, .group_section_outer {
position: relative;
margin-top: 30px;
padding-top: 30px;
}
.mission_vision_description:after, .group_section_outer:after, .entry-title:after {
width: 140px;
margin-left: -70px;
}
p br {
display: none;
}
.mail_us_heading {
font-size: 16px;
margin-top: 30px;
}
.contact_anchor_carees {
font-size: 18px;
}
.row_contact_outer {
margin-top:0px;
}
.form-control {
margin-bottom:10px;
}
.group_section .desc_div {
padding: 0 30px;
min-height: inherit;
}
.group_section {
padding-top: 30px;
}
.title_heading, .section_about .title_heading {
margin-bottom: 15px
}
.home_project_col {
margin-bottom: 15px !important;
}
.home_project_col:last-child {
margin-bottom: 0px !important;
}
.home_project_view {
padding: 20px 20px 24px;
}
.testimonial_slider p {
font-size: 16px;
margin-bottom: 15px;
}
.testimonial_slider_control {
right: 15px;
}
.section_about .big_para {
font-size: 20px;
margin-bottom: 15px;
}
.section_about p {
margin-bottom: 15px;
}
.read_more {
margin-bottom: 15px;
}
.client_slider .item ul li {
flex: 0 0 25%;
max-width: 25%;
padding: 15px 0;
}
.team_container {
display: inline-block;
vertical-align: top;
}
.team_img, .team_txt {
-ms-flex: 0 0 50%;
flex: 0 0 100%;
max-width: 100%;
overflow: hidden;
}
.team_txt {
padding: 20px 20px 60px;
}
.team_txt span {
margin-bottom: 15px;
}
.team_txt ul {
left: 20px;
}
.footer_box {
position: relative;
margin-bottom: 20px;
}
.social_footer {
justify-content: center;
margin-bottom: 15px;
}
.newsletter_box {
padding-left: 0px;
}
.footer_bottom {
padding: 10px 0;
border-top: 0px solid #2b2a2a;
margin-top: 0px;
display: inline-block !important;
vertical-align: top;
width: 100%;
}
.footer_bottom .container {
padding-top: 25px;
padding-bottom: 0px; text-align:center;
}
.footer_bottom .container p, .footer_bottom .container p a{padding:0px; margin:0px;}
.footer_bottom .d-flex, .footer_bottom_box {
display: inline-block !important;
vertical-align: top;
}
.footer_bottom_box {
margin-bottom: 15px;
}
.footer_bottom_box_r p:nth-of-type(1) {
margin-right: 0px;
padding-right: 0px;
position: relative;
border: none
}
.footer_bottom_box_r p:nth-of-type(1):after, .bi_text i, .contact_row2 .col-md-8:before {
display: none !important;
}
.section_inner {
padding-top: 120px;
}
.img_cover_abt {
height: auto;
width: 100%;
overflow: hidden;
}
.img_cover_abt {
margin: 0px 0 20px;
}
.img_cover_abt img {
height: auto;
} .title_heading {
font-size: 18px;
letter-spacing: 0.2em;
}
.big_para_black {
font-size: 20px;
}
.project_tab li {
margin-bottom: 10px;
}
.project_tab {
margin-bottom: 20px;
margin-top: 10px;
}
#project_slider_nav {
top: 0
}
.prev_main {
padding-left: 0;
padding-right: 10px;
}
.next_main {
padding-right: 0;
padding-left: 10px;
}
.carousel__body {
padding: 20px 0 4px 0;
}
.carousel {
margin-bottom: 15px;
}
.project_details p {
font-size: 15px;
margin-bottom: 15px;
}
.btn_main {
padding: 10px 20px;
}
.related_prj_slider {
margin-bottom: 10px;
}
.service_list .service_row:nth-of-type(odd) .service_col1 {
padding-right: 15px;
}
.service_list .service_row:nth-of-type(even) .service_col1 {
padding-left: 15px;
}
.service_txt {
padding: 15px;
}
.bi_text h3 {
font-size: 18px;
}
.service_txt h2 {
font-size: 20px;
}
.hr_border {
margin-top: 10px;
}
.box_row_3 .box_col:nth-last-of-type(1), .box_row_3 .box_col:nth-last-of-type(2), .box_row_3 .box_col:nth-last-of-type(3), .box_row_3 .box_col {
margin-bottom: 15px;
}
.img_cover_blog_text {
padding: 15px;
width: auto;
font-size: 20px;
}
.blog_info p {
padding: 10px 0;
font-size: 14px;
}
.blog_details {
padding-top: 20px;
}
.blog_details h2 {
font-size: 18px;
}
.share_icons {
padding-top: 0px;
}
.share_icons ul {
display: inline-block;
width: 100%;
}
.share_icons ul li {
float: left;
margin-bottom: 0px;
margin-right: 10px;
}
.similar_blogs {
padding-left: 0px;
padding-top: 15px;
}
.sm_blog_txt h4 {
font-size: 16px;
}
.contact_box {
padding: 20px;
}
.contact_row1 {
padding-bottom: 15px;
margin-bottom: 15px;
}
.contact_row2 .col-md-8 {
position: relative;
padding-left: 10px;
padding-top: 20px;
}
.contact_row1 p {
font-size: 16px;
}
.bi_image {
height: 240px;
}
}
@media only screen and (max-width: 769px) {
.home_about_txt {
padding-right: 0;
margin-bottom: 25px;
}
.home_client_section .testimonial_slider_control {
margin: 30px auto 0;
}
.home_banner .banner_title.active {
max-width: 400px;
width: 100%;
}
.bi_text h3 {
font-size: 16px;
}
.project_tab li {
margin: 0;
}
.grid_header_container {
position: relative;
height: 42px;
width: 100%;
margin-bottom: 40px;
z-index: 60;
cursor: pointer;
padding: 0 15px;
}
.grid_header_container.active .grid_header {
height: auto;
}
.grid_header_container.active .grid_header {
pointer-events: all;
}
.grid_header {
margin-bottom: 0px;
margin-top: 0px;
height: 42px;
overflow: hidden;
display: block !important;
position: absolute;
left: 0;
top: 0;
width: 100%;
background-color: #ffffff;
border: 1px solid #e6e6e6;
}
.grid_header_container .grid_header .grid_header_inner {
display: none;
padding: 13px 0;
}
.grid_header_container.active .grid_header .grid_header_inner {
display: block;
}
.grid_header_inner {
display: block;
width: calc(100% - 2px);
text-align: left;
padding: 13px 15px;
margin: 0 auto;
}
.grid_header_container {
cursor: pointer;
}
.grid_header_container.active .grid_header .grid_header_inner {
display: block;
}
.grid_header_container .grid_header .grid_header_inner.active {
display: block;
}
.grid_header_container::after {
content: '';
width: 8px;
height: 8px;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 15px;
top: 15px;
}
.grid-item-txt h2 {
font-size: 14px;
margin: 0 0 3px;
}
.grid-item-txt p {
font-size: 10px;
}
.grid-item-txt {
padding: 7px;
}
.service_txt {
padding: 15px 0;
}
.section_aboutus .title_heading:after, .title_heading:after {
height: 40px;margin-top: 15px;
}
.more_details {
margin-top:20px;
font-size: 16px;
}
.more_details i{background-size: 8px auto;width: 40px;
height: 40px;}
.title_heading_sub {
font-size: 24px;
line-height: 30px;
color: #cbcaca;
margin-bottom: 15px;
margin-top: 15px;
}
.footer_box h3, .footer_box h3 a{font-size: 32px;
line-height: 36px;}
.footer_heading {
font-size: 18px; margin-top:15px;
}
.ul_footer li a, .footer_box .footer_anchor{font-size: 18px;}
.logo {
width: 100px;
}
.header.fixed .logo {
width: 100px;
}
.home_banner p{font-size:26px;}
.home_banner .banner_title {
font-size: 46px;
}
.section_aboutus p {
font-size: 30px;
line-height: 36px;
}
}
@media only screen and (max-width: 576px) {
.home_banner .banner_title {
font-size: 30px;
} 
.section_diamond .col-md-6{order:3}
.section_diamond .col-md-6.text-center{order:2}
.client_slider .item ul li {
flex: 0 0 50%;
max-width: 50%;
}
.logo {
width: 100px;
}
.header.fixed .logo {
width: 100px;
}
.banner_link {
top: auto !important;
right: 0 !important;
position: absolute !important;
left: 0 !important;
bottom: 50px !important;
margin: 0 auto !important;
display: table !important;
width: 129px !important;
}
.banner_link span {
display: inline-block;
position: relative;
writing-mode: horizontal-tb;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
padding: 0;
}
.banner_link i {
display: inline-block;
position: relative;
left: 0;
bottom: 0;
color: #96c23d;
margin-left: 15px;
}
.banner_link::after {
content: '';
width: 35px;
height: 35px;
border: 1px solid #96c23d;
position: absolute;
left: auto;
right: -7px;
margin: 0 auto;
bottom: -9px;
border-radius: 50%;
}
.footer_bottom_box.footer_bottom_box_r p a,  .footer_bottom_box.footer_bottom_box_r p {
font-size: 12px !important;
}
.service_row .service_col2 {
margin-bottom: 25px;
}
.bi_text h6,  .bi_text span {
margin-top: 10px;
margin-bottom: 5px;
font-size: 13px;
}
.box_col {
margin-bottom: 20px;
}
.img_cover_blog {
height: 200px;
}
.img_cover_blog_text {
padding: 5px 15px;
width: auto;
font-size: 17px;
}
.blog_info p {
font-size: 12px;
}
.big_para {
font-size: 18px;
line-height: 1.3;
}
.main_menu .d-flex {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.main_menu_inner {
text-align: center;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.menu_contact_main {
display: none;
}
.main_menu_inner li {
margin-bottom: 10;
}
.main_menu_inner li a {
font-size: 25px;
line-height: 1.2;
font-weight: 400;
}
.home_banner .banner_title {
font-size: 30px; margin-top: 15px;
}
.quote_img {
width: 50px;
}
.home_banner {
height: 65vh;
}
.home_project_txt h3 {
margin: 0 0 5px; 
}
.home_project_txt p {
font-size: 11px !important;
margin-bottom: 5px;
}
p, .entry-content ul li {
font-size: 18px !important;
line-height: 24px!important; margin:0px;
}
.section_aboutus p {
margin-bottom:0
}
.row_focus_section .img_box {
height:100px;
margin: 10px 20px;
width: calc(50% - 10px);
margin-left:0
}
.row_focus_section .col-img_outer:last-child .img_box {
margin-right: 20px!important;
margin-left: 0px!important;
}
.row_focus_section .col-img_outer:first-child .img_box {
margin-right: 0px!important;
margin-left: 20px!important;
}
.row_focus_section .col-img_outer:first-child {
flex-direction: row-reverse!important;
}
.row_focus_section .col-img_outer:last-child {
flex-direction: inherit!important;
}
.row_focus_section .img_box img {
height:50px;
}
.row_focus_section h3 {
font-size: 16px;
}
.big_para_black,  .section_about .big_para {
font-size: 17px !important;
}
.read_more span {
font-size: 13px;
letter-spacing: 0.1em;
}
.read_more span i {
font-size: 17px;
top: 3px;
}
.grid-item-txt i {
display: none;
}
#project_slider_nav {
-ms-flex-pack: center;
justify-content: center;
margin-bottom:15px;
position: relative;
}
.section_inner .carousel__slider_main.owl-carousel .owl-prev {
left: 3px;
}
.section_inner .carousel__slider_main.owl-carousel .owl-next {
right: 3px;
}
.next_main,  .prev_main {
font-size: 12px;
}
.next_main i,  .prev_main i {
top: 2px;
font-size: 15px;
}
.project_header .title_heading,  .project_header .project_title {
text-align: center;
}
.project_header .title_heading {
font-size: 17px;
display: block;
width: 100%;
}
.project_header .project_title {
font-size: 15px;
}
.project_header {
padding: 30px 0 15px;
}
.r_prj_box_img {
height: 180px;
}
.arrow_side_main .owl-nav .owl-prev, .arrow_side_main .owl-nav .owl-next {
width: 14px;
height: 14px;
}
.arrow_side_main {
padding: 0 30px;
}
.btn_main {
font-size: 13px;
}
.r_prj_box_txt h3 {
font-size: 16px;
letter-spacing: 0;
}
.section_inner {
padding-top: 100px;
}
.blog_info p {
font-size: 12px !important;
}
.grid-item-txt p {
font-size: 10px !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
padding-left: 15px;
padding-right: 15px;
}
}