/* Default Layout	*/


/*	Extra small devices (portrait phones, less than 576px)	*/
@media (max-width: 575.98px) {
	
	/* ============================== */

	.heading h3{
		font-size: 22px;
	}
	.heading h4{
		font-size: 20px;
	}

	.para_texts p{
		font-size: 16px;
	}

	.cta_btn {
		font-size: 16px;
		min-width: 200px;
		padding: 10px 25px;
	}

	/* ============================== */

	.navbar{
		padding: 7.5px 0px;
	}
	.navbar.active{
		padding: 7.5px 0px;
	}

	.navbar .container{
		padding: 0px 15px;
	}

	.navbar .navbar-collapse{
		position: absolute;
		width: 100%;
		
		top: 53px;
		left: 0px;
		right: 0px;
		transition: all 0.3s ease-in;
		background: -o-linear-gradient(125deg,rgb(19,0,162) 0%,rgb(0,0,0) 100%);
		background: linear-gradient(125deg,rgb(19,0,162) 0%,rgb(0,0,0) 100%);
	}
	.navbar .navbar-nav .nav-item{
		text-align: center;
		width: 180px;
		margin: 0px auto;
	}
	.navbar .navbar-nav .nav-item .nav-link{
		padding: 10px 15px;
		display: block;
		border-bottom: 1px solid #575757;
	}
	.navbar .navbar-nav .nav-item.contact_us {
		margin: 10px auto;
		display: block;
	}
	.navbar .navbar-nav .nav-item.contact_us .cta_btn{
		display: inline-block;
		padding: 7.5px 15px;
		color: var(--lightColor);
		border-bottom: none;
	}

	/* ============================== */

	.hero_banner .contents .banner_title h3{
		font-size: 20px;
	}

	.hero_banner .slide_image img{
		height: 280px;
		-o-object-fit: cover;
		object-fit: cover;
	}

	/* ============================== */

	.carousel-control-prev{
		left: 0px;
		width: 20px;
		height: 30px;
	}
	.carousel-control-prev-icon {
		background-size: 20px 20px;
		width: 20px;
		height: 20px;
	}
	.carousel-control-next{
		right: 0px;
		width: 20px;
		height: 30px;
	}
	.carousel-control-next-icon {
		background-size: 20px 20px;
		width: 20px;
		height: 20px;
	}

	/* ============================== */

	.services_wrap{
		padding: 30px 0px;
	}
	.services_wrap .heading{
		margin-bottom: 20px;
	}
	.services {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 25px;
	}
	.services .single_service {
		-ms-grid-columns: 60px 10px 1fr;
		grid-template-columns: 60px 1fr;
		gap: 10px;
	}

	/* ============================== */

	.highlighted_facts_wrap{
		padding-top: 15px;
	}
	.highlighted_facts {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.highlighted_facts .image_wrap{
		-webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
		text-align: center;
	}
	.highlighted_facts .image{
		max-width: 300px;
		margin: 0px auto;
	}

	.highlighted_facts .bullet_points {
		padding: 10px;
	}

	.highlighted_facts .bullet_points .single_point {
		-ms-grid-columns: 60px 10px 1fr;
		grid-template-columns: 60px 1fr;
		gap: 10px;
		margin-bottom: 20px;
	}
	.highlighted_facts .bullet_points .single_point p{
		font-size: 16px;
	}

	/* ============================== */

	.trusted_by_wrap {
		padding: 30px 0px;
		padding-bottom: 20px;
	}
	.trusted_by ul li {
		margin: 5px;
	}
	.trusted_by ul li img {
		max-height: 55px;
	}
	.why_work .bullet_points ul {
		text-align: left;
	}
	.why_work .bullet_points ul li{
		font-size: 15px;
	}

	/* ============================== */

	.intro_carousel_wrap {
		padding: 10px 0px;
		padding-bottom: 15px;
	}
	.intro_slide_contents{
		justify-content: center;
	}
	.intro_slide_contents .carousel_right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 150px;
		flex: 0 0 150px;
		max-width: 150px;
		margin-left: 0px;
		margin-right: 10px;
		-webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
	}
	.intro_slide_contents .carousel_left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 150px;
		flex: 0 0 150px;
		max-width: 150px;
		margin-right: 0px;
		margin-left: 10px;
		padding: 25px 40px;
		-webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
	}
	.intro_slide_contents .intro_slide {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
	}
	.intro_carousel .slide_box .box_title h4{
		font-size: 20px;
	}

	/* ============================== */

	.why_work_wrap {
		padding: 30px 0px;
		padding-bottom: 15px;
	}

	/* ============================== */

	.footer .legal_links{
		margin-bottom: 10px;
	}
	.footer .legal_links ul li{
		margin-bottom: 10px;
	}

	/* ============================== */
	/* ============================== */

	.about_banner h2{
		font-size: 30px;
	}
	.about_banner .about_image img{
		height: 280px;
		-o-object-fit: cover;
		object-fit: cover;
	}

	/* ============================== */

	.about_page {
		padding: 30px 0px;
	}

	.what_we_offer .single_offer {
		-ms-grid-columns: 60px 10px 1fr;
		grid-template-columns: 60px 1fr;
		gap: 10px;
		margin-bottom: 15px;
	}
	.what_we_offer .para_texts p{
		font-size: 16px;
	}

	/* ============================== */

	.why_choose_us_wrap{
		padding-top: 30px;
	}
	.why_choose_us {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.why_choose_us .left_image {
		-webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
	}
	.why_choose_us .left_image .image{
		max-width: 320px;
		margin: 0px auto;
	}

	/* ============================== */

	.why_stands_out {
		padding: 30px 0px;
	}
	.why_stands_out .single_part {
		-ms-grid-columns: 60px 10px 1fr;
		grid-template-columns: 60px 1fr;
		gap: 10px;
		margin-bottom: 15px;
	}
	.why_stands_out .para_texts p {
		font-size: 16px;
	}

	/* ============================== */

	.get_started {
		padding-bottom: 30px;
	}
	.get_started .founder_info h6{
		font-size: 16px;
	}

	/* ============================== */
	/* ============================== */

	.legal_page {
		padding: 25px 0px;
	}
	.legal_page .page_title h3{
		font-size: 22px;
	}
	.legal_page .para_texts p{
		font-size: 16px;
	}
	.legal_page .legal_heading {
		margin-bottom: 10px;
	}
	.legal_page .legal_heading h4{
		font-size: 16px;
	}
	.legal_page .single_part {
		margin-bottom: 25px;
	}
	.legal_page .legal_sub_heading h6{
		font-size: 16px;
	}
	.legal_page .numbered_points ol li{
		font-size: 16px;
	}
	.legal_page .bullet_points ul li{
		font-size: 16px;
	}

	/* ============================== */
	/* ============================== */

	.about_banner .faq_banner .para_texts p{
		font-size: 13px;
	}
	.about_banner .faq_banner .para_texts {
		margin-top: 10px;
	}
	.faq_page {
		padding: 30px 0px;
	}

	/* .faqs .single_faq {
		margin-bottom: 20px;
	}
	.faqs .single_faq .faq_question h5{
		font-size: 16px;
	}
	.faqs .single_faq .para_texts p {
		font-size: 16px;
	} */

	.faq_page .faq_icons {
		margin-bottom: 20px;
	}
	.faq_page .faq_icons ul li{
		margin-right: 10px;
	}
	.faq_page .faq_icons ul li img {
		max-width: 70px;
	}
	.faqs .single_item .click_item a{
		font-size: 15px;
		padding: 15px;
	}
	.faqs .contents p{
		font-size: 16px;
	}

	/* ============================== */
	/* ============================== */

	.resources_page {
		padding: 30px 0px;
	}
	.resources_page .heading {
		margin-bottom: 25px;
	}

	.resources_list .resource_box {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
		margin-bottom: 20px;
	}

	.resources_list .resource_box .box_left h3{
		font-size: 20px;
	}
	.resources_list .resource_box .box_left .box_image{
		max-width: 160px;
		margin: 0px auto;
	}

	.resources_list .resource_box .box_left{
		padding: 15px;
	}
	.resources_list .resource_box .box_right{
		padding: 15px;
	}

	/* ============================== */
	/* ============================== */

	.contact_page {
		padding: 25px 0px;
	}
	.contact_page .contact_box{
		padding: 20px;
	}
	.contact_page .contact_box .image {
		max-width: 175px;
	}
	.contact_page .contact_box .box_contents h4{
		font-size: 20px;
	}
	.contact_page .contact_box .box_contents h5{
		font-size: 18px;
	}

	/* ============================== */
	/* ============================== */

	.traffic_page .traffic_contents {
		margin: 40px 0px;
	}
	.traffic_page .traffic_boxes {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 20px;
	}

	.traffic_page .traffic_contents .heading h4 .thin_texts{
		font-size: 15px;
	}
	.traffic_page .tr_bottom_part .heading h4 .thin_texts{
		font-size: 16px;
	}

	/* ============================== */
	/* ============================== */

	.overview_page .heading h3{
		font-size: 20px;
	}
	.overview_page .resources_list {
		margin-bottom: 20px;
	}

	/* ============================== */
	
}

/*	Small devices (landscape phones, 576px and up)	*/
@media (min-width: 576px) and (max-width: 767.98px) {
	
	/* ============================== */

	.container{
		max-width: 540px;
	}

	.heading h3{
		font-size: 24px;
	}
	.heading h4{
		font-size: 20px;
	}

	.para_texts p{
		font-size: 16px;
	}

	.cta_btn {
		font-size: 16px;
		min-width: 200px;
		padding: 10px 25px;
	}

	/* ============================== */

	.navbar{
		padding: 7.5px 0px;
	}
	.navbar.active{
		padding: 7.5px 0px;
	}

	.navbar .container{
		padding: 0px 15px;
	}

	.navbar .navbar-collapse{
		position: absolute;
		width: 100%;
		
		top: 53px;
		left: 0px;
		right: 0px;
		transition: all 0.3s ease-in;
		background: -o-linear-gradient(125deg,rgb(19,0,162) 0%,rgb(0,0,0) 100%);
		background: linear-gradient(125deg,rgb(19,0,162) 0%,rgb(0,0,0) 100%);
	}
	.navbar .navbar-nav .nav-item{
		text-align: center;
		width: 180px;
		margin: 0px auto;
	}
	.navbar .navbar-nav .nav-item .nav-link{
		padding: 10px 15px;
		display: block;
		border-bottom: 1px solid #575757;
	}
	.navbar .navbar-nav .nav-item.contact_us {
		margin: 10px auto;
		display: block;
	}
	.navbar .navbar-nav .nav-item.contact_us .cta_btn{
		display: inline-block;
		padding: 7.5px 15px;
		color: var(--lightColor);
		border-bottom: none;
	}

	/* ============================== */

	.hero_banner .contents .banner_title h3{
		font-size: 24px;
	}

	/* ============================== */

	.carousel-control-prev{
		left: 0px;
		width: 30px;
		height: 45px;
	}
	.carousel-control-prev-icon {
		background-size: 30px 30px;
		width: 30px;
		height: 30px;
	}
	.carousel-control-next{
		right: 0px;
		width: 30px;
		height: 45px;
	}
	.carousel-control-next-icon {
		background-size: 30px 30px;
		width: 30px;
		height: 30px;
	}

	/* ============================== */

	.services_wrap{
		padding: 40px 0px;
	}
	.services_wrap .heading{
		margin-bottom: 30px;
	}
	.services {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 30px;
	}

	/* ============================== */

	.highlighted_facts_wrap{
		padding-top: 40px;
	}
	.highlighted_facts {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.highlighted_facts .image_wrap{
		-webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
		text-align: center;
	}
	.highlighted_facts .image{
		max-width: 350px;
		margin: 0px auto;
	}

	/* ============================== */

	.trusted_by_wrap {
		padding: 40px 0px;
		padding-bottom: 30px;
	}
	.trusted_by ul li {
		margin: 10px;
	}
	.trusted_by ul li img {
		max-height: 80px;
	}
	.why_work .bullet_points ul {
		text-align: left;
	}
	.why_work .bullet_points ul li{
		font-size: 15px;
	}

	/* ============================== */

	.intro_carousel_wrap {
		padding: 20px 0px;
		padding-bottom: 40px;
	}
	.intro_slide_contents{
		justify-content: center;
	}
	.intro_slide_contents .carousel_right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 230px;
		flex: 0 0 230px;
		max-width: 230px;
		margin-left: 0px;
		margin-right: 10px;
		-webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
	}
	.intro_slide_contents .carousel_left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 230px;
		flex: 0 0 230px;
		max-width: 230px;
		margin-right: 0px;
		margin-left: 10px;
		padding: 25px 55px;
		-webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
	}
	.intro_slide_contents .intro_slide {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
	}

	/* ============================== */
	/* ============================== */

	.about_banner h2{
		font-size: 36px;
	}

	/* ============================== */

	.about_page {
		padding: 40px 0px;
	}

	/* ============================== */

	.why_choose_us_wrap{
		padding-top: 40px;
	}
	.why_choose_us {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.why_choose_us .left_image {
		-webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
	}
	.why_choose_us .left_image .image{
		max-width: 400px;
		margin: 0px auto;
	}

	/* ============================== */

	.why_stands_out {
		padding: 40px 0px;
	}

	/* ============================== */

	.get_started {
		padding-bottom: 40px;
	}
	.get_started .founder_info h6{
		font-size: 16px;
	}

	/* ============================== */
	/* ============================== */

	.legal_page {
		padding: 30px 0px;
	}
	.legal_page .page_title h3{
		font-size: 22px;
	}
	.legal_page .para_texts p{
		font-size: 16px;
	}
	.legal_page .legal_heading {
		margin-bottom: 10px;
	}
	.legal_page .legal_heading h4{
		font-size: 16px;
	}
	.legal_page .single_part {
		margin-bottom: 25px;
	}
	.legal_page .legal_sub_heading h6{
		font-size: 16px;
	}
	.legal_page .numbered_points ol li{
		font-size: 16px;
	}
	.legal_page .bullet_points ul li{
		font-size: 16px;
	}

	/* ============================== */
	/* ============================== */

	.about_banner .faq_banner .para_texts p{
		font-size: 15px;
	}
	.faq_page {
		padding: 30px 0px;
	}

	/* .faqs .single_faq {
		margin-bottom: 20px;
	}
	.faqs .single_faq .faq_question h5{
		font-size: 16px;
	}
	.faqs .single_faq .para_texts p {
		font-size: 16px;
	} */

	.faq_page .faq_icons ul li img {
		max-width: 80px;
	}
	.faqs .single_item .click_item a{
		font-size: 16px;
		padding: 15px;
	}
	.faqs .contents p{
		font-size: 16px;
	}

	/* ============================== */
	/* ============================== */

	.resources_page {
		padding: 30px 0px;
	}
	.resources_page .heading {
		margin-bottom: 25px;
	}

	.resources_list .resource_box {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
		margin-bottom: 20px;
	}

	.resources_list .resource_box .box_left h3{
		font-size: 20px;
	}
	.resources_list .resource_box .box_left .box_image{
		max-width: 200px;
		margin: 0px auto;
	}

	/* ============================== */
	/* ============================== */

	.traffic_page .traffic_contents {
		margin: 40px 0px;
	}
	.traffic_page .traffic_boxes {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 20px;
	}

	.traffic_page .traffic_contents .heading h4 .thin_texts{
		font-size: 15px;
	}
	.traffic_page .tr_bottom_part .heading h4 .thin_texts{
		font-size: 16px;
	}

	/* ============================== */
	/* ============================== */

	.overview_page .heading h3{
		font-size: 24px;
	}
	.overview_page .resources_list {
		margin-bottom: 25px;
	}

	/* ============================== */
	
}

/*	Medium devices (tablets, 768px and up)	*/
@media (min-width: 768px) and (max-width: 991.98px) {
	
	/* ============================== */

	.container{
		max-width: 730px;
	}

	.heading h3{
		font-size: 28px;
	}
	.heading h4{
		font-size: 24px;
	}

	.para_texts p{
		font-size: 18px;
	}

	/* ============================== */

	.navbar{
		padding: 7.5px 0px;
	}
	.navbar.active{
		padding: 7.5px 0px;
	}

	.navbar .container{
		padding: 0px 15px;
	}

	.navbar .navbar-collapse{
		position: absolute;
		width: 100%;
		
		top: 53px;
		left: 0px;
		right: 0px;
		transition: all 0.3s ease-in;
		background: -o-linear-gradient(125deg,rgb(19,0,162) 0%,rgb(0,0,0) 100%);
		background: linear-gradient(125deg,rgb(19,0,162) 0%,rgb(0,0,0) 100%);
	}
	.navbar .navbar-nav .nav-item{
		text-align: center;
		width: 180px;
		margin: 0px auto;
	}
	.navbar .navbar-nav .nav-item .nav-link{
		padding: 10px 15px;
		display: block;
		border-bottom: 1px solid #575757;
	}
	.navbar .navbar-nav .nav-item.contact_us {
		margin: 10px auto;
		display: block;
	}
	.navbar .navbar-nav .nav-item.contact_us .cta_btn{
		display: inline-block;
		padding: 7.5px 15px;
		color: var(--lightColor);
		border-bottom: none;
	}

	/* ============================== */

	.carousel-control-prev{
		left: 0px;
		width: 30px;
		height: 45px;
	}
	.carousel-control-prev-icon {
		background-size: 30px 30px;
		width: 30px;
		height: 30px;
	}
	.carousel-control-next{
		right: 0px;
		width: 30px;
		height: 45px;
	}
	.carousel-control-next-icon {
		background-size: 30px 30px;
		width: 30px;
		height: 30px;
	}

	/* ============================== */

	.services_wrap{
		padding: 40px 0px;
	}
	.services_wrap .heading{
		margin-bottom: 30px;
	}
	.services {
		-ms-grid-columns: 1fr 30px 1fr;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}

	/* ============================== */

	.highlighted_facts_wrap{
		padding-top: 40px;
	}
	.highlighted_facts {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.highlighted_facts .image_wrap{
		-webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
		text-align: center;
	}
	.highlighted_facts .image{
		max-width: 350px;
		margin: 0px auto;
	}

	/* ============================== */

	.trusted_by_wrap {
		padding: 40px 0px;
		padding-bottom: 30px;
	}

	/* ============================== */

	.intro_carousel_wrap {
		padding: 20px 0px;
		padding-bottom: 40px;
	}
	.intro_slide_contents{
		justify-content: center;
	}
	.intro_slide_contents .carousel_right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 230px;
		flex: 0 0 230px;
		max-width: 230px;
		margin-left: 0px;
		margin-right: 10px;
		-webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
	}
	.intro_slide_contents .carousel_left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 230px;
		flex: 0 0 230px;
		max-width: 230px;
		margin-right: 0px;
		margin-left: 10px;
		padding: 25px 55px;
		-webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
	}
	.intro_slide_contents .intro_slide {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
	}

	/* ============================== */
	/* ============================== */

	.about_page {
		padding: 40px 0px;
	}

	/* ============================== */

	.why_choose_us_wrap{
		padding-top: 40px;
	}
	.why_choose_us {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 0px;
	}
	.why_choose_us .left_image {
		-webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
	}
	.why_choose_us .left_image .image{
		max-width: 450px;
		margin: 0px auto;
	}

	/* ============================== */

	.why_stands_out {
		padding: 40px 0px;
	}

	/* ============================== */

	.get_started {
		padding-bottom: 40px;
	}
	.get_started .founder_info h6{
		font-size: 18px;
	}

	/* ============================== */
	/* ============================== */

	.resources_page {
		padding: 40px 0px;
	}
	.resources_list .resource_box .box_left h3{
		font-size: 20px;
	}

	/* ============================== */
	/* ============================== */

	.traffic_page .traffic_contents .heading h4 .thin_texts{
		font-size: 21px;
	}

	.traffic_page .traffic_boxes {
		-ms-grid-columns: 1fr 10px 1fr 10px 1fr;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
	.traffic_page .traffic_boxes .cta_btn {
		font-size: 15px;
		min-width: 100%;
		padding: 11.5px 5px;
	}
	.traffic_page .traffic_boxes .tr_logo img {
		max-height: 37px;
	}
	.traffic_page .traffic_boxes .box_body {
		padding: 10px;
	}
	.traffic_page .tr_bottom_part .heading h4 .thin_texts{
		font-size: 20px;
	}

	/* ============================== */
	
}

/*	Large devices (desktops, 992px and up)	*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	/* ============================== */

	.container{
		max-width: 960px;
	}

	/* ============================== */

	.resources_list .resource_box .box_left h3{
		font-size: 20px;
	}

	/* ============================== */
	
}

/*	Extra large devices (large desktops, 1200px and up)	*/
@media (min-width: 1200px) {
	
	.container{
		max-width: 1030px;
	}
	
}