@media (min-width:992px) {
	.mo-menu{
		 display:block;
	}

/*	.menuIcon{
    	display:none
 	}
*/
 	.mo_menu.active{
 		overflow-y:auto;
 	}

 	.ftr_mobile_menu{
 		display:none;
 	}

 	.nav-list .dropdwon:hover .navbar-dropdown {
	    transition: inherit;
	}

	.topmenu_sidebar_mobile, .topbar_right_icon .mobile_call{
		display:none;
	}
}

@media(max-width:1400px) {
	.banner_lft h1{
		font-size:84px;
		line-height:94px;
	}
	.ftr_newsletter {width: 300px;}
	.ftr_inr{column-gap:45px;}
	.sidemenu_btm_lft ul li a{
		font-size: 46px;
		font-weight: 300;
		line-height: 76px;
	}
	.mobile_nav {padding: 0 150px;}
}

@media(max-width:1366px) {
	.welcome_lft h3{font-size: 34px;line-height: 50px;}
	.why_us_rgt_cnt_inr ul{column-gap:30px;}
	.why_us_rgt_cnt_inr ul li h4{
		font-size: 20px;
	}
}

@media(max-width:1350px) {
	.container{
		width:95%;
	}
}

@media(max-width:1300px) {
	.banner_lft h1{
		font-size:80px;
		line-height:90px;
	}
	.welcome_lft h3{font-size: 30px;line-height:45px;}
	.dream_inr h3{padding-left:0;}
	.thanks_inner h1{font-size:58px;}
	.thanks_inner h2{font-size:56px;line-height:65px;}
}

@media(max-width:1200px) {
	.banner_lft h1{
		font-size:70px;
		line-height:80px;
	}

	.navbar .nav-list{
		column-gap:25px;
	}

	.welcome_rgt{padding-right:60px;}
	.welcome_inr{column-gap:50px;}
	.welcome_lft h3{font-size:28px;line-height:42px;}
	.what_offer_inr{column-gap:40px;}
	.graphics_itm h3, .website_itm h3, .domain_title h3{font-size:46px;}
	.our_project_title {margin-bottom:30px;}
	.our_project_itm_bottom h3{font-size: 30px;line-height: 42px;}
	.slider_arw{bottom:280px;}
	.our_project_itm_bottom{width:100%;}
	.worked_pepl_inr{grid-template-columns: repeat(4,1fr);}
	.wrkd_ppl_itm a img{width:100%;}
	.dream_inr{border-right: 56px solid #ed1c24;}
	.ftr_contact a{font-size:16px;line-height:26px;}
	.ftr_menu ul li a{font-size:16px;line-height:26px;}
	.ftr_inr {column-gap: 35px;}
	.ftr_contact {width: 200px;}
	.mobile_nav {padding: 0 100px;}
	.sidemenu_btm_lft ul li a {font-size: 40px;line-height: 70px;}
	.sidemenu_info ul li a{font-size: 24px;line-height: 34px;}
	.sidemenu_info ul li h4{font-size:24px;}
	.mo_menu.active .menuIcon.sidemenu_close{right:-70px;}
	.sidemenu_lft span{font-size:24px;}
	.serv-child p{padding:0 15px;}
	.inner_sec_title_inr h2{font-size:22px;margin-bottom:5px;}
	.inner_sec_title_inr h1{font-size:32px; line-height: 45px;}
	.our_story_lft p{font-size:20px;}
	.project_itm a:hover .project_itm_dtl_inr {bottom:50px;}
	.project_itm_dtl_inr{padding:0 30px;}
	.project_itm_dtl_inr ul{grid-row-gap:15px;}
	.why_us_lft {width: 25%;}
	.why_us_rgt_cnt_inr ul li h4{
		font-size:18px;
	}
	.error_inner h1{font-size: 44px;line-height:54px;}
	.error_inner h2{font-size:40px;line-height:50px;}
	.thanks_inner h1{font-size:54px;line-height:64px;}
	.thanks_inner h2{font-size:54px;line-height:64px;}
	.thanks_inner p{font-size:32px;line-height:45px;}
}

@media(max-width:1100px) {
	.welcome_main{padding:50px 0px;}
	.welcome_inr{margin-top:30px;}
	.welcome_lft h3{font-size:26px;line-height:40px;}
	.welcome_rgt p{font-size:18px; line-height:30px;}
	.what_offer_main{padding: 50px 0 80px;}
	.our_project_slider{padding-bottom:50px;}
	.our_project_itm{margin:0 30px;}
	.our_project_slider{margin:0 -30px;}
	.worked_people_main{margin:50px 0}
	.worked_pepl_inr{margin-top:50px;}
	.dream_inr{border-right:30px solid #ed1c24;}
	.dream_main{margin:50px 0;}
	.dream_inr{padding:40px 0px;}
	.serv-menu ul{grid-template-columns: repeat(3,1fr);}
	.our_story_main h2, .what_do_rgt h2, .why_us_rgt h2{font-size:28px;line-height:40px;}
	.why_us_rgt_cnt_inr ul{grid-template-columns: repeat(1,1fr);margin-top:30px;grid-row-gap:30px;}
	.thanks_inner h1{font-size:48px;line-height:58px;}
	.thanks_inner h2{font-size:48px;line-height:58px;}
	.thanks_inner p{font-size:28px;line-height:42px;}
}

@media(max-width:1024px) {
	.banner_lft h1{
		font-size:60px;
		line-height:70px;
		margin-bottom:30px;
	}

	.banner_lft p{
		font-size:18px;
		line-height:28px;
	}

	.banner_lft a{margin-top:30px;}
	.what_offer_inr:before{width:85%;}
	.worked_pepl_inr{margin-top:30px;}
	.our_story_main h2, .what_do_rgt h2, .why_us_rgt h2{font-size:26px;line-height:38px;}
	.what_do_lft h3, .why_us_lft h3{font-size:24px;line-height: 34px;}
}


@media(max-width:991px) {
	.container{
		width:90%;
	}
	.mo_menu.active{padding:30px 0px;}
	.sideMenu_top{margin-bottom:30px;}
	.sideMenu_top{display:block;text-align:center;}
	.mo_menu.active .menuIcon.sidemenu_close {right: 0;}
	.sidemenu_lft{margin-bottom:30px;}
	.sidemenu_rgt ul{justify-content:center;}
	.sidemenu_btm{display:block;}
	.sidemenu_btm_lft, .sidemenu_info ul li h4, .sidemenu_info ul li a, .sidemenu_info ul li p{
		text-align:center;
	}

	.sidemenu_info ul li p{margin:0 auto;}
	.sidemenu_info ul li a.direction_link{margin-top:10px;}

	.navigation{padding:30px 0px;}

	.mo_menu {
	    width:100%;
	    right: -100%;
	    padding:30px 0px;
	}

	.mobile_nav {
	    padding: 0 60px;
	}

	.sidemenu_btm_lft ul li a {
	    font-size: 36px;
	    line-height: 70px;
	}

	.sidemenu_book_now a {
	    font-size: 28px;
	}

	.sidemenu_info ul li {
	    margin-bottom:15px;
	}

	.sidemenu_info ul li h4 {
    	font-size: 22px;
    }

    .sidemenu_info ul li p{
		font-size: 20px;
		line-height: 32px;
		max-width: 380px;
    }

	.nav-list, .searchbar{
    	display:none !important;
  	}

  	.dropdwon .navbar-dropdown{
  		border-top:0;
  	}

  	.nav-list .dropdwon:hover .navbar-dropdown{
  		transition:inherit;
  	}

  	.submenu_inr li a{
  		color:#000 !important;
  	}

  	.mo_menu.active{
  		top:0;
  		box-shadow:0 16px 40px -12px #353535;
  	}

  	.dropdwon .navbar-dropdown{
  		opacity: 0	;
  	}

  	.submenu_main i{
		color:#fff;
	}

	.sideMenu ul li .navbar-dropdown{
		top:10px;
	}

	.submenu_inr{
		margin-top:10px;
	}

	.navbar{
		justify-content:space-between;
	}

	.menu_left_logo{
		display:none;
	}

	.menu_mid_main {
	    width: 100%;
	    justify-content:center;
	}

	.menu_mid img {
	    max-width: 160px;
	}

	.banner_inr{
		display:flex;
		flex-wrap:wrap;
		flex-direction:column-reverse;
	}

	.banner_lft, .banner_rgt{
		width:100%;
	}
	.banner_lft{margin-top:30px;}

	.banner_main:before{width:100%;right:0;background-size:cover;height:565px;}
	.banner_lft h1 {font-size: 52px;line-height: 62px;margin-bottom: 30px;}
	.welcome_inr{display:block;}
	.welcome_lft, .welcome_rgt{width:100%;}
	.welcome_rgt{margin-top:30px;}
	.welcome_main:before{width:30px;}
	.welcome_main h2, .what_offer_rgt h2, .our_project_title h2, .our_project_title h2,
	.worked_people_main h2, .dream_inr h3{
		font-size: 42px;
	}
	.dream_inr h3{font-size:38px;padding:0 20px;}
	.what_offer_rgt h2{margin-bottom:30px;}
	.what_offer_inr{column-gap:40px; flex-wrap: wrap; flex-direction: column-reverse;}
	.what_offer_lft, .what_offer_rgt{width:100%;}
	.website_itm img{width:100%;}
	.domain_itm{display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
	.domain_itm img, .what_offer_lft .graphics_itm img{width:100%;}
	.domain_title, .what_offer_lft .grph_title{width:100%;float:initial;position:initial;}
	.domain_title h3, .what_offer_lft .grph_title h3{writing-mode:initial;transform: rotate(0deg);}
	.website_title, .domain_title, .domain_title, .what_offer_lft .grph_title{
		padding:10px 20px; text-align:right;
	}
	.what_offer_lft .grph_title h3{display:block;}
	.what_offer_lft .website_itm{display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
	.domain_itm{margin-bottom: 30px;}
	.what_offer_cnt h3{font-size: 34px;line-height: 46px;}
	.what_offer_cnt{margin-top:30px;}
	.welcome_rgt a, .banner_lft a, .what_offer_cnt a, .our_project_cnt a{font-size: 20px;}
	.our_project_itm_bottom h3{font-size: 26px;line-height: 36px;}
	.our_project_cnt h2{font-size: 28px;margin-bottom: 15px;}
	.slider_arw button img{width:45px;}
	.worked_pepl_inr{
		grid-template-columns: repeat(4,1fr);
		column-gap:20px;
    	grid-row-gap:20px;
    }
    .ftr_inr{flex-wrap:wrap;grid-row-gap:30px;}
    .ftr_newsletter .ftr_newsletter_frm input{width:50%;}
    .ftr_logo, .ftr_contact, .ftr_menu, .ftr_services, .ftr_newsletter{width:100%;}
    .map_sec_main{border-bottom: 1px solid #bdbdbd;}
    .serv-menu ul{display:block;}
    .serv-menu ul li{margin-bottom:20px;}
    .serv-menu ul li:last-child{margin-bottom:0px;}
    .serv-menu ul li a{border:0; display:block; min-height: inherit;}
    .serv-menu ul li a .maindat{display:flex;align-items:center;}
    .serv-child p{margin-top:0;min-height:inherit;text-align:left;}
    .serv-menu {margin-top: 30px;}
    .serv-icon i{width:34px;display:block;}
    .serv-menu ul li a:hover{background: inherit;border:0;transform: translateY(0px);}
    .contact_dtl_inr{display:block;}
    .contact_dtl_lft, .contact_dtl_rgt{width:100%;}
    .contact_dtl_lft ul{display:flex; justify-content:space-between;}
    .our_story_lft p{font-size:18px;margin-bottom:20px;}
    .our_story_inr{column-gap:60px;}
    .our_story_rgt {width: 20%;}
    .our_story_lft {width: 80%;}
    .our_story_rgt li{font-size:20px;margin-bottom:15px;}
    .error_inner h1{font-size:38px;line-height:50px;}
    .error_inner h2{font-size:38px;line-height:50px;}
    .thanks_inner h1{font-size:40px;line-height:54px;}
	.thanks_inner h2{font-size:40px;line-height:54px;}
	.thanks_inner p{font-size:26px;line-height:38px;}
}


@media(max-width:767px) {
	.banner_lft h1 {font-size:40px;line-height:50px;margin-bottom:20px;}
	.welcome_lft h3{font-size:22px;line-height:32px;}
	.welcome_main h2 {font-size: 38px;}
	.welcome_main:before{content:none;}
	.welcome_rgt{padding-right:0;}
	.welcome_rgt a, .banner_lft a{font-size:20px;}
	.what_offer_inr:before{width:90%;}
	.graphics_itm h3, .website_itm h3, .domain_title h3 {font-size: 36px;}
	.what_offer_main {padding: 50px 0 80px;}
	.our_project_cnt{position:initial;width:100%;}
	.our_project_itm_bottom{margin-top:30px;}
	.our_project_itm_bottom h3{font-size:22px;line-height:32px;}
	.our_project_slider {padding-bottom: 80px;}
	.slider_arw{display:none;}
	.our_project_slider .slick-dots{bottom:20px;}
	.our_project_slider .slick-dots li.slick-active button:before{
		background: #ed1c24;
    	border-radius: 10px;
	}

	.our_project_slider .slick-dots li button:before{
		background: #000;
    	border-radius: 10px;
    	opacity:1;
	}
	.what_offer_cnt{padding-right:0;}
	.what_offer_cnt h3 {font-size: 28px;line-height: 38px;}
	.welcome_main h2, .what_offer_rgt h2, .our_project_title h2, .our_project_title h2,
	.worked_people_main h2, .dream_inr h3, .dream_inr h3{
		font-size:34px;
	}
	.worked_pepl_inr{
		grid-template-columns: repeat(3,1fr);
		column-gap:30px;
    	grid-row-gap:30px;
    }
    .worked_pepl_inr .wrkd_ppl_itm:last-child a{height:200px;}
    .dream_inr{border-left:10px solid #ed1c24;border-right:10px solid #ed1c24;}
    .map_sec_img{position:initial;}
    .map_sec_info{width:100%;}
    .sidemenu_btm_lft ul li a {
    	font-size: 32px;
    	line-height: 58px;
	}
	.serv-child p{font-size:16px;}
	.serv-icon i {font-size: 36px;}
	.back-page a i{font-size: 27px;line-height: 22px;}
	.back-page a p{font-size: 24px;}
	.ftr_inr h3{margin-bottom:10px}
	.ftr_inr{grid-row-gap:20px;}
	.contact_dtl_lft ul{display:block;}
	.our_story_inr, .what_do_inner, .why_us_inner{display:block;}
	.our_story_lft, .our_story_rgt, .why_us_lft, .why_us_rgt{width:100%;}
	.our_story_rgt{margin-top:30px;}
	.what_do_lft, .what_do_rgt{width:100%;}
	.what_do_rgt, .why_us_rgt{margin-top:15px;}
	.what_do_lft h3, .why_us_lft h3 {font-size: 22px;line-height:30px;}
	.what_do_rgt p:last-child, .why_us_rgt ul li:last-child{margin-bottom:0;}
	.why_us_rgt ul li:last-child p{margin-bottom:0;}
	.why_us_rgt ul{margin-top:30px;}
	.why_us_rgt ul li h4{font-size:22px;margin-bottom:10px;}
	.project_inr{display:block;}
    .project_itm{width:100%;}
    .project_itm a:hover .project_itm_dtl_inr {bottom: 30px;}
    .project_itm_dtl_inr h3{line-height:32px;font-size:22px;}
    .project_tag_inr ul{column-gap:30px;grid-row-gap:15px;}
    .cms_innr h3{font-size:22px;}
    .error_inner h1{font-size:34px;line-height:45px;}
    .error_inner h2{font-size:34px;line-height:44px;}
    .error_inner img{margin:30px 0px;}
     .thanks_inner h1{font-size:38px;line-height:48px;}
	.thanks_inner h2{font-size:38px;line-height:48px;}
	.thanks_inner p{font-size:26px;line-height:38px;}
}

@media(max-width:600px) {
	.mobile_nav {padding: 0 30px;}
	.banner_lft h1 {font-size:34px;line-height:44px;margin-bottom:20px;}
	.banner_lft p {font-size: 16px;line-height: 26px;}
	.what_offer_cnt h3 {font-size: 24px;line-height: 34px;}
	.graphics_itm h3, .website_itm h3, .domain_title h3 {
    	font-size: 32px;
	}
	.our_project_cnt{padding:20px 20px 20px;}
	.our_project_cnt h2 {font-size: 25px;margin-bottom: 15px;}
	.welcome_rgt a, .banner_lft a, .what_offer_cnt a, .our_project_cnt a {font-size: 18px;}
	.worked_pepl_inr{
		grid-template-columns: repeat(2,1fr);
		column-gap:30px;
    	grid-row-gap:30px;
    }
    .worked_pepl_inr .wrkd_ppl_itm:last-child a{height:100%;}
    .dream_inr h3{font-size:26px;}
    .map_sec_info{border-right:0px solid #ed1c24;padding:30px 15px;}
    .sidemenu_info ul li a {
    	font-size: 22px;
    	line-height: 32px;
	}
	.ftr_newsletter .ftr_newsletter_frm input{width:100%;}
	.inner_sec_title_inr h2{font-size:20px;}
	.inner_sec_title_inr h1{font-size:28px; line-height: 40px;}
	.nice-select .option{font-size:16px !important;line-height:30px;}
	.our_story_main h2, .what_do_rgt h2, .why_us_rgt h2 {
    	font-size: 24px;
    	line-height: 36px;
    }
    .what_do_lft h3, .why_us_lft h3 {font-size: 20px;line-height: 30px;}
    .our_story_lft p {font-size: 16px;margin-bottom: 20px;}
    .what_do_rgt p, .why_us_rgt p{font-size:16px;}
    .why_us_rgt ul li h4{font-size:20px;}
    .grid article {width: 100%;}
    .error_btn{
		text-align:center;
	}
	.error_inner h2{text-align:center;}
	.thanks_inner .error_btn{
		text-align:left;
	}
	.thanks_inner h1 {font-size: 36px;line-height: 46px;}
	.thanks_inner h2 {font-size: 34px;line-height: 44px;margin-bottom: 20px;}
}

@media(max-width:500px) {
	.copyright{
		flex-wrap:wrap;
	}

	.copyright p{
		width:100%;
		text-align:center;
	}
	.dream_inr {
	    border-left: 5px solid #ed1c24;
	    border-right: 5px solid #ed1c24;
	}
	.sidemenu_info ul li a {
    	font-size: 20px;
    	line-height: 32px;
	}

	.error_inner h1 {
	    font-size: 30px;
	    line-height: 40px;
	}
}

@media(max-width:400px) {
	.error_inner h1 {
	    font-size:28px;
	    line-height:38px;
	}
	.error_inner h2 {
	    font-size: 28px;
	    line-height:38px;
	}
}