@media only screen and (min-width:320px) and (max-width:992px){
body,html{ overflow-x:hidden;}
	.res-d-flex{ display:flex !important;}
	.container-fluid,.container{max-width:90%;}
	.wow{ visibility:inherit !important;}
	.res-full{ width:100% !important; max-width:100% !important; flex:0 0 100% !important;}
	.res-show{ display:block !important;}
	.res-hide{ display:none !important;}
	.res-padding0{padding:0px !important;}
	
	header{}
	header{ position:fixed !important; top:0px; left:0px; width:100%; padding:10px 0px !important;}
	header{ padding:15px 0px; padding-top:0px;}
	header .logo{ width:180px; position:relative}
	
	nav{ position:fixed !important; top:0px; right:-100%; width:86% !important; height:100%; background:#fff; z-index:100000; max-height:100%;
		 opacity:0; padding-top:15px; display:block !important;}
	nav.d-flex{display:block !important;}	 
		
	nav.open{ right:0px; opacity:1;}	
	
	.close-nav {
    display: block!important;
    width: 35px;
    position:absolute;
    top: 0px;
    left: -35px;
    cursor: pointer;
    background: #fff;
    padding: 10px;
	}
	
	.close-nav img{ width:20px !important;}
	nav ul{ position:relative !important; z-index:10000; background:#fff; max-height:85%; overflow:scroll; overflow-x:hidden;}
	
	nav ul{ padding:0px 25px !important;}
	nav ul li{ width:100%; padding:0px !important; margin:0px !important;}
	nav ul li a{ padding:15px 0px; display:flex; font-size:16px !important; color:#000 !important; border-bottom:1px solid rgba(0,0,0,0.1);}
	nav ul li a:before{ display:none !important;}
	
	.mega_menu{ background:none !important;}
	.mega_menu h4{ margin:0px !important; padding:10px 0px !important;}
	
	.mega_menu h4 .fa{ display:block !important;}
	nav ul li a .fa{ margin-left:auto;}
	nav .btns{ display:flex !important; align-items:center; justify-content:center; margin-top:10px; margin-left:0px !important; width:100%; margin-bottom:15px; position:absolute; bottom:0px; left:0px; padding-bottom:10px;}
	nav .btns li{ margin:0px 5px !important;}
	nav .btns a{ padding:8px 20px !important; font-size:13px !important;}
	
	nav ul.list{ padding-top:10px !important; margin-top:0px !important;}
	
	nav ul li .item ul{ padding:15px 0px !important; padding-top:5px !important;}
	nav ul li .item ul li{ padding-left:30px !important;}
	
	nav ul li .dropdown-menu{ position:static !important; opacity:1 !important; visibility:inherit !important; display:none !important;
		box-shadow:none !important; min-width:100% !important; width:100% !important;}
 	nav ul li .dropdown-menu hr{ display:none !important;}
	.single_lavel{ background:#fafafa !important;}	
	.single_lavel li { border-bottom:1px solid rgba(0,0,0,0.070) !important;}
	.single_lavel li:last-child{ border-bottom:0px !important;}

	nav .dropdown-menu.show{ display:block !important;}
	nav .mega_menu{ border-bottom:1px solid rgba(0,0,0,0.1) !important; padding-top:10px !important;}
	nav .mega_menu  a{ border-bottom:0px !important;}
	nav .mega_menu .row{ display:block !important;}
	nav .mega_menu .row .col{max-width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:0px; padding-bottom:15px;}
	nav .mega_menu .row .col img{ width:120px;}
	.mega_menu .owl-dots{ display:block; margin-top:20px;}
	
	nav .dropdown-menu li{ padding:0px;}
	
	.mega_menu{ display:none; padding:0px !important; width:100% !important;}
	.mega_menu .ocountry_slider { display:block;}
	.mega_menu  .item{flex:1;}
		
	.mega_menu.show{ width:100% !important; padding:0px 15px!important;}	
	.mega_menu  .item ul{ display:none;}
	.mega_menu  .item ul.act{ display:block;}
	.mega_menu  .item ul li{ margin-bottom:10px !important;}
	/*.mega_menu  .item h4.act{ pointer-events:none;}*/
	
	.mega_menu h4:hover a{ color:#000 !important;}
	.mega_menu .box_{ width:100% !important;}
	
	.mega_menu:after{ display:none;}
	.mega_menu h4:before{ display:none;}
	.mega_menu h4 a{ font-size:13px !important; color:#000 !important;}
	.mega_menu h4 a:before{ display:none !important;}
	
	header.scroll ul.list li{margin-top:0px !important;}
	
	header .part1{ display:flex; align-items:center; max-width:100%; flex:0 0 100%;}
	
	
	footer .part2,footer .part4{ padding-left:15px !important;}
	footer .column{ margin-top:20px !important;}
	
	footer .part1 img{ top:0px !important;}
	
	footer h4{ display:flex;}
	
	.row .order1{ order:1;}
	.row .order2{ order:2;}
	
	header + div{ margin-top:64px;}
	
	footer .part1,footer .part2,footer .part3,footer .part4{ max-width:100%; flex:0 0 100%;}
	
	.banner .container-fluid .before,.banner .container-fluid .after{ display:none;}
	.banner{ padding-top:35px;}
	
	
	
	.service_activity_section{ padding-bottom:0px;}
	.activity_row { display:block !important;}
	.service_activity_section .col1, .service_activity_section .col3{ width:100%;}
	.service_activity_section .col1 .box, .service_activity_section .col3 .box{ left:0px !important;}
	.service_activity_section .col2{ display:none;}
	.service_activity_section .activity_row .box .info{ text-align:left !important;}
	
	.service_activity_section .col1 .box .info{order:2;}
	.service_activity_section  .box .icon{order:1; margin-left:0px !important; margin-right:0px !important;}
	.service_activity_section .activity_row .box{ margin-bottom:25px;}
	.service_activity_section .activity_row .col3 .box:last-child{ margin-bottom:0px !important;}
	.service_activity_section .activity_row .box .icon{ width:70px;}
	
	
	.service_activity_section .activity_row .col3 .icon{ order:1;}
	.service_activity_section .activity_row .col3 .info{ order:2;}
	.service_activity_section .activity_row .col3,.service_activity_section .activity_row .col4,.service_activity_section .activity_row .col5{ padding-left:0px !important;}
	
	.service_activity_section .container-fluid{ padding:0px !important; max-width:100% !important;}
	
	.info_box{ margin-top:35px; width:100% !important;}
	
	.progressbar{ white-space:nowrap; overflow:scroll; display:block; height:108px; margin-left:-20px; text-align:center;}
	.progressbar::-webkit-scrollbar{ display:none !important;}
	.progressbar li{ width:33%;}
	.progressbar li a{ left:0%; display:block; font-size:12px; text-align:center; white-space:normal;}

	.get_startted_first_sec_form { padding:0px !important; margin-top:25px !important;}
	#user-details .col-md-6{ padding:0px 15px !important;}
	#user-details{ margin-top:20px;}
	.get_startted_first_sec_form .row.mb-3, #payments .row.mb-3{ margin-bottom:0px !important;}
	
	#personal-details div.border-left, #user-details div.border-left{ border-left:0px !important;}
	
	#user-details form{ width:100% !important; padding:0px !important;}
	
	 #user-details div.border-left{ padding-left:15px !important; margin-top:25px;}
	 
	 #payments div.border-right{ border-right:0px !important;}
	 
	 #payments form{ padding:0px !important; padding-top:25px !important;}
	 #payments form .col-md-6{ padding:0px 15px !important;}

	
	.how_do_we_do_list{ text-align:center;}
	.how_do_we_do_list li{ width:95%; display:inline-block; margin:10px 10px !important;}
	
	.how_do_we_do_list li .img{ height:auto;}
	.how_do_we_do_list li .img img{ margin:0px !important;}
	.how_do_we_do_list li h4{ font-size:16px !important; line-height:25px; font-weight:600 !important;	}
	
	.insight_banner{ padding:0px 10px !important; padding-right:0px !important;}
	.insight_banner img{ margin:0px !important;}
	
	.paymant_det .col-md-7,.paymant_det .col-md-5{ padding-left:15px !important;   padding-right:15px !important;  margin-top:30px !important;}
	
	.pl-15{ padding-left:15px !important;}
	
	.terms_right{ margin-top:25px;}
	.tesms_page{ padding-bottom:0px; padding-top:0px;}
	
	.terms_banner:before{ height:95px;}
	
	.terms_box :last-child{ margin-bottom:0px !important;}

}


@media only screen and (min-width:320px) and (max-width:767px){
	
	.font-36{ font-size:26px !important;}

.row .order1,.row .order2,.section_pad .col-md-6{ padding:0px;}
	h2.hd, h3.font-26{ font-size:24px !important; line-height:34px;}
	.font-24,.font-20{ font-size:18px !important; line-height:28px;}
	
	.home_banner .col-md-7{padding:5vh 40px; text-align:center;  position:absolute; top:0px; left:0px; width:100%; z-index:1;}
	.home_banner .col-md-5 img{ width:100%;  opacity:0.3;}
	.home_banner h1{ font-size:32px; margin-bottom:10px;}
	.home_banner h2{ font-size:22px;}
	.home_banner p{ font-size:16px; line-height:25px; font-weight:500 !important;}
	
	.home_services{ padding-top:0px; margin-top:0px;}
	.home_services .col-md-4{ max-width:50%; flex:0 0 50%; flex-direction:column; margin:0px !important; text-align:center;}
	.home_services .col-md-4 img{ width:40px;}
	.home_services .col-md-4 h3{ font-size:14px !important; line-height:23px !important;}
	.home_services .col-md-4 p{ display:none;}
	.home_services .col-md-4 .info{ padding-left:0px !important;}
	
	.acc_section .container-fluid,.made_simple .container-fluid{ padding:0px;}
	.acc_section img{ margin:25px 0px;}
	
	.made_simple,.reason_slider_wrapper{ padding-top:0px; padding-bottom:0px;}
	
	.home_services{ padding-bottom:0px;}
	
	.home_services { padding-top:25px !important;}
	.home_services .col-md-4 h3{ margin-bottom:0px;}
	.home_services .col-md-4{ padding:25px 0px !important; height:120px; border-right:1px solid rgba(0,0,0,0.1);  border-bottom:1px solid rgba(0,0,0,0.1);}
	.home_services .col-md-4:nth-child(2),.home_services .col-md-4:nth-child(4),.home_services .col-md-4:nth-child(6){ border-right:0px;}
	.home_services .col-md-4:nth-child(5),.home_services .col-md-4:nth-child(6){ border-bottom:0px;}
	
	.home_services .col-md-4 .icon{ height:50px;}
	
	.acc1{ padding-top:0px !important;}
	
	.set .content p{ font-size:14px; line-height:25px !important;}
	
	.acc_section_padding{ padding-top:0px; padding-bottom:0px;}
	
	.section_last{ padding-top:0px; padding-bottom:0px;}
	
	.banner .container-fluid .before,.banner .container-fluid .after{ display:none;}
	.banner{ padding-top:25px;}
	
	.career_form{ width:100%;}
	.career_form  .col-md-6, .career_form   .col-md-12, .demo .container-fluid, .res_p_0{ padding:0px;}
	.res_p_0,#payments form .col-md-6.res_p_0, #user-details div.border-left.res_p_0{ padding:0px !important;}
	
	.contact_section { padding-top:10px;}
	.contact_section  .col-md-7{ padding:0px !important;}
	.contact_section  img{ margin-top:25px;}
	
	.demo{ padding-bottom:0px;}
	.demo .editor ul{ text-align:left !important;}
	
	.contact_details .col-md-7{ padding-right:0px !important;}
	.contact_info .rounded-circle img{ margin-top:0px !important;}
	.contact_info p.font-18{ font-size:16px !important;}
	
	.form .form-group .icon{ margin-top:0px !important;}
	
	.contact_boxes{padding-right:0px;}
	
	.contact_boxes .card_border .info{ width:90%;}
	.contact_boxes .card_border .info .badge{ display:flex;}
	.contact_boxes .card_border img{ margin-top:0px;}
	
	.solutions .col-md-6{ padding:0px 15px !important;}
	.solutions .col-md-6:last-child{ margin-top:35px !important;}
	
	
	.editor p,.editor ol li,.editor ul li{font-size:16px !important; line-height:28px;}
	
	.pd-b-0{ padding-bottom:0px;}
	
	.section_pad{ padding-top:35px !important;}
	
	.get_demo_form{ padding-right:0px !important; padding-left:0px !important;}
	.get_demo_form .form-group{ margin-bottom:0px !important;}
	.get_demo_form .info h3.font-20{ font-size:16px !important;}
	.get_demo_form .rounded-circle{ width:35px !important; height:35px !important; margin-top:0px !important;}
	

		
	
	.get_startted_first{ padding-right:0px !important;}
	
	.get_started_process .btn{ font-size:14px !important; display:flex; align-items:center; justify-content:center; padding:7px 30px !important; height:auto !important;}
	
	.no_of_login .input_{ width:57%; margin:auto;}
	.no_of_login .input_ input{ padding-left:30px !important;}
	.no_of_login #no_of_login{ width:100% !important;}
	
	.banner  h2,.banner  ul{ padding-left:0px !important; text-align:center;}
	
	.insight_details{ padding:0px !important; max-width:100% !important;}
	
	.how_do_we_do li .img{ height:auto !important;}
	
	.paymant_failed_banner img{ width:40px !important;}
	.paymant_failed_banner .hd{ font-size:20px !important; font-weight:500 !important;}
	
	.retry_section_bottom .btn{ width:auto !important; font-size:12px !important; padding:10px 15px !important; font-weight:600 !important;}
	
	.font-18{ font-size:16px !important; }
	
	.paymant_det{ padding:0px 15px !important;}
	
	.calculate_form{width:100% !important;}
	
	.calculate_form .btn{ font-size:14px !important; font-weight:600 !important; width:auto !important;}
	
	.pricing { margin-top:0px !important; margin-bottom:0px !important;}
	.pricing .col{ margin:0px !important;}
	
	.sitemap_banner:before{ height:95px;}
	
	.sitemap{ padding-bottom:0px !important;}
	.sitemap ul li{ margin-bottom:10px;}
	.sitemap ul li img{ margin:0px !important;}
	
	.support_:before{ height:190px !important;	}
	
	.support_page{ padding-top:0px;}
	.support_page .col-md-3,.support_page .col-md-9{ padding-right:0px !important; padding-left:0px !important;}
	
	
	h3.font-30{ font-size:25px !important;}
	
	.arrow_plus_minus a, .arrow_plus_minus a h3{ font-size:15px !important; line-height:25px !important;}
	
	.arrow_plus_minus a .fa{ top:20px;}

	.fixed_btns{ position:fixed; bottom:0px; left:0px; width:100%; z-index:10000; background:#fff; padding:0px !important; padding:5px !important; display:block;}
	.fixed_btns li{ width:48%; margin:0px 2px !important; padding:0px !important;}
	.fixed_btns li .btn{ width:100%; padding:10px 15px !important;}
	
	footer .container-fluid{ padding:0px;}
	
	.footer-links{ display:none;}
	
	footer .part4{ margin-top:15px;}
	
	.set.arrow3 h3{ font-size:15px !important;}
	.set.arrow3 > a .fa{ background:none !important; color:#000 !important; width:10px; font-size:18px !important;}
	
	.form .form-group .placeholder{ font-size:14px !important;}
	.form .form-group .placeholder.up{ font-size:11px !important;}
	
	.support_card{ width:100% !important; height:100vh; max-height:100vh; overflow:scroll; position:fixed !important; top:0px !important; left:-100% !important; background:#fff; padding:10px; z-index:1000000; opacity:0; transition:all 0.2s;}
	.support_card.open{ left:0px !important; opacity:1 !important;}
	.support_card::-webkit-scrollbar{ width:3px !important;}	
	.support_card::-webkit-scrollbar-thumb{ background:#ccc !important;}
	.support_card li{ padding:10px !important;}
	
	
}

@media only screen and (min-width:320px) and (max-width:550px){
	.progressbar li a{ left:10% !important;}
	.home_services .col-md-4{ padding:0px;}
	.home_services .col-md-4 h3{ font-size:12px !important; line-height:20px !important;}
}


@media only screen and (min-width:500px) and (max-width:767px){
	.no_of_login { width:325px !important;}
	.home_banner .col-md-7{ padding:35px 10%;}
	.home_banner .col-md-5{ text-align:center;}
	.home_banner .col-md-5 img{ width:80%; margin:auto;}
}

@media only screen and (min-width:700px) and (max-width:767px){
	.home_banner .col-md-7{padding:15vh 20%;}
}
@media only screen and (min-width:550px) and (max-width:767px){
	.progressbar li a{ left:15% !important;}
	.progressbar li:nth-child(2) a{ left:20% !important;}
	.progressbar li:nth-child(3) a{ left:20% !important;}
	
	
}

@media only screen and (min-width:500px) and (max-width:767px){
	.home_services{ margin-top:-65px !important;}
}

@media only screen and (min-width:550px) and (max-width:992px){
	.home_services .col-md-4{flex:0 0 50%; max-width:50%; margin:20px 0px;}
	h2.hd{ font-size:32px !important; line-height:40px;}
	
	nav{ width:450px !important;}
	
	.progressbar li:nth-child(1) a{ left:20% !important;}
}

@media only screen and (min-width:767px) and (max-width:992px){
	.career_form{ width:100%;}
	.how_do_we_do_list li{ width:45% !important;}
	.home_banner .col-md-7{ padding-top:25px;}
	.home_banner .col-md-7 h1{ font-size:26px;}
	.home_banner .col-md-7 h2{ font-size:30px;}
	.home_banner .col-md-7 p{ font-size:16px;}
	.home_banner .col-md-5 img{ width:100%;}
}

@media only screen and (min-width:320px) and (max-width:450px){
	.chat_with_us li{ width:100%; text-align:center;}
	.home_banner .col-md-5{ padding-bottom:30px !important;}
	.home_banner{ padding-bottom:0px !important;}
	
	.home_services { padding-top:40px !important;}
	.home_services .col-md-4{ padding:15px 0px;}
	.home_services .col-md-4 .icon{ height:50px;}
	
		
	.bootstrap-datetimepicker-widget{ left:-50px !important; margin-left:0px !important;}
	.bootstrap-datetimepicker-widget:after,.bootstrap-datetimepicker-widget:before{ left:100px !important;}
}