/*==============================================================================
[Responsive CSS Stylesheet]

Project:        Project Name
Date:    		Project Date
Design:         Company Name
==============================================================================*/

/*====================== Single Screen ======================*/
@media only screen and (max-width: 4000px) {
	.frame_mobi_img_div, .follow_us_mob {display: none}
}
@media only screen and (max-width: 1980px) {

}
@media only screen and (max-width: 1920px) {
	
}
@media only screen and (max-width: 1680px) {
	
}
@media only screen and (max-width: 1600px) {
	
}
@media only screen and (max-width: 1440px) {
	
}
@media only screen and (max-width: 1368px) {
	
}
@media only screen and (max-width: 1366px) {
	
}
@media only screen and (max-width: 1360px) {
	
}
@media only screen and (max-width: 1300px) {
	
}
@media only screen and (max-width: 1280px) {
	
}
@media only screen and (max-width: 1200px) {
	
}
@media only screen and (max-width: 1199px) {

}
@media only screen and (max-width: 1170px) {
	
}
@media only screen and (max-width: 1152px) {
	
}
@media only screen and (max-width: 1100px) {
	
}
@media only screen and (max-width: 1080px) {
	
}
@media only screen and (max-width: 1024px) {
	.main_area .header {padding: 30px 0 0 0;}
	.main_area .logo_sec img {width: 180px}
	.main_area .header .top_contact ul {top: 40px;}
	.main_area .header .top_contact ul li a {padding: 8px 26px;font-size: 16px;}
}
@media only screen and (max-width: 992px) {
	
}
@media only screen and (max-width: 991px) {	
	
}
@media only screen and (max-width: 980px) {
	
}
@media only screen and (max-width: 960px) {
	
}
@media only screen and (max-width: 900px) {
	
}
@media only screen and (max-width: 854px) {
	
}
@media only screen and (max-width: 800px) {
	
}
@media only screen and (max-width: 768px) {
	
}
@media only screen and (max-width: 767px) {
	footer [class^="col-"] {max-width: 100%;
    width: 100%;
    flex: inherit;}
    footer [class^="col-"].follow_us_desk {margin-bottom: 20px}
    /* .main_area footer .follow_us {top: 0}
    .main_area footer .follow_us {width: 240px;margin: 0 auto;} */
    .main_area footer .foot_contact p, .main_area footer .foot_contact p a {text-align: center}

	.main_area .logo_sec {justify-content: center;display: flex;}
	.main_area .header .top_contact ul {top: 15px;float: inherit;text-align: center;}
	.main_area .working_sec .text_sec {height: auto !important; overflow-y: inherit;  margin-bottom: 30px}
	.main_area footer .follow_us {position: relative;top: 0;width: 240px;margin: 0 auto;}
	.main_area footer .foot_contact {margin-top: 15px}
	.frame_mobi_img_div, .follow_us_mob {display: block}
	.frame_desk_img_div, .follow_us_desk {display: none}
	.frame_mobi_img_div img {margin-bottom: 15px}
	.follow_us_mob {margin-top: 20px}
	.main_area .working_sec .text_sec {text-align: center; overflow: inherit !important;}

}
@media only screen and (max-width: 750px) {
	
}
@media only screen and (max-width: 720px) {
	
}
@media only screen and (max-width: 700px) {
	
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 639px) {
	
}
@media only screen and (max-width: 675px) {
	.main_area .header .top_contact ul li a {padding: 8px 20px;}
}
@media only screen and (max-width: 638px) {
	.main_area .header .top_contact ul li a {padding: 8px 16px;}
}
@media only screen and (max-width: 615px) {
	
}
@media only screen and (max-width: 591px) {
	
}
@media only screen and (max-width: 570px) {
	
}
@media only screen and (max-width: 540px) {
	
}
@media only screen and (max-width: 504px) {
	
}
@media only screen and (max-width: 500px) {
	
}
@media only screen and (max-width: 480px) {
	
}
@media only screen and (max-width: 479px) {
	
}
@media only screen and (max-width: 460px) {
	
}
@media only screen and (max-width: 425px) {
	
}
@media only screen and (max-width: 414px) {
	
}
@media only screen and (max-width: 400px) {
	
}
@media only screen and (max-width: 375px) {
	
}
@media only screen and (max-width: 360px) {
	
}
@media only screen and (max-width: 320px) {
	
}
@media only screen and (max-width: 240px) {
	
}





/*====================== Min-Max Screen ======================*/
@media only screen and (min-width : 1921px) and (max-width : 3000px) {
}

@media only screen and (min-width : 1680px) and (max-width : 1920px) {
}

@media only screen and (min-width : 1600px) and (max-width : 1679px) {
}

@media only screen and (min-width : 1366px) and (max-width : 1599px) {
}

@media only screen and (min-width : 1200px) and (max-width : 1365px) {
}

@media only screen and (min-width : 991px) and (max-width : 1199px) {
}

@media only screen and (min-width : 768px) and (max-width : 990px) {
}

@media only screen and (min-width : 600px) and (max-width : 767px) {
}

@media only screen and (min-width : 480px) and (max-width : 599px) {
}

@media only screen and (min-width : 320px) and (max-width : 479px) {
}
@media only screen and (min-width : 571px) and (max-width : 575px) {
	.main_area .logo_sec img {margin: 0 auto;display: flex;}
	.main_area .header .top_contact ul {text-align: center; float: inherit; top: 15px;}
	.frame_desk_img_div img {margin-top: 15px;}
	.main_area .working_sec .text_sec {text-align: center}
}
@media only screen and (min-width : 576px) and (max-width : 767px) {
	.main_area .header .top_contact ul li a {padding: 8px 8px; font-size: 14px}
	.main_area .header .top_contact ul li a img {width: 20px}
}
@media only screen and (min-width : 320px) and (max-width : 380px) {
	.main_area .header .top_contact ul li:first-child {margin-top: 0px}
	.main_area .header .top_contact ul li {margin-top: 15px}


}
@media only screen and (min-width : 680px) and (max-width : 766px) {
	.main_area .working_sec .text_sec {height: 250px;}
}
@media only screen and (min-width : 500px) and (max-width : 679px) {
	.main_area .working_sec .text_sec {height: 250px;}
}
@media only screen and (min-width : 767px) and (max-width : 960px) {
	.main_area .working_sec .text_sec {height: 250px;}
}