/*------------------------------------------------------------------
	File Name: responsive.css
	Version: 0.1
	Developer: Masud Rana
	URL: https://it.baveli.com
-------------------------------------------------------------------*/

@media (max-width: 1199px) {
	.pd_title_info {
		padding: 10px;
		padding-left: 10px;
	}
}

@media (max-width: 1175px) {
	
}

@media (max-width: 1150px) {
	
}

@media (max-width: 1067px) {
	
	.plr90 {
		padding-left: 45px;
		padding-right: 45px;
	}
	.plr50 {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	
	
}/* 1067px */

@media (max-width: 1040px) {
	.srv_bnr_box{
		width: 100%;
	}
	.serv_main_title{
		font-size: 25px;
	}
	
	.about_item{
		width: 100%;
	}
	
	.pro_title{
		font-size: 20px;
	}
	
}


@media (max-width: 999px) {
	.logo{
		width: 25%;
	}
	.main_menu{
		width: 60%;
	}
	.feature_btn{
		width: 15%;
	}
	.pd_title_icon {
		width: 25%;
	}
	.pdt_info_box {
		width: 75%;
	}
}
@media (max-width: 950px) {
	
	
}/* 950px */
@media (max-width: 900px) {
	.head_addr900px{
		display: none;
	}
	.project_sub_title{
		font-size: 20px;
	}
	.project_child_title{
		width: 100%;
	}
	.project_item {
		width: 50%;
	}
	
	.about_team_item{
		width: 33.33%;
	}
	.pro_dtl_left{
		width: 100%;
		padding: 0px !important;
	}
	.pro_dtl_right{
		width: 80%;
		padding: 10px !important;
	}
	
	
}/* 900px */

@media (max-width: 885px) {
	.logo{
		width: 30%;
	}
	.main_menu{
		display: none;
	}
	.feature_btn{
		display: none;
	}
	.mobile_menu_btn{
		width: fit-content;
		display: block;
		padding-top: 10px;
	}
	
}/* 885px */

@media (max-width: 850px) {
	
	.top_sec_sub_title{
		padding-left: 150px;
	 }
	 .top_sec_sub_title:before {
		 width: 130px;
	 }
	.top_sec_title {
		padding: 10px 0px;
		font-size: 25px;
	}
	.top_sec_content {
		font-size: 15px;
		line-height: normal;
		text-align: -webkit-justify;
		text-align: justify;
	}
	
	
	.top_service_item{
		padding: 20px 10px;
	 }
	 .top_service_icon{
		 font-size: 30px;
	 }
	 .top_service_title {
		font-size: 13px;
		line-height: normal;
	}
	
	.index_about_box {
		flex-flow: row wrap-reverse;
	}
	.index_about_img{
		width: 100%;
	}
	.index_about_info{
		width: 100%;
		padding: 10px;
	}
	.index_about_title{
		font-size: 20px;
	}
	.about_board_title{
		font-size: 25px;
	}
	.about_board_text {
		font-size: 16px;
		line-height: normal;
		padding-top: 10px;
	}
	
	
	.serv_item{
		width: 50%;
	}
	
	.index_projects_story {
		width: 100%;
		padding-top: 0px;
	}
	.ind_pro_box {
		width: 100%;
	}
	.serv_proc_item{
		width: 50%;
	}
	.blog_main_title{
		font-size: 25px;
		padding: 10px;
	}
	.index_blog_item {
		width: 50%;
		padding: 10px;
	}
	.partner_item{
		width: 25%;
	}
	
	
	.contact_form{
		flex-flow: row wrap-reverse;
	}
	.con_form_item{
		width: 100%;
	}
	.con_item_subtitle{
		font-size: 15px;
	}
	.pd_title_item {
		width: 50%;
	}
	
	
	
	
	.footer_menu{
		padding: 0px;
	}
	
	
}/* 850px */

@media (min-width: 768px) and (max-width: 991px) {
	

}

@media (max-width: 768px) {
	.pt100 {
		padding-top: 50px;
	}
	.pt80{
		padding-top: 40px;
	}
	.logo {
        width: 35%;
    }
	
	#top_section {
		padding-bottom: 20px;
		min-height: fit-content;
	}
	.top_section_item:last-child{
		width: 20%;
		padding: 0px;
	 }
	.top_section_item:first-child {
		width: 80%;
	}
	
	.about_board {
		width: 100%;
		position: unset;
		margin-top: 20px;
		padding: 20px;
	}
	
	.serv_main_title{
		font-size: 25px;
	}
	.serv_child_title{
		font-size: 13px;
	}
	.partner_item {
        width: 33%;
    }
	
	.contact_item{
		width: 49%;
        margin-top: 5px;
	}
	
	#service_banner{
		padding: 0px;
	}
	.srv_bnr_box{
		padding: 20px;
	}
	.srv_bnr_title{
		padding: 0px;
		font-size: 20px;
	}
	.srv_bnr_sub_title{
		padding-top: 10px;
		font-size: 15px;
	}
	.serv_main_title{
		font-size: 20px;
	}
	
	.about_main_title{
		font-size: 20px;
	}
	.about_list_item{
		width: 100%;
	}
	.about_team_item{
		width: 50%;
	}
	.about_counter{
		padding: 20px;
	}
	.about_count_main_title{
		width: 30%;
		font-size: 20px;
	}
	.about_counter_box{
		width: 70%;
	}
	.about_counter_title{
		font-size: 20px;
	}
	.about_counter_text{
		font-size: 15px;
	}
	.about_team_title{
		font-size: 20px;
	}
	.abtc_title{
		max-width: 100%;
	}
	.about_text{
		font-size: 13px;
	}
	.about_quote{
		font-size: 14px;
	}
	
	/* footer */
	.footer_item_box{
		padding: 10px;
	}
	.bottom_footer{
		line-height: normal;
		font-size: 13px;
	}
	
} /*768px*/

@media (max-width:735px) {
	.plr90{
		padding-left: 25px;
		padding-right: 25px;
	}
}/* 735px */

@media (max-width:692px) {
	
}
@media (max-width:650px) {
	.head_info {
		width: 70%;
	}
	.header_social {
		width: 30%;
	}
	
	
	/* footer */
	.top_footer_box{
		flex-flow: row wrap;
	}
	.footer_item:first-child, .footer_item{
		width: 50%;
	}
}
@media (max-width:615px) {
	.project_img{
		height: 150px;
	}
	.project_main_title{
		font-size: 14px;
	}
}

@media (max-width:600px) {
	.pt80 {
        padding-top: 20px;
    }
	.logo {
        width: 40%;
    }
	.mobile_menu_btn {
        padding-top: 5px;
    }
	
	.top_service_box{
		padding: 20px;
		border: none;
	}
	.top_service_item{
		width: 100%;
		margin-bottom: 5px;
		border: 1px solid #C5C5C5;
	}
	
	.about_list_item{
		width: 100%;
	}
	.abt_brd_border {
		padding: 0px 10px;
	}
	
	.serv_proc_box{
		padding: 20px;
	}
	.serv_item {
        width: 100%;
    }
	.serv_proc_item {
		border: 1px solid #084026;
	}
	
	.ind_pro_box{
		padding: 0px;
	}
	.ind_pro_item{
		width: 100%;
	}
	
	.index_blog_item {
		width: 100%;
	}
	
	.partner_item{
		width: 50%;
	}
	.pd_title_item{
		width: 100%;
	}
	
	
	
	
	
	
	
	
}

@media (max-width:595px) {
	
}

@media (min-width:575px) and (max-width:767px) {
	
   
	
}

@media (max-width:550px) {
	.head_info {
		width: 100%;
		justify-content: center;
	}
	.header_social {
		display: none;
	}
	.mob_social550px{
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
	}
	
	
	/* footer */
	
	.top_footer_box{
		padding: 20px;
	}
	.footer_item:first-child, .footer_item{
		width: 100%;
	}
	.footer_about_text{
		padding: 10px;
	}
	.footer_menu_box, .footer_contact {
		padding-left: 15px;
	}
}



@media (max-width:525px) {
	
}

@media (max-width:500px) {
	.pt50{
		padding-top: 25px;
	}
	.pb50{
		padding-bottom: 25px;
	}
	
	.logo {
        width: 50%;
    }
	.mobile_menu_btn{
		padding: 0px;
	}
	
	#top_slider{
		height: 50vh;
	}
	.slider_title{
		font-size: 20px;
	}
	
	.slider_info{
		line-height: 50px;
	}

	.serv_proc_item{
		width: 100%;
		margin-bottom: 8px;
	}
	
	.cont_bnr_box {
		padding: 50px 20px;
	}
	.cont_bnr_title{
		font-size: 25px;
	}
	.contact_item{
		width: 100%;
	}
	.con_form_subtitle{
		font-size: 20px;
	}
	.con_form_item{
		padding: 0px;
	}
	
	.project_item{
		width: 100%;
	}
	
	.about_image_box{
		padding-right: 0px;
	}
	.about_video_box{
		bottom: -30px;
	}
	
	.about_count_main_title{
		width: 100%;
	}
	.about_counter_box{
		width: 100%;
		justify-content: center;
	}
	.about_counter_item {
		width: 50%;
		padding: 0;
		margin-top: 15px;
	}
	
	.pro_dtl_img {
		width: 100%;
		padding: 10px;
	}
	.pro_title {
    	font-size: 15px;
	}

}

@media (max-width:495px) {
	.about_team_item {
        width: 100%;
    }
}


@media (max-width:450px) {
	
	.about_item_box{
		padding: 0px;
	}
	.about_video_box{
		width: 100%;
		height: auto;
		position: unset;
		margin-top: 15px;
	}
	.about_video_box iframe{
		width: 100%;
		height: auto;
		min-height: 250px;
	}
}



@media (max-width:420px) {
	
}
@media (max-width:400px) {
	.plr90{
		padding: 0px;
	}
	.plr50 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.logo {
        width: 55%;
    }
	
	#top_section{
		padding: 0px;
	}
	.top_section_box{
		position: relative;
		padding: 20px;
	}
	.top_section_item{
		width: 100% !important;
		z-index: 1;
	}
	.tp_section_w400{
		position: absolute;
		top: 0;
		right: 0;
		z-index: 0;
		opacity: 0.5;
	}
	.top_sec_content {
		text-align: -webkit-left;
		text-align: left;
	}
	
	.index_about_box{
		padding: 15px;
	}
	
	#services{
		padding: 10px;
	}
	#index_projects{
		padding: 10px;
	}
	
	.pro_dtl_right {
    	width: 95%;
	}
	
	
	
	/* footer */
	.footer_about_text{
		font-size: 13px;
		line-height: 25px;
	}
	.footer_item_title{
		font-size: 15px;
	}
	.footer_menu_item{
		line-height: 25px;
	}
	.footer_menu_item a{
		font-size: 13px;
	}
}
@media (max-width:360px) {
	.head_addr_item{
		width: 100%;
		text-align: -webkit-center;
		text-align: center;
	}
	.head_email360px{
		display: none;
	}
	.logo {
        width: 65%;
    }
	.mob_email360px{
		display: block;
	}
	.about_counter_item{
		width: 100%;
		border-bottom: 1px solid #FFFFFF;
	}
	.about_counter_item:last-child{
		border: none;
	}
	#top_slider{
		height: 35vh;
	}
	.slider_title {
        font-size: 14px;
        padding: 10px 0px;
        font-weight: 700;
    }
	.slider_info {
		line-height: normal;
		display: block;
		overflow: hidden;
		padding-top: 5px;
	}
	.slider_content {
		font-size: 12px;
		font-weight: normal;
		padding: 0px;
		padding-bottom: 5px;
		line-height: normal;
	}
	
}
@media (max-width:280px) {
	.logo {
        width: 70%;
    }

}
@media (max-width:250px) {
	.logo {
        width: 75%;
    }
	
	
	/* footer */
	
	.footer_menu_box{
		display: block;
	}
	.footer_menu{
		width: 100%;
	}
}
@media (max-width:155px) {
	
}