@media only screen and (max-width: 1900px) {
	
	.main_port_design {width: 100%;float: left;display: block;text-align: center;margin-top: 30px;}
.main_port_design ul li {margin-bottom: 41px; display: inline-block;float: none;width: 500px;transition: top 0.5s ease 0s, left 0.5s ease 0s, width 0.5s ease 0s, height 0.5s ease 0s, opacity 0.5s ease 0s;
}
.screen_design{float:left;width:400px;height:auto;position:relative;}
.box-design{width:400px;height:auto;display:inline-block;text-align:center;}
.design{width:100%;float:none;position:relative;display:inline-block;}
.website-img-design{float:left;width:100%;margin-top: -215px;}
.website-img-design img{width: 310px;height: 215px;}
.screen_design img {width: 400px;height: auto;top: 9px;position: relative;}
	
	}



@media only screen and (max-width: 1800px) {
.main_port_design {width: 100%;float: left;display: block;text-align: center;margin-top: 30px;}
.main_port_design ul li {margin-bottom: 41px; display: inline-block;float: none;width: 500px;transition: top 0.5s ease 0s, left 0.5s ease 0s, width 0.5s ease 0s, height 0.5s ease 0s, opacity 0.5s ease 0s;
}
.screen_design{float:left;width:400px;height:auto;position:relative;}
.box-design{width:400px;height:auto;display:inline-block;text-align:center;}
.design{width:100%;float:none;position:relative;display:inline-block;}
.website-img-design{float:left;width:100%;margin-top: -215px;}
.website-img-design img{width: 310px;height: 215px;}
.screen_design img {width: 400px;height: auto;top: 9px;position: relative;}
	
}



@media only screen and (max-width: 1600px) {
	.mid_head h2 {font-size:20px;}
	.mid_head h1 {font-size:35px;}
	
	.title-image h3 {font-size:22px;}
	
	
		.main_port_design {width: 100%;float: left;display: block;text-align: center;margin-top: 30px;}
.main_port_design ul li {margin-bottom: 41px; display: inline-block;float: none;width: 425px;transition: top 0.5s ease 0s, left 0.5s ease 0s, width 0.5s ease 0s, height 0.5s ease 0s, opacity 0.5s ease 0s;
}
.screen_design{float:left;width:400px;height:auto;position:relative;}
.box-design{width:400px;height:auto;display:inline-block;text-align:center;}
.design{width:100%;float:none;position:relative;display:inline-block;}
.website-img-design{float:left;width:100%;margin-top: -215px;}
.website-img-design img{width: 310px;height: 215px;}
.screen_design img {width: 400px;height: auto;top: 9px;position: relative;}
     
}



@media only screen and (max-width: 1300px) {
	.mid_head h2 {font-size:16px;line-height:1.4;}
	.mid_head h1 {font-size:32px;}
	.header_main {height:160px;}
	
	.title-image h3 {font-size:17px;}
	
	
	.main_port_design {width: 100%;float: left;display: block;text-align: center;margin-top: 30px;}
.main_port_design ul li {margin-bottom: 41px; display: inline-block;float: none;width: 390px;transition: top 0.5s ease 0s, left 0.5s ease 0s, width 0.5s ease 0s, height 0.5s ease 0s, opacity 0.5s ease 0s;
}
.screen_design{float:left;width:360px;height:auto;position:relative;}
.box-design{width:360px;height:auto;display:inline-block;text-align:center;}
.design{width:100%;float:none;position:relative;display:inline-block;}
.website-img-design{float:left;width:100%;margin-top: -195px;}
.website-img-design img{width: 290px;height: 180px;}
.screen_design img {width: 400px;height: auto;top: 9px;position: relative;}
	
	
	
	
}

@media only screen and (max-width: 1200px) {
	.main_port_design {width: 100%;float: left;display: block;text-align: center;margin-top: 30px;}
.main_port_design ul li {margin-bottom: 41px; display: inline-block;float: none;width: 335px;transition: top 0.5s ease 0s, left 0.5s ease 0s, width 0.5s ease 0s, height 0.5s ease 0s, opacity 0.5s ease 0s;
}
.screen_design{float:left;width:330px;height:auto;position:relative;}
.box-design{width:330px;height:auto;display:inline-block;text-align:center;}
.design{width:100%;float:none;position:relative;display:inline-block;}
.website-img-design{float:left;width:100%;margin-top: -180px;}
.website-img-design img{width: 260px;height: 170px;}
.screen_design img {width: 400px;height: auto;top: 9px;position: relative;}
	
	
	
	}



@media only screen and (max-width: 1024px) {
	.mid_head h2 {font-size:14px;}
	.mid_head h1 {font-size:30px;}
	
	.title-image h3 {font-size:15px;}
	.mid_head {margin-top: 1%;}
	
	
	
	
	.main_port_design {width: 100%;float: left;display: block;text-align: center;margin-top: 30px;}
.main_port_design ul li {margin-bottom: 41px; display: inline-block;float: none;width: 320px;transition: top 0.5s ease 0s, left 0.5s ease 0s, width 0.5s ease 0s, height 0.5s ease 0s, opacity 0.5s ease 0s;
}
.screen_design{float:left;width:330px;height:auto;position:relative;}
.box-design{width:290px;height:auto;display:inline-block;text-align:center;}
.design{width:100%;float:none;position:relative;display:inline-block;}
.website-img-design{float:left;width:100%;margin-top: -180px;}
.website-img-design img{width: 260px;height: 170px;}
.screen_design img {width: 400px;height: auto;top: 9px;position: relative;}
	
	
	
}


@media only screen and (max-width: 980px) {
	.mid_head h2 {font-size:16px;}
	.mid_head h1 {font-size:30px;}
	
	.title-image h3 {font-size:15px;}
	.mid_head {margin-top: 0%;}
	.video {width:98%;height:auto;}
	.app-details-text {width:98%;}
	.key-feature_in {width:98%;}
	.key-feature-left {width:98%;}
	.key-feature-right {width:100%;text-align: center;margin:0px;}
	.key-feature-right ul li {width:100%;}
	.box-super {width:310px;}
	.key-feature-right ul li {width: 100%;text-align: center; background: no-repeat; padding: 0;}
}


@media only screen and (max-width: 979px) {
	
	.left_head {display:none}
	.mid_head {width:100%;}
	.right_head {display:none;}
	
	
}




@media screen and (min-width:1241px) and (max-width:1500px)
{
	
}

@media screen and (min-width:1025px) and (max-width:1240px)
{
	
}
@media screen and (min-width:992px) and (max-width:1024px)
{
	
}

@media screen and (min-width:768px) and (max-width:991px){
	
	
}
@media (max-width: 767px)
{
	.header_main{display: flex;flex-wrap: wrap;align-items:center;}	
	.portfolio-listing-main .col-4{width: 50%;}
	.livepreview{margin-top:15px;}
  	.portfolio-listing-main .col-4{padding:0 15px 30px;}
  	.main_port_design{margin-top:0;}
}



@media screen and (max-width:575px){

	
}


@media screen and (max-width:480px)
{
	.portfolio-listing-main .col-4{width:100%;}
	.tab-menu ul li a{padding:5px;font-size:12px;}
	
}