@media only screen and (min-width: 1500px) and (max-width: 1950px) {
.base_icon{
	 background-color:royalblue;
	 margin-top: 55.5%;
 }
.sbord {
    width: 100%;
    margin-top: -2%;
}
.bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
      /* background-color:cyan;   */
	 margin-left:2%;
	 margin-top:46%;
	 width:10%;
	 height:05%;
}
.bot_container{
 /* background-color:cyan;  */
	width:120px;
	 height:50px;
	 margin-left:5%;
    margin-top:45.5%; 
	float:left;
}
.bot img{
	width:120px;
	height:125px;	
}
.bot{
/* background-color:blue; 	 */
	position:relative;
 	top:0px;
    -webkit-animation: bot_float ease 4s infinite;
}
@-webkit-keyframes bot_float{
	50% {top:60px;}
	100%{top:0px;}
}
.bot_shadow{
 
	position:relative;
	height:16px;
	background:#3c4cbd;
	opacity:0.1;
	border-radius:100%;
	margin:0px 0px 0px 0px;
	top:50px;
	-webkit-animation: shadow_react ease 4s infinite;
}
@-webkit-keyframes shadow_react {
	50%{ margin:0px 20% 0px 20%; opacity:0.7;}
	100%{ margin:0px 0px 0px 0px; opacity:0.1;}
}
.bot_container1{
 /* background-color:cyan;  */
	width:120px;
	height:50px;
	margin-left:3%;
    margin-top:45.5%; 
	float:left;
}
.bot1 img{
	width:120px;
	height:125px;	
}
.bot1{
/* background-color:blue; 	 */
	position:relative;
 	top:0px;
    -webkit-animation: bot_float1 ease 6s infinite;
}
@-webkit-keyframes bot_float1{
	50% {top:60px;}
	100%{top:0px;}
}
.bot_shadow1{
	position:relative;
	height:16px;
	background:#3c4cbd;
	opacity:0.1;
	border-radius:100%;
	margin:0px 0px 0px 0px;
	top:50px;
	-webkit-animation: shadow_react1 ease 6s infinite;
}
@-webkit-keyframes shadow_react1 {
	50%{ margin:0px 20% 0px 20%; opacity:0.7;}
	100%{ margin:0px 0px 0px 0px; opacity:0.1;}
}
.bot_container2{
 /* background-color:cyan;  */
	width:120px;
	height:50px;
	margin-left:3%;
    margin-top:45.5%; 
	float:left;
}
.bot2 img{
	width:120px;
	height:125px;	
}
.bot2{
/* background-color:blue; 	 */
	position:relative;
 	top:0px;
    -webkit-animation: bot_float2 ease 4s infinite;
}
@-webkit-keyframes bot_float2{
	50% {top:60px;}
	100%{top:0px;}
}
.bot_shadow2{
	position:relative;
	height:16px;
	background:#3c4cbd;
	opacity:0.1;
	border-radius:100%;
	margin:0px 0px 0px 0px;
	top:50px;
	-webkit-animation: shadow_react2 ease 4s infinite;
}
@-webkit-keyframes shadow_react2 {
	50%{ margin:0px 20% 0px 20%; opacity:0.7;}
	100%{ margin:0px 0px 0px 0px; opacity:0.1;}
}
.bot_container3{
 /* background-color:cyan;  */
	width:120px;
	height:50px;
	margin-left:3%;
    margin-top:45.5%; 
	float:left;
}
.bot3 img{
	width:120px;
	height:125px;	
}
.bot3{
/* background-color:blue; 	 */
	position:relative;
 	top:0px;
    -webkit-animation: bot_float3 ease 6s infinite;
}
@-webkit-keyframes bot_float3{
	50% {top:60px;}
	100%{top:0px;}
}
.bot_shadow3{
	position:relative;
	height:16px;
	background:#3c4cbd;
	opacity:0.1;
	border-radius:100%;
	margin:0px 0px 0px 0px;
	top:50px;
	-webkit-animation: shadow_react3 ease 6s infinite;
}
@-webkit-keyframes shadow_react3 {
	50%{ margin:0px 20% 0px 20%; opacity:0.7;}
	100%{ margin:0px 0px 0px 0px; opacity:0.1;}
}
.bot_container4{
 /* background-color:cyan;  */
	width:120px;
	height:50px;
	margin-left:3%;
    margin-top:45.5%; 
	float:left;
}
.bot4 img{
	width:120px;
	height:125px;	
}
.bot4{
/* background-color:blue; 	 */
	position:relative;
 	top:0px;
    -webkit-animation: bot_float4 ease 4s infinite;
}
@-webkit-keyframes bot_float4{
	50% {top:60px;}
	100%{top:0px;}
}
.bot_shadow4{
	position:relative;
	height:16px;
	background:#3c4cbd;
	opacity:0.1;
	border-radius:100%;
	margin:0px 0px 0px 0px;
	top:50px;
	-webkit-animation: shadow_react4 ease 4s infinite;
}
@-webkit-keyframes shadow_react4 {
	50%{ margin:0px 20% 0px 20%; opacity:0.7;}
	100%{ margin:0px 0px 0px 0px; opacity:0.1;}
}
.bot_container5{
 /* background-color:cyan;  */
	width:120px;
	height:50px;
	margin-left:3%;
    margin-top:45.5%; 
	float:left;
}
.bot5 img{
	width:120px;
	height:125px;	
}
.bot5{
/* background-color:blue; 	 */
	position:relative;
 	top:0px;
    -webkit-animation: bot_float5 ease 6s infinite;
}
@-webkit-keyframes bot_float5{
	50% {top:60px;}
	100%{top:0px;}
}
.bot_shadow5{
	position:relative;
	height:16px;
	background:#3c4cbd;
	opacity:0.1;
	border-radius:100%;
	margin:0px 0px 0px 0px;
	top:50px;
	-webkit-animation: shadow_react5 ease 6s infinite;
}
@-webkit-keyframes shadow_react5 {
	50%{ margin:0px 20% 0px 20%; opacity:0.7;}
	100%{ margin:0px 0px 0px 0px; opacity:0.1;}
}
.bot_container6{
 /* background-color:cyan;  */
	width:120px;
	height:50px;
	margin-left:3%;
    margin-top:45.5%; 
	float:left;
}
.bot6 img{
	width:120px;
	height:125px;	
}
.bot6{
/* background-color:blue; 	 */
	position:relative;
 	top:0px;
    -webkit-animation: bot_float6 ease 4s infinite;
}
@-webkit-keyframes bot_float6{
	50% {top:60px;}
	100%{top:0px;}
}
.bot_shadow6{
	position:relative;
	height:16px;
	background:#3c4cbd;
	opacity:0.1;
	border-radius:100%;
	margin:0px 0px 0px 0px;
	top:50px;
	-webkit-animation: shadow_react6 ease 4s infinite;
}
@-webkit-keyframes shadow_react6 {
	50%{ margin:0px 20% 0px 20%; opacity:0.7;}
	100%{ margin:0px 0px 0px 0px; opacity:0.1;}
}
.bot_container7{
/* background-color:cyan;   */
	width:120px;
	height:50px;
	margin-left:3%;
    margin-top:45.5%; 
	float:left;
}
.bot7 img{
	width:120px;
	height:125px;	
}
.bot7{
/* background-color:blue; 	 */
	position:relative;
 	top:0px;
    -webkit-animation: bot_float7 ease 6s infinite;
}
@-webkit-keyframes bot_float7{
	50% {top:60px;}
	100%{top:0px;}
}
.bot_shadow7{
	position:relative;
	height:16px;
	background:#3c4cbd;
	opacity:0.1;
	border-radius:100%;
	margin:0px 0px 0px 0px;
	top:50px;
	-webkit-animation: shadow_react7 ease 6s infinite;
}
@-webkit-keyframes shadow_react7 {
	50%{ margin:0px 20% 0px 20%; opacity:0.7;}
	100%{ margin:0px 0px 0px 0px; opacity:0.1;}
}
.royal{
	width: 1900px;
    height: 1400px;
    margin-left: 754px;
    margin-top: -164px;
}
.block img{
	width:100%;
	height:100%;
}
.b1{
      top: 5.5%;
    right: 5.5%;
}
.b2{
    top: 48%;
    right: -16%;
}
.b3{
	 top: 16.5%;
    right: 16.5%;

}
.b4{
    top: 27.5%;
    right: 27.5%;
}
.b5{
    top: 38.5%;
    right: 39%;
}
.b6{
	top: 58.5%;
    right: -5%;
}
.b7{
    top: 32%;
    right: 0.5%;
}
.b8{
	    top: 43%;
    right: 12%;
}
.b9{
   top: 54%;
    right: 23%;
}
.b10{
       top: 21%;
    right: -10.5%;
}
.b11{
	    top: 70%;
    right: 7%;
}
.b12{
	 top: -5.5%;
    right: -6%;
}	
.ourclients{
 background-color:royalblue;
 height:70px; 
 width:90%;
 margin-left:05%;
}
.c1{
 font-size:26px;
 padding-left:02.5%;
 font-size:18px;
  padding-top:1%;
  font-weight:bold;
 }
.ourclients p {
float:left;
margin-left:50px;
line-height:18px;
color:black;
}
.slider {
    overflow: hidden;
    height: 504px;
 }
.sociyalbtn ul {
    margin: 0;
    padding: 0;
    display: flex;
    position: absolute;
    top: 96%;
    margin-left: 45%;
    transform: translate(-50%,-50%);
}
.input-btn{
	margin-bottom:5%;
}
.tbord{
 }
 .first_title{
	height:0px;
 }
 .cubord{
	margin-top:-1%;;
 }
}
@media only screen and (min-width: 1500px) and (max-width: 1650px) {
.base_icon{
	 background-color:royalblue;
	 margin-top: 57.5%;
}
.sbord {
    width: 100%;
    margin-top: -2%;
}
.cubord{
	margin-top:-1.2%;;
 }
}
@media only screen and (min-width: 1850px) and (max-width: 1950px) {
	.royal{
 background-color:royalblue;
    width: 1900px;
    height: 1400px;
    margin-left: 984px;
    margin-top: -164px;
}
.block img{
	width:100%;
	height:100%;
}
.b1{
  top: 5.5%;
    right: 12.5%;
}
.b2{
      top: 47%;
    right: -5%;
}
.b3{
top: 16.5%;
    right: 21.5%;
}
.b4{
       top: 27.5%;
    right: 30.5%;
}
.b5{
    top: 38.5%;
    right: 40%;
}
.b6{
	top: 58.5%;
    right: 5%;
}
.b7{
     top: 32%;
    right: 8.5%;
}
.b8{
top: 43%;
    right: 18%;
}
.b9{
  top: 54%;
    right: 27%;
}
.b10{
      top: 21%;
    right: -0.5%;
}
.b11{
	    top: 70%;
    right: 14%;
}
.b12{
	top: -5.5%;
    right: 4%;
}	
	
}
@media only screen and (min-width: 1700px) and (max-width: 1850px) {
	.royal{
 background-color:royalblue;
    width: 1900px;
    height: 1400px;
    margin-left: 900px;
    margin-top: -164px;
}
.block img{
	width:100%;
	height:100%;
}
.b1{
       top: 5.5%;
    right: 9.5%;
}
.b2{
       top: 48%;
    right: -9%;
}
.b3{
	    top: 16.5%;
    right: 19.5%;
}
.b4{
   top: 27.5%;
    right: 29.5%;
}
.b5{
       top: 38.5%;
    right: 39%;
}
.b6{
	top: 58.5%;
    right: 1%;
}
.b7{
   top: 32%;
    right: 5.5%;
}
.b8{
	    top: 43%;
    right: 15%;
}
.b9{
       top: 54%;
    right: 25%;
}
.b10{
   top: 21%;
    right: -4.5%;
}
.b11{
	top: 70%;
    right: 11%;
}
.b12{
	top: -5.5%;
    right: 0%;
}	
	
}
@media only screen and (min-width: 1650px) and (max-width: 1700px) {
	.royal{
 background-color:royalblue;
    width: 1900px;
    height: 1400px;
    margin-left: 836px;
    margin-top: -164px;
}
.block img{
	width:100%;
	height:100%;
}
.b1{
      top: 5.5%;
    right: 5.5%;
}
.b2{
    top: 48%;
    right: -16%;
}
.b3{
	 top: 16.5%;
    right: 16.5%;

}
.b4{
    top: 27.5%;
    right: 27.5%;
}
.b5{
    top: 38.5%;
    right: 39%;
}
.b6{
	top: 58.5%;
    right: -5%;
}
.b7{
    top: 32%;
    right: 0.5%;
}
.b8{
	    top: 43%;
    right: 12%;
}
.b9{
   top: 54%;
    right: 23%;
}
.b10{
       top: 21%;
    right: -10.5%;
}
.b11{
	    top: 70%;
    right: 7%;
}
.b12{
	 top: -5.5%;
    right: -6%;
}	
	
}
@media only screen and (min-width: 1500px) and (max-width: 1650px) {
.base_icon{
	 background-color:royalblue;
	 margin-top: 57.5%;
}
.sbord {
    width: 100%;
    margin-top: -2%;
}
.cubord{
	margin-top:-1.2%;;
 }
 .royal{
	width: 1900px;
    height: 1400px;
    margin-left: 754px;
    margin-top: -164px;
}
.block img{
	width:100%;
	height:100%;
}
.b1{
      top: 5.5%;
    right: 5.5%;
}
.b2{
    top: 48%;
    right: -16%;
}
.b3{
	 top: 16.5%;
    right: 16.5%;

}
.b4{
    top: 27.5%;
    right: 27.5%;
}
.b5{
    top: 38.5%;
    right: 39%;
}
.b6{
	top: 58.5%;
    right: -5%;
}
.b7{
    top: 32%;
    right: 0.5%;
}
.b8{
	    top: 43%;
    right: 12%;
}
.b9{
   top: 54%;
    right: 23%;
}
.b10{
       top: 21%;
    right: -10.5%;
}
.b11{
	    top: 70%;
    right: 7%;
}
.b12{
	 top: -5.5%;
    right: -6%;
}	
}
@media only screen and (min-width: 1350px) and (max-width: 1500px) {
	
 .bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
    /* background-color:cyan;  */
	 margin-left:2%;
	 margin-top:44%;
	 width:10%;
	 height:05%;
}
.base_icon{
	 background-color:royalblue;
}
.social_button_external{
	position:fixed;
	opacity:0.2;
	background-color:royalblue;
	width:100px;
	height:80px;
	/* margin-left:96%; */
	z-index: 1030;
	margin-left:-5%;
	border-radius:10px;
}
.sbord {
    width: 100%;
    margin-top: -2%;
}	
.ourclients{
 background-color:royalblue;
 height:70px; 
 width:90%;
 margin-left:05%;
}
.c1{
 font-size:26px;
 padding-left:02.5%;
 font-size:18px;
  padding-top:1%;
 }
.ourclients p {
float:left;
margin-left:40px;
line-height:20px;
color:black;
}	
.sociyalbtn ul {
    margin: 0;
    padding: 0;
    display: flex;
    position: absolute;
    top: 96%;
    margin-left: 45%;
    transform: translate(-50%,-50%);
}
.input-btn{
	margin-bottom:5%;
}
.cubord{
   margin-top:-1.5%;;
 }
}
@media only screen and (min-width: 1300px) and (max-width: 1350px) {
 .bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
    /* background-color:cyan;  */
	 margin-left:2%;
	 margin-top:43%;
	 width:10%;
	 height:05%;
}
.base_icon{
	 background-color:royalblue;
}
.social_button_external{
	position:fixed;
	opacity:0.2;
	background-color:royalblue;
	width:100px;
	height:80px;
	/* margin-left:96%; */
	z-index: 1030;
	margin-left:-5%;
	border-radius:10px;
}
 .sbord {
    width: 100%;
    margin-top: -2%;
}
.block{
	width:310px;
	height:210px;
	background-color:royalblue;
	position:absolute;
	transform:rotateX(55deg) rotateY(0deg) rotateZ(45deg);
	box-shadow:13px 12px 15px -5px rgba(0,0,0,.3);
}
.block img{
	width:100%;
	height:100%;
}
.b1{
    top: 5.5%;
    right: -1.5%;
}
.b2{
	    top: 58%;
    right: -12%;
}
.b3{
	top: 16.5%;
    right: 11.5%;
}
.b4{
    top: 27.5%;
    right: 24.5%;
}
.b5{
    top: 38%;
    right: 37%;
}
.b6{
	 top: 68.5%;
    right: 1%;
	}
.b7{
        top: 32%;
    right: -6.5%;
}
.b8{
	top: 42.5%;
    right: 6%;
}
.b9{
	top: 53%;
    right: 19%;
}
.b10{
	    top: 21%;
    right: -19.5%;
}
.b11{
	top: 20.5%;
    right: -26%;
}
.b12{
	top: 84.5%;
    right: -18%;
}
 .ourclients{
 background-color:royalblue;
 height:70px; 
 width:90%;
 margin-left:05%;
}
.c1{
 font-size:26px;
 padding-left:02.5%;
 font-size:18px;
  padding-top:1%;
  font-weight:bold;
 }
.ourclients p {
float:left;
margin-left:40px;
line-height:20px;
color:black;
}
.sociyalbtn ul {
    margin: 0;
    padding: 0;
    display: flex;
    position: absolute;
    top: 96%;
    margin-left: 45%;
    transform: translate(-50%,-50%);
}
.input-btn{
	margin-bottom:5%;
}
.cubord{
	margin-top:-1.5%;;
 }
 .mypic {
 margin-left: -9%;
 }
}
@media only screen and (min-width: 1250px) and (max-width: 1300px) {
 .bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
    /* background-color:cyan;  */
	 margin-left:2%;
	 margin-top:43%;
	 width:10%;
	 height:05%;
}
.base_icon{
	 background-color:royalblue;
}
.social_button_external{
	position:fixed;
	opacity:0.2;
	background-color:royalblue;
	width:100px;
	height:80px;
	/* margin-left:96%; */
	z-index: 1030;
	margin-left:-5%;
	border-radius:10px;
}
.sbord {
    width: 100%;
    margin-top: -2%;
}
 .block{
	width:310px;
	height:210px;
	background-color:royalblue;
	position:absolute;
	transform:rotateX(55deg) rotateY(0deg) rotateZ(45deg);
	box-shadow:13px 12px 15px -5px rgba(0,0,0,.3);
}
.block img{
	width:100%;
	height:100%;
}
.b1{
    top: 5.5%;
    right: -6.5%;
}
.b2{
	top: 16%;
    right: 7%;
}
.b3{
	top: 53%;
    right: 14.5%;
}
.b4{
	 top: 26.5%;
    right: 20.5%;
}
.b5{
	top: 37.5%;
    right: 34%;
}
.b6{
	 top: 68.5%;
    right: -5%;
}
.b7{
    top: 31%;
    right: -12.5%;
}
.b8{
	top: 41.5%;
    right: 1%;
}
.b9{
	top: 57.5%;
    right: -18%;
}
.b10{
	top: -5%;
    right: -19.5%;
}
.b11{
	top: 20.5%;
    right: -26%;
}
.b12{
	top: 83.5%;
    right: -24%;
}
.ourclients{
 background-color:royalblue;
 height:70px; 
 width:90%;
 margin-left:05%;
}
.c1{
 font-size:26px;
 padding-left:02.5%;
 font-size:18px;
  padding-top:1%;
  font-weight:bold;
 }
.ourclients p {
float:left;
margin-left:30px;
line-height:20px;
color:black;
}	
.sociyalbtn ul {
    margin: 0;
    padding: 0;
    display: flex;
    position: absolute;
    top: 96%;
    margin-left: 45%;
    transform: translate(-50%,-50%);
}
.input-btn{
	margin-bottom:5%;
}
.cubord{
   margin-top:-1.5%;;
 }
 .mypic {
 margin-left: -9%;
 }
}
@media only screen and (min-width: 1200px) and (max-width: 1250px) {
.welcome-tag{
	 height:44	0px;
 }
.base_icon{
	 background-color:royalblue;
	margin-top:66%;
	}
 .sbord {
    width: 100%;
    margin-top: -2%;
}
.social_button_external{
	position:fixed;
	opacity:0.2;
	background-color:royalblue;
	width:100px;
	height:80px;
	/* margin-left:96%; */
	z-index: 1030;
	margin-left:-5%;
	border-radius:10px;
}
.bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
    /* background-color:cyan;  */
	 margin-left:2%;
	 margin-top:50%;
	 width:10%;
	 height:05%;
}
 .block{
	width:310px;
	height:210px;
	background-color:royalblue;
	position:absolute;
	transform:rotateX(55deg) rotateY(0deg) rotateZ(45deg);
	box-shadow:13px 12px 15px -5px rgba(0,0,0,.3);
}
.block img{
	width:100%;
	height:100%;
}
.b1{
    top: 5.5%;
    right: -6.5%;
}
.b2{
	top: 16%;
    right: 7%;
}
.b3{
	top: 53%;
    right: 14.5%;
}
.b4{
	 top: 26.5%;
    right: 20.5%;
}
.b5{
	top: 37.5%;
    right: 34%;
}
.b6{
	 top: 68.5%;
    right: -5%;
}
.b7{
    top: 31%;
    right: -12.5%;
}
.b8{
	top: 41.5%;
    right: 1%;
}
.b9{
	top: 57.5%;
    right: -18%;
}
.b10{
	top: -5%;
    right: -19.5%;
}
.b11{
	top: 20.5%;
    right: -26%;
}
.b12{
	top: 83.5%;
    right: -24%;
}
.row2{
	margin-left:5%;
}	
.mypic{
 width:270px;
  height:400px; 
 margin-top:1%;
 
 }
 .mypic img {
  width:270px;
  height:400px; 
 }
 .matter{
	height:150px;
	width:270px;
}
.matter h2{
 font-size:20px;
}
.matter p{
margin-left:-10%;	
}
 .matter ul{
margin-left:5%;
font-size:20px;
}
.ourclients{
 background-color:royalblue;
 height:70px; 
 width:90%;
 margin-left:05%;
}
.c1{
 font-size:26px;
 padding-left:02.5%;
 font-size:18px;
  padding-top:1%;
  font-weight:bold;
 }
.ourclients p {
float:left;
margin-left:30px;
line-height:20px;
color:black;
}
.sociyalbtn ul {
    margin: 0;
    padding: 0;
    display: flex;
    position: absolute;
    top: 96%;
    margin-left: 45%;
    transform: translate(-50%,-50%);
}
.input-btn{
	margin-bottom:5%;
}	
.cubord{
margin-top:-1.5%;;
 }
}
@media only screen and (min-width: 1029px) and (max-width: 1200px) {
 .welcome-tag{
	 height:450px;
 }
 .welcome_text{
	 width:100%;
 }
.welcome_text h2{
	font-size:25px;
}
.welcome_text p{
	font-size:15px;
	margin-right:3%;
	margin-left:2%;
}  
 .down-indicator{
	 top:38%;
	 left:50%;
}
.down-indicator span{
  width:30px;	 
  height:30px;
}
.trafic_detail{
	 height:400px;
	 width:45%;
	 margin-left:10px;
}
.trafic_detail h2{
 text-align:center;
margin-top:70px; 
}
.tc_detail span{
	border-radius:10px;
	background-color:royalblue;
	height:50px;
	width:100%;
	font-size:35px;
	text-align:center;
	line-height:50px;
	margin-top:15px;
	color:white;
}
.tc_detail p {
	color:white;
	margin-left:10%;
	position:absolute;
    font-size:20px;  
	margin-top:25px;
}
.social_button_external{
	position:fixed;
	opacity:0.2;
	background-color:royalblue;
	width:100px;
	height:80px;
	/* margin-left:96%; */
	z-index: 1030;
	margin-left:-6%;
	border-radius:10px;
}
/* <===================services====================> */
#service{
	margin-top:10%;
	height:1000px;
}
.sbord {
    width: 100%;
    margin-top: -10%;
}
.zoomIn{
	height:70%;
	width:70%;
}
.sbord1 h1{
	/* font-size:18px; */
}
.accordion {
	font-size:15px;
}
.base_icon{
	margin-top:75%;
}
.botbg{
	background:royalblue;
	height:50px;
	margin-top:15%;
	width:990%;
	margin-left:-20%;
}
.bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
    /* background-color:cyan;  */
	 margin-left:2%;
	 margin-top:58%;
	 width:10%;
	 height:05%;
	 }
 /* <==================work===============> */
#work_outer{
	margin-top:0%;
}
#main{
 height:800px;
 width:100%;
}
.col1{
/* background-color:red; */
height:200px;
width:500px;
margin-top:8%;
position:absolute;
}
.row5
{
/* background-color:red; */
width:420px;
height:500px;
margin-left:6%;
}
.row5 h2{
	margin-left:12%;
	background-color:royalblue; 
	width:300px;
	color:white;
	height:30px;
	text-align:center;
}
.row5 p{
 margin:20px;
font-size:20px; 
border-bottom:1px dotted black;
 }
.cont_button{
	margin-left:13%;
}
 .block{
	width:310px;
	height:210px;
}
.b1{
	top: 6%;
    right: -28.5%;
	}
.b2{
	top: 18%;
    right: -12%;
}
.b3{
	 top: 60%;
    right: -2.5%;
}
.b4{
	top: 30.5%;
    right: 4.5%;
}
.b5{
	top: 42.5%;
    right: 21%;
}
.b6{
	 top: 77.5%;
    right: -26%;
}
.b7{
    top: 35.5%;
    right: -40%;
}
.b8{
	top: 47.5%;
    right: -19%;
}
.b9{
	top: 65.5%;
    right: -37%;
}
.b10{
	display:none;
}
.b11{
	 display:none;
}
.b12{
	display:none;
}
/* <============portfolio================> */
 #Portfolio{
	 margin-top:-05%;
}
/* <===============client===============> */
#client_outer{
}
.slider{
	 height:550px;
}
.slide .client_pic{
	width:15%;
	height:15%;
	margin-left:42%;
}
.slide h2{
	font-size:20px;
	text-align:center;
    margin-top:20%;
 }
.slide h3{
 	 text-align:center;
     margin-top:px;
	 font-size:15px;
}
.slide p{
	 font-size:20px;
	 position:absolute;
	 width:10%;
	 height:100%;
	 margin-left:5%;
	 margin-top:40px;
	 text-align:center;
	 }
 /* <========about us============> */
 .team_title h1{
	 font-size:20px;
	 margin-left:-45%;
 }
.team_title p{
	 font-size:13px;
	 margin-left:-45%;
 }
.mypic{
 width:200px;
  height:300px; 
 margin-top:10%;
 }
 .mypic img {
  width:200px;
  height:300px; 
 }
 .matter{
	height:150px;
	width:200px;
}
.matter h2{
 font-size:15px;
 margin-left:-10%;
 }
.matter p{
margin-left:-15%;	
}
 .matter ul{
margin-left:2%;
font-size:14px;
}
 .row2 {
 }
 .feature h3{
	 font-size:17px;
 }
 .feature p{
	font-size:13px; 
 }
.cubord{
  margin-top:-1.5%;;
 }
/* <===========Contact no==============> */
.bizico1 img ,.bizico2 img,.bizico3 img{
height:60%;
width:60%;	 
 }
 .maintitle{
	margin-top:5%; 
 }
 .sociyalbtn ul {
 margin:0;
 padding:0;
 display:flex;
 position:absolute;
 top:85%;
 margin-left:45%;
 transform:translate(-50%,-50%); 
}
.sociyalbtn ul li{
	list-style:none;
	 margin:0 10px;
}
.sociyalbtn ul li a{
	position:relative;
	display:block;
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	background:#333;
	border-radius:50%;
	font-size:30px;
	transition:0.5s; 
}
.contactbox1{
	margin-top:10%;
}
.input-btn{
margin-bottom:8%;
margin-left:2%; 
}
.ourclients{
 background-color:royalblue;
 height:70px; 
 width:90%;
 margin-left:05%;
}
.c1{
 font-size:26px;
 padding-left:02.5%;
 font-size:18px;
  padding-top:1%;
  font-weight:bold;
 }
.ourclients p {
float:left;
margin-left:24px;
line-height:20px;
color:black;
}
}
@media only screen and (min-width: 950px) and (max-width: 1029px) {
 .welcome-tag{
	 height:450px;
 }	
 .navbar-inverse .navbar-nav > li > a {
  font-size:16px;
  line-height:55px;
  height:90px;
  text-align:center;
  margin-left:10%;
  width:100%;
 }
 #slider {
width:100%;
height:400px; 
 }
  #prev {
  height:50px;
 width:50px;
 top:65px;
}
 #next {
  height:50px;
 width:50px;
 top:65px;
 }
 .welcome_text{
	 width:100%;
}
.welcome_text h2{
	margin-top:5%;
	font-size:20px;
}
.welcome_text p{
	font-size:15px;
	margin-right:3%;
	margin-left:2%;
}  
 .down-indicator{
	 top:38%;
	 left:50%;
}
.down-indicator span{
  width:30px;	 
  height:30px;
}
.trafic_detail{
	 height:400px;
	 width:45%;
	 margin-left:10px;
}
.trafic_detail h2{
 text-align:center;
margin-top:70px; 
}
.tc_detail span{
	border-radius:10px;
	background-color:royalblue;
	height:50px;
	width:100%;
	font-size:35px;
	text-align:center;
	line-height:50px;
	margin-top:15px;
	color:white;
}
.tc_detail p {
	color:white;
	margin-left:3%;
	position:absolute;
    font-size:20px;  
	margin-top:25px;
}
.social_button_external{
	position:fixed;
	opacity:0.2;
	background-color:royalblue;
	width:100px;
	height:80px;
	/* margin-left:96%; */
	z-index: 1030;
	margin-left:-7%;
	border-radius:10px;
}
/* <===================services====================> */
#service{
	margin-top:10%;
	height:1000px;
}
.sbord {
    width: 100%;
    background: #fff;
    margin-top: -10%;
}
.zoomIn{
	height:70%;
	width:70%;
}
.sbord1 h1{
	font-size:16px;
}
.accordion {
	font-size:13px;
}
.base_icon{
	margin-top:87%;
 }
.bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
    /* background-color:cyan;  */
	 margin-left:2%;
	 margin-top:68%;
	 width:10%;
	 height:05%;
	 }
 /* <==================work===============> */
#work_outer{
	margin-top:0%;
	}
#main{
 height:800px;
 width:100%;
}
.col1{
/* background-color:red; */
height:200px;
width:500px;
margin-top:8%;
position:absolute;
}
.row5{
/* background-color:red; */
width:420px;
height:500px;
margin-left:6%;
}
.row5 h2{
	margin-left:12%;
	background-color:royalblue; 
	width:300px;
	color:white;
	height:30px;
	text-align:center;
}
.row5 p{
 margin:20px;
font-size:20px; 
border-bottom:1px dotted black;
 }
.cont_button{
	margin-left:13%;
}
.block{
	width:30%;
	height:15%;
}
.b1{
	top: 19.5%;
    right: -20.5%;
}
.b2{
	top: 27%;
    right: -9%;
}
.b3{
	top: 66%;
    right: -1.5%;
}
.b4{
	 top: 42.5%;
    right: 11.5%;
}
.b5{
	top: 49.5%;
    right: 22%;
}
.b6{
	 top: 58.5%;
    right: -12%;
}
.b7{
	    top: 50.5%;
    right: -22%;
}
.b8{
	top: 34.5%;
    right: 1%;
}
.b9{
	display:none;
}
.b10{
	display:none;
}
.b11{
	 display:none;
}
.b12{
	display:none;
}
/* <============portfolio================> */
 #Portfolio{
	 margin-top:-10%;
}
/* <===============client===============> */
.slider{
	 height:550px;
}
.slide .client_pic{
	width:20%;
	height:20%;
	margin-left:40%;
}
.slide h2{
	font-size:20px;
	text-align:center;
    margin-top:28%;
 }
.slide h3{
 	text-align:center;
     margin-top:px;
	 font-size:15px;
}
.slide p{
	 font-size:20px;
	 position:absolute;
	 width:10%;
	 height:100%;
	 margin-left:5%;
	 margin-top:40px;
	 text-align:center;
	 border-radius:15px;
	 }
  /* <========about us============> */
   .team_title h1{
	 font-size:20px;
	 margin-left:-45%;
 }
 .team_title p{
	 font-size:13px;
	 margin-left:-45%;
 }
.mypic{
 width:180px;
  height:280px; 
 margin-top:10%;
 }
 .mypic img {
  width:180px;
  height:280px; 
 }
 .matter{
	height:150px;
	width:230px;
}
.matter h2{
 font-size:13px;
 margin-left:-15%;
}
.matter p{
margin-left:-15%;	
}
 .matter ul{
margin-left:-1%;
font-size:12px;
}
.feature h3{
	 font-size:15px;
 }
 .feature p{
	font-size:12px; 
 }
 .cubord{
	margin-top:-2%;;
 }
/* <===========Contact no==============> */
.bizico1 img ,.bizico2 img,.bizico3 img{
height:60%;
width:60%;	 
 }
 .maintitle{
	margin-top:5%; 
 }
 .sociyalbtn ul {
 margin:0;
 padding:0;
 display:flex;
 position:absolute;
 top:85%;
 margin-left:45%;
 transform:translate(-50%,-50%); 
 }
.sociyalbtn ul li{
	list-style:none;
	 margin:0 10px;
}
.sociyalbtn ul li a{
	position:relative;
	display:block;
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	background:#333;
	border-radius:50%;
	font-size:30px;
	transition:0.5s; 
}
.contactbox1{
	margin-top:10%;
}
.input-btn{
margin-bottom:8%;
margin-left:2%; 
}
.ourclients{
 background-color:royalblue;
 height:70px; 
 width:90%;
 margin-left:05%;
}
.c1{
 font-size:26px;
 padding-left:02%;
 font-size:18px;
  padding-top:1%;
  font-weight:bold;
 }
.ourclients p {
float:left;
margin-left:20px;
line-height:20px;
color:black;
}
}
@media only screen and (min-width: 767px) and (max-width: 950px) {
 .welcome-tag{
	 height:460px;
 }
 .navbar-inverse .navbar-nav > li > a {
  font-size:16px;
  line-height:55px;
  height:90px;
  text-align:center;
  margin-left:10%;
  width:100%;
 }
 #slider {
width:100%;
height:400px; 
 }
  #prev {
  height:50px;
 width:50px;
 top:65px;
}
 #next {
  height:50px;
 width:50px;
 top:65px;
 }
 .welcome_text{
	 width:100%;
	 height:auto;
 }
.welcome_text h2{
	margin-top:5%;
	font-size:20px;
}
.welcome_text p{
	font-size:16px;
	margin-right:3%;
	margin-left:2%;
}  
 .down-indicator{
	 top:25%;
	 left:50%;
}
.down-indicator span{
 width:30px;	 
  height:30px;
}
 .trafic_detail{
	 height:400px;
	 width:45%;
	 margin-left:10px;
}
.trafic_detail h2{
 text-align:center;
margin-top:70px; 
}
.tc_detail span{
	border-radius:10px;
	background-color:royalblue;
	height:50px;
	width:100%;
	font-size:35px;
	text-align:center;
	line-height:50px;
	margin-top:15px;
	color:white;
}
.tc_detail p {
	color:white;
	margin-left:3%;
	position:absolute;
    font-size:20px;  
	margin-top:25px;
}
.social_button_external{
	position:fixed;
	opacity:0.2;
	background-color:royalblue;
	width:100px;
	height:80px;
	/* margin-left:96%; */
	z-index: 1030;
	margin-left:-8%;
	border-radius:10px;
}
/* <===================services====================> */
#service{
	margin-top:10%;
}
.sbord {
    width: 100%;
    margin-top: -10%;
}
.zoomIn{
	height:70%;
	width:70%;
}
.sbord1 h1{
	font-size:16px;
}
.accordion {
	font-size:13px;
}
 .base_icon{
	  width:100%;
	  height:300px;
	  background-color:royalblue;
	  margin-top:100%;
}
.botbg{
	display:none;
}
.bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
    /* background-color:cyan;  */
	width:20%;
	height:0%;
	margin-left:2%;
    margin-top:80%; 
}
.bot_container4,.bot_container5,.bot_container6,.bot_container7{
 margin-top:0%;
}
 /* <==================work===============> */
#work_outer{
	margin-top:0%;
	}
#main{
 height:800px;
 width:100%;
}
 .col1{
/* background-color:red; */
height:200px;
width:500px;
margin-top:8%;
position:absolute;
}
.row5
{
/* background-color:red; */
width:420px;
height:500px;
margin-left:6%;
}
.row5 h2{
	margin-left:12%;
	background-color:royalblue; 
	width:300px;
	color:white;
	height:30px;
	text-align:center;
}
.row5 p{
 margin:20px;
font-size:20px; 
border-bottom:1px dotted black;
 }
.cont_button{
	margin-left:13%;
}
 .block{
	width:20%;
	height:10%;
	background-color:royalblue;
	position:absolute;
	transform:rotateX(55deg) rotateY(0deg) rotateZ(45deg);
	box-shadow:13px 12px 15px -5px rgba(0,0,0,.3);
}
 .b1{
	top: 69.5%;
    right: -8.5%;
}
.b2{
	top: 35%;
    right: -3%;
}
.b3{
	top: 60%;
    right: 7.5%;
}
.b4{
	top: 45.5%;
    right: 14.5%;
}
.b5{
	top: 50.5%;
    right: 23%;
}
.b6{
	  top: 54.5%;
    right: -1%;
}
.b7{
	top: 50%;
    right: -10%;
}
.b8{
	top: 40.5%;
    right: 6%;
}
.b9{
	display:none;
}
.b10{
	display:none;
}
.b11{
	 display:none;
}
.b12{
	display:none;
}
/* <============portfolio================> */
 #Portfolio{
margin-top:-10%;	 
}
/* <===============client===============> */
#client_outer{
 margin-top:-15%;
}
.slider{
	 height:550px;
}
.slide .client_pic{
	width:20%;
	height:20%;
	margin-left:40%;
}
.slide h2{
	font-size:20px;
	text-align:center;
    margin-top:28%;
 }
.slide h3{
 	text-align:center;
     margin-top:px;
	 font-size:15px;
}
.slide p{
	 font-size:20px;
	 position:absolute;
	 width:10%;
	 height:100%;
	 margin-left:5%;
	 margin-top:40px;
	 text-align:center;
	 border-radius:15px;
	 }
 	  /* <========about us============> */
   .team_title h1{
	 font-size:20px;
	 margin-left:-45%;
 }
 .team_title p{
	 font-size:13px;
	 margin-left:-45%;
 }
  .mypic{
 width:180px;
  height:280px; 
 margin-top:10%;
 margin-left: -12%;	
 }
 .mypic img {
  width:180px;
  height:280px; 
 }
 .matter{
	height:150px;
	width:230px;
}
 .matter h2{
 font-size:13px;
 margin-left:-15%;
 }
.matter p{
margin-left:-15%;	
}
 .matter ul{
margin-left:-1%;
font-size:12px;
}
 .row2 {
 }
 .feature h3{
	 font-size:15px;
 }
 .feature p{
	font-size:12px; 
 }
  .ourclients{
 background-color:royalblue;
 height:70px; 
 width:90%;
 margin-left:05%;
}
.c1{
  font-weight:bold;
 font-size:16px;
 padding-left:01%;
 padding-top:2%;
 }
.ourclients p {
float:left;
margin-left:10px;
line-height:20px;
color:black;
}
.cubord{
	margin-top:-2%;;
 }
/* <===========Contact no==============> */
.bizico1 img ,.bizico2 img,.bizico3 img{
height:60%;
width:60%;	 
 }
 .maintitle{
	margin-top:5%; 
 }
 .sociyalbtn ul {
 margin:0;
 padding:0;
 display:flex;
 position:absolute;
 top:85%;
 margin-left:45%;
 transform:translate(-50%,-50%); 
 }
.sociyalbtn ul li{
	list-style:none;
	 margin:0 10px;
}
 .sociyalbtn ul li a{
	position:relative;
	display:block;
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	background:#333;
	border-radius:50%;
	font-size:30px;
	transition:0.5s; 
}
.contactbox1{
	margin-top:10%;
}
.input-btn{
margin-bottom:8%;
margin-left:2%; 
	 }
}
/* ========================================================================= */
@media only screen and (min-width: 750px) and (max-width: 768px) {
 .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
 }
 .navbar-inverse .navbar-nav > li > a {
  font-size:16px;
  line-height:16px;
  width:90px;
  text-align:center;
  margin-left:10%;
  width:80%;
 }
 .navbar{
  width:100%;
 }
 .navbar-collapse {
  max-height: 280px;
  overflow-x: visible;
  padding-right: 50px;
  padding-left: 50px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
#slider {
width:100%;
height:250px; 
 }
  #prev {
  height:35px;
 width:35px;
 top:70px;
}
 #next {
  height:35px;
 width:35px;
 top:70px;
 }
  .down-indicator{
	 top:15%;
	 left:50%;
}
.down-indicator span{
  width:22px;	 
  height:22px;
}
.welcome_text{
	/* background-color:cyan; */
	height:auto;
    width:80%;
}
.welcome_text h2{
	font-size:25px;
}
.welcome_text p{
	font-size:17px;
	margin-right:3%;
	margin-left:2%;
}  
.wbtn1{
  margin-top:9%; 
}
.trafic_detail{
   height:450px;
   width:80%;
   margin-left:10%; 
}
.trafic_detail h2{
  width:80%;
  margin-top:25%;
  font-size:29px; 
  margin-left:10%;
}
.tc_detail span{
	 margin-left:10%;
	height:80px;
	width:80%;
	font-size:30px;
	line-height:50px;
	margin-top:15px;
}
.tc_detail p {
	color:white;
	margin-left:38%;
    font-size:20px;  
	margin-top:60px;
}
.social_button_external{
	position:fixed;
	opacity:0.2;
	background-color:royalblue;
	width:100px;
	height:80px;
	/* margin-left:96%; */
	z-index: 1030;
	margin-left:-9%;
	border-radius:10px;
}
/* <===================services====================> */
.zoomIn{
	height:30%;
	width:30%;
}
.sbord{
	margin-top:-5%;
}
.sbord1 h1{
	margin-left:2%;
}
.accordion {
	font-size:18px;
}
 .panel p{
	 font-size:15px;
 }
 .base_icon{
	  width:100%;
	  height:230px;
	  background-color:royalblue;
	  margin-top:300%;
}
 .bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
    /* background-color:cyan;  */
	width:20%;
	height:0%;
	margin-left:2%;
    margin-top:275%; 
}
.bot_container4,.bot_container5,.bot_container6,.bot_container7{
 margin-top:0%;
}
 /* <==================work===============> */
#work_outer{
	 margin-top:-0%;
}
#main{
 height:1035px;
 width:100%;
}
.work-tag h2{
	position:absolute;
	margin-left:35%;
	margin-top:5%;
	font-size:34px;
}
.devices-wrapper{
	display:none;
}
.col1{
width:100%;
 }
 .row5{
 width:100%;
 height:auto;
 margin-left: 3%;
 margin-top:11%;
 }
 .row5 h2{ 
  height:50px;
  width:80%;
  font-size:25px;
  line-height:50px;
   margin-left:5%;
}
 .row5 p{
  font-size:18px;
  height:100px;
  width:80%;
  text-align:center;
  margin-left:5%;
  }
 .row5 h3{
  font-weight:bold;
  font-size:20px;
  height:100px;
  width:80%;
  line-height:30px;
  margin-left:5%;
 }
 .cont_button{
	 margin-top:-15%;
 }
 /* <============portfolio================> */
 #Portfolio{
	margin-top:22%;
}
/****Mobile Portrait 320 ****/
	#filters ul li{ display:block;}
	.contact-info-box{ margin-left:0px;}
	.header{ padding:40px;}
	.social-link{ margin-left:0px;}
	.form{ margin:0}
	.c-logo-part ul li{ display:block;}
	.Portfolio-box{ max-width:300px !important; width:96.4% !important; margin:0 !important}
	.Portfolio-box img { max-width:100%;}
	.portfolioContainer{ width:280px !important; margin:0 auto !important }
	.top_left_cont h2{ font-size:20px;} 
	.client_area{ width:276px;}
	.quote_section p{ font-size:15px;} 
	.c-logo-part{ padding:18px 0px;}
	.c-logo-part ul li{ margin:6px 0px; display:block;}
	/****Mobile Portrait 320 ****/
/* <===============client===============> */
#client_outer{
	margin-top:-20%;
	}
.client_bord h1{
	font-size:30px;
	font-weight:bold;
	margin-top: 7%;
}
.owl_wrapper h2{
	font-size:30px;
	font-weight:bold;
}
.slider{
	 height:450px;
}
 .slide .client_pic{
	width:20%;
	height:20%;
	margin-left:40%;
	margin-bottom:5%;
}
.slide h2{
   font-size:23px;
   margin-top:30%;
 }
.slide h3{
  font-size:18px;   
}
.slide p{
   font-size:18px;
   width:18%;
   height:auto;
   margin-left:1%;
  }
 /* <========about us============> */
 .team_title h1{
  font-size:25px;
  height:50px;
  width:550px;
  margin-left:60%;
  }
 .team_title p{
  font-size:14px;
  height:100px;
  width:550px;
  height:60px;
  margin-left:60%;
 }
 .mypic{
  /* background-color:pink;  	 */
position:relative;  
 overflow:hidden; 
 width:300px;
  height:450px; 
  margin-top:5%;
  margin-left:20%;
 }
 .mypic img {
  width:300px;
  height:450px; 
  margin-left:px;   
   transition:1s;
 }
.matter{
	height:150px;
	width:300px;
	background-color:rgba(65,105,225,0.1);
    transition:transform 0.5s;
	border:1px solid blue;
	z-index:4500;
}
.mypic:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-450px; 
	width:300px;
	height:450px;
	background-color:white;
	/* background-color:rgba(65,105,225,0.5); */
	background-color:#fab9b9;
	transition:.5s;
	mix-blend-mode:soft-light;	
 }
 .matter h2{
 font-size:25px;
}
 .matter ul{
margin-left:15%;
}
.feature h3{
	text-align:center;
	 font-weight:bold;
     font-size:20px;
}
.feature p{
	 font-size:15px;
	 text-align:center;
} 
.ourclients{
 height:180px; 
 width:90%;
 margin-left:5%;
}
.c1{
 font-weight:bold;
 font-size:20px;
 padding-left:40%;
 padding-right:15%;
  padding-top:6%;
 }
.ourclients p {
font-size:14px;
float:left;
line-height:19px;
}
.cubord{
	margin-top:-2%;;
 }
/* <===========Contact no==============> */
.cubord h1
{
	font-size:30px;
	font-weight:bold;
}
 .bizico1 img ,.bizico2 img,.bizico3 img{
height:30%;
width:30%;	 
 }
 .bizico1 p,.bizico2 p,.bizico3 p{
 width:100%;
 font-size:20px;
 }
 .maintitle{
margin-top:5%; 
font-weight:bold;
 font-size:25px;
 }
 .maintitle1{
	font-size:15px; 
 }
.sociyalbtn ul {
 margin:0;
 padding:0;
 display:flex;
 position:absolute;
 top:85%;
 margin-left:45%;
 transform:translate(-50%,-50%); 
}
.sociyalbtn ul li{
	list-style:none;
	 margin:0 10px;
}
.sociyalbtn ul li a{
	position:relative;
	display:block;
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	background:#333;
	border-radius:50%;
	font-size:30px;
	transition:0.5s; 
}
.sociyalbtn ul li a:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:50%;
	background:#ffee10;
	transition:0.5s;
	transform:scale(.9);
	z-index:-1;
}
.sociyalbtn ul li a:hover:before {
	transform: scale(1.1);
	box-shadow:0 0 15px #ffee10;
}
.sociyalbtn ul li a:hover {
	color:#ffee10; 
	box-shadow:0 0 5px #ffee10;
	text-shadow:0 0 5px #ffee10;
	}
 .sociyalbtn ul li a .fa-linkedin,.fa-twitter,.fa-facebook,.fa-pinterest,.fa-google-plus,.fa-dribbble{
	color:white;
}
  .linkedin:hover a{
	background:#007bb6;
	}
.twitter:hover a{
	background:#55acee;
}
.facebook:hover a{
	background:#3b5998;
}
.pinterest:hover a{
	background:#cb2026;
}
.gplus:hover a{
	background:#dd4b39;
}
.pinterest:hover a{
	background:#cb2026;
}
.dribbble a:hover {
	background: #ea4c89;
}
a {
  color:white;
  text-decoration: none;
}	
 .input-btn{
margin-bottom:8%;
margin-left:2%; 
	 }
}
@media only screen and (min-width: 650px) and (max-width: 750px) {
 body{
 }
 .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
 }
 .navbar-inverse .navbar-nav > li > a {
  font-size:16px;
  line-height:16px;
  width:90px;
  text-align:center;
  margin-left:10%;
  width:80%;
 }
 .navbar{
  width:100%;
 }
 .navbar-collapse {
  max-height: 280px;
  overflow-x: visible;
  padding-right: 50px;
  padding-left: 50px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
#slider {
width:100%;
height:250px; 
 }
  #prev {
  height:35px;
 width:35px;
 top:70px;
}
 #next {
  height:35px;
 width:35px;
 top:70px;
 }
  .down-indicator{
	 top:15%;
	 left:50%;
}
.down-indicator span{
  width:22px;	 
  height:22px;
}
.welcome_text{
	/* background-color:cyan; */
	height:auto;
    width:80%;
}
.welcome_text h2{
	font-size:25px;
}
.welcome_text p{
	font-size:17px;
	margin-right:3%;
	margin-left:2%;
}  
.wbtn1{
  margin-top:9%; 
}

.trafic_detail{
   height:450px;
   width:80%;
   margin-left:10%; 
}
.trafic_detail h2{
  width:80%;
  margin-top:25%;
  font-size:29px; 
  margin-left:10%;
}
.tc_detail span{
	 margin-left:10%;
	height:80px;
	width:80%;
	font-size:30px;
	line-height:50px;
	margin-top:15px;
}
.tc_detail p {
	color:white;
	margin-left:38%;
    font-size:20px;  
	margin-top:60px;
}
.social_button_external{
	position:fixed;
	opacity:0.2;
	background-color:royalblue;
	width:100px;
	height:80px;
	/* margin-left:96%; */
	z-index: 1030;
	margin-left:-9%;
	border-radius:10px;
}
/* <===================services====================> */
.zoomIn{
	height:30%;
	width:30%;
}
.sbord{
	margin-top:-5%;
}
.sbord1 h1{
	margin-left:2%;
}
.accordion {
	font-size:18px;
}
 .panel p{
	 font-size:15px;
 }
 .base_icon{
	  width:100%;
	  height:230px;
	  background-color:royalblue;
	  margin-top:305%;
}
.botbg{
	display:none;
}
.bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
    /* background-color:cyan;  */
	width:20%;
	height:0%;
	margin-left:2%;
    margin-top:280%; 
}
.bot_container4,.bot_container5,.bot_container6,.bot_container7{
 margin-top:0%;
}
 /* <==================work===============> */
#work_outer{
	 margin-top:-0%;
}
#main{
 height:1017px;
 width:100%;
}
.work-tag h2{
	position:absolute;
	margin-left:35%;
	margin-top:5%;
	font-size:34px;
}
.devices-wrapper{
	display:none;
}
.col1{
width:100%;
 }
 .row5{
 width:100%;
 height:auto;
 margin-left: 3%;
 margin-top: 11%;
 }
 .row5 h2{ 
  height:50px;
  width:80%;
  font-size:25px;
  line-height:50px;
   margin-left:5%;
}
 .row5 p{
  font-size:18px;
  height:100px;
  width:80%;
  text-align:center;
  margin-left:5%;
 }
 .row5 h3{
  font-weight:bold;
  font-size:20px;
  height:100px;
  width:80%;
  line-height:30px;
  margin-left:5%;
 }
 .cont_button{
	 margin-top:-15%;
 }
 /* <============portfolio================> */
 #Portfolio{
	margin-top:24%;
}
/****Mobile Portrait 320 ****/
	#filters ul li{ display:block;}
	.contact-info-box{ margin-left:0px;}
	.header{ padding:40px;}
	.social-link{ margin-left:0px;}
	.form{ margin:0}
	.c-logo-part ul li{ display:block;}
	.Portfolio-box{ max-width:300px !important; width:96.4% !important; margin:0 !important}
	.Portfolio-box img { max-width:100%;}
	.portfolioContainer{ width:280px !important; margin:0 auto !important }
	.top_left_cont h2{ font-size:20px;} 
	.client_area{ width:276px;}
	.quote_section p{ font-size:15px;} 
	.c-logo-part{ padding:18px 0px;}
	.c-logo-part ul li{ margin:6px 0px; display:block;}
	/****Mobile Portrait 320 ****/
/* <===============client===============> */
#client_outer{
	margin-top:-20%;
}
.client_bord h1{
	font-size:30px;
	font-weight:bold;
	}
.owl_wrapper h2{
	font-size:30px;
	font-weight:bold;
}
.slider{
	 height:450px;
}
 .slide .client_pic{
	width:20%;
	height:20%;
	margin-left:40%;
	margin-bottom:5%;
}
.slide h2{
   font-size:23px;
   margin-top:30%;
 }
.slide h3{
  font-size:18px;   
}
.slide p{
   font-size:18px;
   width:18%;
   height:auto;
   margin-left:1%;
 }
 /* <========about us============> */
 .team_title h1{
  font-size:25px;
  height:50px;
  width:550px;
  margin-left:60%;
  }
 .team_title p{
  font-size:14px;
  height:100px;
  width:550px;
  height:60px;
  margin-left:60%;
 }
 .mypic{
  /* background-color:pink;  	 */
position:relative;  
 overflow:hidden; 
 width:300px;
  height:450px; 
  margin-top:5%;
  margin-left:20%;
 }
 .mypic img {
  width:300px;
  height:450px; 
  margin-left:px;   
   transition:1s;
 }
.matter{
	height:150px;
	width:300px;
	background-color:rgba(65,105,225,0.1);
    transition:transform 0.5s;
	border:1px solid blue;
	z-index:4500;
}
.mypic:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-450px; 
	width:300px;
	height:450px;
	background-color:white;
	/* background-color:rgba(65,105,225,0.5); */
	background-color:#fab9b9;
	transition:.5s;
	mix-blend-mode:soft-light;	
 }
 .matter h2{
 font-size:25px;
}
 .matter ul{
margin-left:15%;
}
.feature h3{
	text-align:center;
	 font-weight:bold;
     font-size:20px;
}
.feature p{
	 font-size:15px;
	 text-align:center;
} 
.ourclients{
 height:180px; 
 width:90%;
 margin-left:5%;
}
.c1{
 font-weight:bold;
 font-size:20px;
 padding-left:40%;
 padding-right:15%;
  padding-top:6%;
 }
.ourclients p {
font-size:14px;
float:left;
line-height:19px;
}
.cubord{
	margin-top:-2.5%;;
 }
/* <===========Contact no==============> */
.cubord h1
{
	font-size:30px;
	font-weight:bold;
}
 .bizico1 img ,.bizico2 img,.bizico3 img{
height:30%;
width:30%;	 
 }
 .bizico1 p,.bizico2 p,.bizico3 p{
 width:100%;
 font-size:20px;
 }
 .maintitle{
margin-top:5%; 
font-weight:bold;
 font-size:25px;
  }
 .maintitle1{
	font-size:15px; 
 }
.sociyalbtn ul {
 margin:0;
 padding:0;
 display:flex;
 position:absolute;
 top:85%;
 margin-left:45%;
 transform:translate(-50%,-50%); 
}
.sociyalbtn ul li{
	list-style:none;
	 margin:0 10px;
}
.sociyalbtn ul li a{
	position:relative;
	display:block;
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	background:#333;
	border-radius:50%;
	font-size:30px;
	transition:0.5s; 
}
.sociyalbtn ul li a:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:50%;
	background:#ffee10;
	transition:0.5s;
	transform:scale(.9);
	z-index:-1;
}
.sociyalbtn ul li a:hover:before {
	transform: scale(1.1);
	box-shadow:0 0 15px #ffee10;
}
.sociyalbtn ul li a:hover {
	color:#ffee10; 
	box-shadow:0 0 5px #ffee10;
	text-shadow:0 0 5px #ffee10;
	}
 .sociyalbtn ul li a .fa-linkedin,.fa-twitter,.fa-facebook,.fa-pinterest,.fa-google-plus,.fa-dribbble{
	color:white;
}
.linkedin:hover a{
	background:#007bb6;
	}
.twitter:hover a{
	background:#55acee;
}
.facebook:hover a{
	background:#3b5998;
}
.pinterest:hover a{
	background:#cb2026;
}
.gplus:hover a{
	background:#dd4b39;
}
.pinterest:hover a{
	background:#cb2026;
}
.dribbble a:hover {
	background: #ea4c89;
}
a {
  color:white;
  text-decoration: none;
}	
 .input-btn{
margin-bottom:8%;
margin-left:2%; 
	 }
}
@media only screen and (min-width: 550px) and (max-width: 650px) {
 body{
 }
 .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
 }
 .navbar-inverse .navbar-nav > li > a {
  font-size:16px;
  line-height:16px;
  width:90px;
  text-align:center;
  margin-left:10%;
  width:80%;
 }
 .navbar{
  width:100%;
 }
 .navbar-collapse {
  max-height: 280px;
  overflow-x: visible;
  padding-right: 50px;
  padding-left: 50px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
#slider {
width:100%;
height:250px; 
 }
  #prev {
  height:35px;
 width:35px;
 top:70px;
}
 #next {
  height:35px;
 width:35px;
 top:70px;
 }
  .down-indicator{
	 top:15%;
	 left:50%;
}
.down-indicator span{
  width:22px;	 
  height:22px;
}
.welcome_text{
	/* background-color:cyan; */
	height:auto;
    width:80%;
}
.welcome_text h2{
	font-size:25px;
}
.welcome_text p{
	font-size:17px;
	margin-right:3%;
	margin-left:2%;
}  
.wbtn1{
  margin-top:9%; 
}

.trafic_detail{
   height:450px;
   width:80%;
   margin-left:10%; 
}
.trafic_detail h2{
  width:80%;
  margin-top:35%;
  font-size:29px; 
  margin-left:10%;
}
.tc_detail span{
	 margin-left:10%;
	height:80px;
	width:80%;
	font-size:30px;
	line-height:50px;
	margin-top:15px;
}
.tc_detail p {
	color:white;
	margin-left:35%;
    font-size:20px;  
	margin-top:60px;
}
.social_button_external{
	position:fixed;
	opacity:0.2;
	background-color:royalblue;
	width:100px;
	height:80px;
	/* margin-left:96%; */
	z-index: 1030;
	margin-left:-11%;
	border-radius:10px;
}
/* <===================services====================> */
.sbord{
	margin-top:-5%;
}
.zoomIn{
	height:35%;
	width:35%;
}
.accordion {
	font-size:18px;
}
 .panel p{
	 font-size:15px;
 }
 .base_icon{
	  width:100%;
	  height:230px;
	  background-color:royalblue;
	  margin-top:410%;
}
.botbg{
	display:none;
}
.bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
    /* background-color:cyan;  */
	width:20%;
	height:0%;
	margin-left:2%;
    margin-top:380%; 
}
.bot_container4,.bot_container5,.bot_container6,.bot_container7{
 margin-top:0%;
}
/* <==================work===============> */
#work_outer{
	margin-top:-0%;
}
#main{
 height:1014px;
 width:100%;
}
.work-tag h2{
	position:absolute;
	margin-left:30%;
	margin-top:5%;
	font-size:34px;
}
.devices-wrapper{
	display:none;
}
.col1{
width:100%;
 }
 .row5{
 width:100%;
 height:auto;
 margin-left:3%;
 margin-top:11%;
 }
 .row5 h2{ 
  height:50px;
  width:80%;
  font-size:25px;
  line-height:50px;
   margin-left:5%;
}
 .row5 p{
  font-size:18px;
  height:100px;
  width:80%;
  text-align:center;
  margin-left:5%;
}
 .row5 h3{
  font-weight:bold;
  font-size:20px;
  height:100px;
  width:80%;
  line-height:30px;
  margin-left:5%;
 }
 .cont_button{
	 margin-top:-15%;
 }
 /* <============portfolio================> */
 #Portfolio{
	margin-top:28%;
}
/****Mobile Portrait 320 ****/
	#filters ul li{ display:block;}
	.contact-info-box{ margin-left:0px;}
	.header{ padding:40px;}
	.social-link{ margin-left:0px;}
	.form{ margin:0}
	.c-logo-part ul li{ display:block;}
	.Portfolio-box{ max-width:300px !important; width:96.4% !important; margin:0 !important}
	.Portfolio-box img { max-width:100%;}
	.portfolioContainer{ width:280px !important; margin:0 auto !important }
	.top_left_cont h2{ font-size:20px;} 
	.client_area{ width:276px;}
	.quote_section p{ font-size:15px;} 
	.c-logo-part{ padding:18px 0px;}
	.c-logo-part ul li{ margin:6px 0px; display:block;}
	/****Mobile Portrait 320 ****/
/* <===============client===============> */
#client_outer{
	margin-top:-25%;
}
.client_bord h1{
	font-size:30px;
	font-weight:bold;
}
.owl_wrapper h2{
	font-size:30px;
	font-weight:bold;
}
.slider{
	 height:450px;
}
 .slide .client_pic{
	width:25%;
	height:25%;
	margin-left:35%;
	margin-bottom:5%;
}
.slide h2{
   font-size:23px;
   margin-top:35%;
 }
.slide h3{
  font-size:18px;   
}
.slide p{
   font-size:16px;
   width:18%;
   height:auto;
   margin-left:1%;
  }
 /* <========about us============> */
 .team_title h1{
  font-size:25px;
  height:50px;
  width:550px;
  margin-left:30%;
  }
 .team_title p{
  font-size:14px;
  height:100px;
  width:550px;
  height:60px;
  margin-left:30%;
 }
 .mypic{
  /* background-color:pink;  	 */
position:relative;  
 overflow:hidden; 
 width:300px;
  height:450px; 
  margin-top:5%;
  margin-left:20%;
 }
 .mypic img {
  width:300px;
  height:450px; 
  margin-left:px;   
   transition:1s;
 }
.matter{
	height:150px;
	width:300px;
	background-color:rgba(65,105,225,0.1);
    transition:transform 0.5s;
	border:1px solid blue;
	z-index:4500;
}
.mypic:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-450px; 
	width:300px;
	height:450px;
	background-color:white;
	/* background-color:rgba(65,105,225,0.5); */
	background-color:#fab9b9;
	transition:.5s;
	mix-blend-mode:soft-light;	
 }
 .matter h2{
 font-size:25px;
}
 .matter ul{
margin-left:15%;
}
.feature h3{
	text-align:center;
	 font-weight:bold;
     font-size:20px;
}
.feature p{
	 font-size:15px;
	 text-align:center;
} 
.ourclients{
 height:180px; 
 width:90%;
 margin-left:5%;
}
.c1{
 font-weight:bold;
 font-size:20px;
 padding-left:30%;
 padding-right:15%;
  padding-top:6%;
 }
.ourclients p {
font-size:14px;
float:left;
line-height:19px;
}
.cubord{
margin-top:-3%;;
 }
/* <===========Contact no==============> */
.cubord h1
{
	font-size:30px;
	font-weight:bold;
}
 .bizico1 img ,.bizico2 img,.bizico3 img{
height:35%;
width:35%;	 
 }
 .bizico1 p,.bizico2 p,.bizico3 p{
 width:100%;
 font-size:20px;
 }
 .maintitle{
margin-top:5%; 
font-weight:bold;
 font-size:25px;
 text-align:center;
 }
 .maintitle1{
	font-size:15px; 
 }
.sociyalbtn ul {
 margin:0;
 padding:0;
 display:flex;
 position:absolute;
 top:85%;
 margin-left:45%;
 transform:translate(-50%,-50%); 
 }
.sociyalbtn ul li{
	list-style:none;
	 margin:0 10px;
}
.sociyalbtn ul li a{
	position:relative;
	display:block;
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	background:#333;
	border-radius:50%;
	font-size:30px;
	transition:0.5s; 
}
.sociyalbtn ul li a:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:50%;
	background:#ffee10;
	transition:0.5s;
	transform:scale(.9);
	z-index:-1;
}
.sociyalbtn ul li a:hover:before {
	transform: scale(1.1);
	box-shadow:0 0 15px #ffee10;
}
.sociyalbtn ul li a:hover {
	color:#ffee10; 
	box-shadow:0 0 5px #ffee10;
	text-shadow:0 0 5px #ffee10;
	}
 .sociyalbtn ul li a .fa-linkedin,.fa-twitter,.fa-facebook,.fa-pinterest,.fa-google-plus,.fa-dribbble{
	color:white;
}
 .linkedin:hover a{
	background:#007bb6;
	}
.twitter:hover a{
	background:#55acee;
}
.facebook:hover a{
	background:#3b5998;
}
.pinterest:hover a{
	background:#cb2026;
}
.gplus:hover a{
	background:#dd4b39;
}
.pinterest:hover a{
	background:#cb2026;
}
.dribbble a:hover {
	background: #ea4c89;
}
a {
  color:white;
  text-decoration: none;
}	
 .input-btn{
margin-bottom:8%;
margin-left:2%; 
}
}
  @media only screen and (min-width: 450px) and (max-width: 550px) {
 body{
 }
 .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
 }
 .navbar-inverse .navbar-nav > li > a {
  font-size:16px;
  line-height:16px;
  width:90px;
  text-align:center;
  margin-left:10%;
  width:80%;
 }
 .navbar{
  width:100%;
 }
 .navbar-collapse {
  max-height: 280px;
  overflow-x: visible;
  padding-right: 50px;
  padding-left: 50px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
#slider {
width:100%;
height:250px; 
 }
  #prev {
  height:35px;
 width:35px;
 top:70px;
}
 #next {
  height:35px;
 width:35px;
 top:70px;
 }
  .down-indicator{
	 top:15%;
	 left:50%;
}
.down-indicator span{
  width:22px;	 
  height:22px;
}
.welcome_text{
	/* background-color:cyan; */
	height:auto;
    width:80%;
}
.welcome_text h2{
	font-size:25px;
}
.welcome_text p{
	font-size:16px;
	margin-right:3%;
	margin-left:2%;
}  
.wbtn1{
  margin-top:9%; 
}
.trafic_detail{
   height:450px;
   width:80%;
   margin-left:10%; 
}
.trafic_detail h2{
  width:80%;
  margin-top:35%;
  font-size:29px; 
  margin-left:7%;
}
.tc_detail span{
	 margin-left:10%;
	height:80px;
	width:80%;
	font-size:30px;
	line-height:50px;
	margin-top:15px;
}
.tc_detail p {
	color:white;
	margin-left:33%;
    font-size:20px;  
	margin-top:60px;
}
.social_button_external{
	position:fixed;
	opacity:0.2;
	background-color:royalblue;
	width:100px;
	height:80px;
	/* margin-left:96%; */
	z-index: 1030;
	margin-left:-13%;
	border-radius:10px;
}
/* <===================services====================> */
.sbord{
	margin-top: -5%;
}
.zoomIn{
	height:55%;
	width:55%;
}
.accordion {
	font-size:16px;
}
 .base_icon{
	  width:100%;
	  height:230px;
	  background-color:royalblue;
	  margin-top:475%;
}
.botbg{
	display:none;
}
.bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
    /* background-color:cyan;  */
	width:20%;
	height:0%;
	margin-left:2%;
    margin-top:440%; 
}
.bot_container4,.bot_container5,.bot_container6,.bot_container7{
 margin-top:5%;
}
 /* <==================work===============> */
#work_outer{
	margin-top:-0%;
}
#main{
 height:985px;
 width:100%;
}
.work-tag h2{
	position:absolute;
	margin-left:25%;
	margin-top:5%;
	font-size:34px;
}
.devices-wrapper{
	display:none;
}
.col1{
width:100%;
margin-top:5%;
 }
 .row5{
 width:100%;
 height:auto;
 margin-left: 3%;
 margin-top: 11%;
 }
 .row5 h2{ 
  height:50px;
  width:80%;
  font-size:25px;
  line-height:50px;
   margin-left:5%;
 }
 .row5 p{
  font-size:18px;
  height:100px;
  width:80%;
  text-align:center;
  margin-left:5%;
}
 .row5 h3{
  font-weight:bold;
  font-size:20px;
  height:100px;
  width:80%;
  line-height:30px;
  margin-left:5%;
 }
 .cont_button{
	 margin-top:-15%;
 }
 /* <============portfolio================> */
 #Portfolio{
	margin-top:25%;
}
/****Mobile Portrait 320 ****/
	#filters ul li{ display:block;}
	.contact-info-box{ margin-left:0px;}
	.header{ padding:40px;}
	.social-link{ margin-left:0px;}
	.form{ margin:0}
	.c-logo-part ul li{ display:block;}
	.Portfolio-box{ max-width:300px !important; width:96.4% !important; margin:0 !important}
	.Portfolio-box img { max-width:100%;}
	.portfolioContainer{ width:280px !important; margin:0 auto !important }
	.top_left_cont h2{ font-size:20px;} 
	.client_area{ width:276px;}
	.quote_section p{ font-size:15px;} 
	.c-logo-part{ padding:18px 0px;}
	.c-logo-part ul li{ margin:6px 0px; display:block;}
	/****Mobile Portrait 320 ****/
/* <===============client===============> */
#client_outer{
	margin-top:-25%;
}
.client_bord h1{
	font-size:30px;
	font-weight:bold;
}
.owl_wrapper h2{
	font-size:30px;
	font-weight:bold;
}
.slider{
	 height:450px;
}
 .slide .client_pic{
	width:30%;
	height:30%;
	margin-left:30%;
	margin-bottom:5%;
}
.slide h2{
   font-size:23px;
   margin-top:45%;
 }
.slide h3{
  font-size:18px;   
}
.slide p{
   font-size:16px;
   width:18%;
   height:auto;
   margin-left:1%;
 }
 /* <========about us============> */
 .team_title h1{
  font-size:25px;
  height:60px;
  width:450px;
  margin-left:20%;
  }
 .team_title p{
  font-size:13px;
  height:100px;
  width:300px;
  height:60px;
  margin-left:40%;
 }
 .mypic{
  /* background-color:pink;  	 */
position:relative;  
 overflow:hidden; 
 width:300px;
  height:450px; 
  margin-top:5%;
  margin-left:20%;
 }
 .mypic img {
  width:300px;
  height:450px; 
  margin-left:px;   
   transition:1s;
 }
.matter{
	height:150px;
	width:300px;
	background-color:rgba(65,105,225,0.1);
    transition:transform 0.5s;
	border:1px solid blue;
	z-index:4500;
}
.mypic:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-450px; 
	width:300px;
	height:450px;
	background-color:white;
	/* background-color:rgba(65,105,225,0.5); */
	background-color:#fab9b9;
	transition:.5s;
	mix-blend-mode:soft-light;	
 }
 .matter h2{
 font-size:25px;
}
 .matter ul{
margin-left:15%;
}
.feature h3{
	text-align:center;
	 font-weight:bold;
     font-size:20px;
}
.feature p{
	 font-size:15px;
	 text-align:center;
} 
.ourclients{
 height:180px; 
 width:90%;
 margin-left:5%;
}
.c1{
 font-weight:bold;
 font-size:20px;
 padding-left:30%;
 padding-right:15%;
  padding-top:6%;
 }
.ourclients p {
font-size:14px;
float:left;
line-height:19px;
}
.cubord{
 margin-top:-3.5%;;
 }
/* <===========Contact no==============> */
.cubord h1
{
	font-size:30px;
	font-weight:bold;
}
 .bizico1 img ,.bizico2 img,.bizico3 img{
height:55%;
width:55%;	 
 }
 .bizico1 p,.bizico2 p,.bizico3 p{
 width:100%;
 font-size:20px;
 }
 .maintitle{
margin-top:5%; 
font-weight:bold;
 font-size:25px;
 text-align:center;
 }
 .maintitle1{
	font-size:15px; 
 }
.sociyalbtn ul {
 top:96%;
}
.sociyalbtn ul li{
	list-style:none;
	 margin:0 5px;
}
.sociyalbtn ul li a{
	width:40px;
	height:40px;
	line-height:40px;
	font-size:25px;
}
.contactbox1{
	margin-top:10%;
}
.input-btn{
margin-bottom:8%;
margin-left:2%; 
}
}
 @media only screen and (min-width: 290px) and (max-width: 450px) {
 body{
 }
 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
    width: 100%;
}
 .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
 }
 .navbar-inverse .navbar-nav > li > a {
  font-size:16px;
  line-height:16px;
  width:90px;
  text-align:center;
  margin-left:10%;
  width:100%;
 }
 .navbar{
  width:100%;
 }
 .navbar-collapse {
  max-height: 280px;
  overflow-x: visible;
  padding-right: 50px;
  padding-left: 50px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
#slider {
width:100%;
height:250px; 
 }
  #prev {
  height:35px;
 width:35px;
 top:70px;
}
 #next {
  height:35px;
 width:35px;
 top:70px;
 }
  .down-indicator{
	 top:15%;
	 left:50%;
}
.down-indicator span{
  width:22px;	 
  height:22px;
}
.welcome_text{
	/* background-color:cyan; */
	height:auto;
    width:80%;
}
.welcome_text h2{
	font-size:19px;
}
.welcome_text p{
	font-size:16px;
	margin-right:3%;
	margin-left:2%;
}  
.wbtn1{
  margin-top:9%; 
}
.trafic_detail{
   height:450px;
   width:80%;
   margin-left:10%; 
}
.trafic_detail h2{
  width:80%;
  margin-top:40%;
  font-size:26px; 
  margin-left:7%;
}
.tc_detail span{
	 margin-left:10%;
	height:80px;
	width:80%;
	font-size:30px;
	line-height:50px;
	margin-top:15px;
}
.tc_detail p {
	color:white;
	margin-left:30%;
    font-size:20px;  
	margin-top:60px;
}
.social_button_external{
	position:fixed;
	opacity:0.2;
	background-color:royalblue;
	width:100px;
	height:80px;
	/* margin-left:96%; */
	z-index: 1030;
	margin-left:-18%;
	border-radius:10px;
}
/* <===================services====================> */
.sbord {
    width: 100%;
    background:#fff;
    margin-top: -7%;
}
.zoomIn{
	height:55%;
	width:55%;
}
.accordion {
	font-size:15px;
}
 .base_icon{
	  width:100%;
	  height:230px;
	  background-color:royalblue;
	  margin-top:545%;
}
.botbg{
	display:none;
}
.bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
    /* background-color:cyan;  */
	width:20%;
	height:0%;
	margin-left:2%;
    margin-top:500%; 
}
.bot_container4,.bot_container5,.bot_container6,.bot_container7{
 margin-top:5%;
}
/* <==================work===============> */
#work_outer{
	margin-top:-0%;
}
#main{
 height:1021px;
 width:100%;
}
.work-tag h2{
	position:absolute;
	margin-left:25%;
	margin-top:5%;
	font-size:34px;
}
.devices-wrapper{
	display:none;
}
.col1{
width:100%;
margin-top: 15%;
 }
 .row5{
 width:100%;
 height:auto;
margin-left: 3%;
 }
 .row5 h2{ 
  height:50px;
   width:80%;
  font-size:25px;
  line-height:50px;
}
 .row5 p{
  font-size:18px;
  height:100px;
  width:80%;
  text-align:center;
  margin-left:8%;
  }
 .row5 h3{
  font-weight:bold;
  font-size:20px;
  height:100px;
  width:80%;
  line-height:30px;
  margin-left:7%;
 }
 .cont_button{
	 margin-top:-25px;
 }
 /* <============portfolio================> */
 #Portfolio{
	margin-top:46%;
}
/****Mobile Portrait 320 ****/
	#filters ul li{ display:block;}
	.contact-info-box{ margin-left:0px;}
	.header{ padding:40px;}
	.social-link{ margin-left:0px;}
	.form{ margin:0}
	.c-logo-part ul li{ display:block;}
	.Portfolio-box{ max-width:300px !important; width:96.4% !important; margin:0 !important}
	.Portfolio-box img { max-width:100%;}
	.portfolioContainer{ width:280px !important; margin:0 auto !important }
	.top_left_cont h2{ font-size:20px;} 
	.client_area{ width:276px;}
	.quote_section p{ font-size:15px;} 
	.c-logo-part{ padding:18px 0px;}
	.c-logo-part ul li{ margin:6px 0px; display:block;}
	/****Mobile Portrait 320 ****/
/* <===============client===============> */
#client_outer{
	margin-top:-30%;
}
.client_bord h1{
	font-size:30px;
	font-weight:bold;
}
.owl_wrapper h2{
	font-size:30px;
	font-weight:bold;
}
.slider{
	 height:450px;
}
 .slide .client_pic{
	width:40%;
	height:40%;
	margin-left:30%;
	margin-bottom:5%;
}
.slide h2{
  font-size:23px;
  margin-top:55%;
}
.slide h3{
 font-size:18px;   
}
.slide p{
   font-size:16px;
   width:18%;
   height:auto;
   margin-left:1%;
  }
 /* <========about us============> */
 .team_title h1{
  font-weight:bold;
  font-size:19px;
  height:60px;
  width:300px;
  margin-left:40%;
 }
 .team_title p{
  font-size:13px;
  height:100px;
  width:300px;
  height:60px;
  margin-left:40%;
 }
 .mypic{
 width:250px;
  height:350px; 
  margin-top:5%;
  margin-left:13%;
 }
 .mypic img {
  width:230px;
  height:350px; 
 }
 .matter{
	height:150px;
	width:230px;
}
.mypic:before{
	bottom:-450px; 
	width:230px;
	height:450px;
 }
 .matter h2{
 font-size:18px;
}
 .matter ul{
margin-left:3%;
}
.feature h3{
	text-align:center;
	 font-weight:bold;
     font-size:17px;
}
.feature p{
	 font-size:15px;
	 text-align:center;
} 
.ourclients{
 height:180px; 
 width:90%;
 margin-left:5%;
}
.c1{
 font-weight:bold;
 font-size:20px;
 padding-left:30%;
 padding-right:15%;
  padding-top:6%;
 }
.ourclients p {
font-size:14px;
float:left;
line-height:19px;
}
.cubord{
  margin-top:-7%;
 }
/* <===========Contact no==============> */
.cubord h1
{
	font-size:30px;
	font-weight:bold;
}
 .bizico1 img ,.bizico2 img,.bizico3 img{
height:55%;
width:55%;	 
 }
 .bizico1 p,.bizico2 p,.bizico3 p{
 width:100%;
 }
 .maintitle{
margin-top:5%; 
font-weight:bold;
 font-size:25px;
 text-align:center;
 }
 .maintitle1{
	font-size:15px; 
 }
.sociyalbtn ul {
 top:100%;
}
.sociyalbtn ul li{
	list-style:none;
	 margin:0 5px;
}
.sociyalbtn ul li a{
	width:30px;
	height:30px;
	line-height:30px;
	font-size:20px;
}
.contactbox1{
	margin-top:20%;
}
.input-btn{
margin-bottom:8%;
margin-left:2%; 
}
}
 @media only screen and (min-width: 150px) and (max-width: 310px) {
 body{
 }
 #slider {
 width:100%;
height:400px;
overflow:hidden;
background:#ff00ff;
position:relative;
}
#slideshow {
 height:100%;
 width:100%;
}
#slideshow img {
 height:100%;
 width:100%;
}
 .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
 }
 .navbar-inverse .navbar-nav > li > a {
  font-size:16px;
  line-height:16px;
  width:90px;
  text-align:center;
  margin-left:10%;
  width:80%;
 }
 .navbar{
  width:100%;
 }
 .navbar-collapse {
  max-height: 280px;
  overflow-x: visible;
  padding-right: 50px;
  padding-left: 50px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
#slider {
width:100%;
height:250px; 
 }
  #prev {
  height:35px;
 width:35px;
 top:70px;
}
 #next {
  height:35px;
 width:35px;
 top:70px;
 }
  .down-indicator{
	 top:15%;
	 left:50%;
}
.down-indicator span{
  width:22px;	 
  height:22px;
}
.welcome_text{
	height:auto;
    width:80%;
}
.welcome_text h2{
	font-size:18px;
}
.welcome_text p{
	font-size:15px;
	margin-right:3%;
	margin-left:2%;
}  
.wbtn1{
  margin-top:9%; 
}
.trafic_detail{
   height:450px;
   width:80%;
   margin-left:10%; 
}
.trafic_detail h2{
  width:80%;
  margin-top:40%;
  font-size:26px; 
  margin-left:7%;
}
.tc_detail span{
	 margin-left:10%;
	height:80px;
	width:80%;
	font-size:30px;
	line-height:50px;
	margin-top:15px;
}
.tc_detail p {
	color:white;
	margin-left:25%;
    font-size:20px;  
	margin-top:60px;
	}
.social_button_external{
	position:fixed;
	opacity:0.2;
	background-color:royalblue;
	width:100px;
	height:80px;
	/* margin-left:96%; */
	z-index: 1030;
	margin-left:-24%;
	border-radius:10px;
}
/* <===================services====================> */
.zoomIn{
	height:55%;
	width:55%;
}
.accordion {
	font-size:14px;
}
 .base_icon{
	  width:100%;
	  height:230px;
	  background-color:royalblue;
	  margin-top:650%;
}
.botbg{
	display:none;
}
.bot_container,.bot_container1,.bot_container2,.bot_container3,.bot_container4,.bot_container5,.bot_container6,.bot_container7{
    /* background-color:cyan;  */
	width:20%;
	height:0%;
	margin-left:2%;
    margin-top:590%; 
}
.bot_container4,.bot_container5,.bot_container6,.bot_container7{
 margin-top:10%;
}
/* <==================work===============> */
#work_outer{
	 margin-top:-0%;
}
#main{
 height:1031px;
 width:100%;
}
.work-tag h2{
	position:absolute;
	 margin-left:13%;
	 margin-top:5%;
	 font-size:34px;
}
.devices-wrapper{
	display:none;
}
.col1{
width:80%;
 }
 .row5{
width: 259px;
height: 500px;
margin-left: 3%;
margin-top: 18%;
 }
 .row5 h2{ 
  height:50px;
   width:80%;
  font-size:20px;
  line-height:50px;
  }
 .row5 p{
  font-size:15px;
  height:100px;
  width:80%;
  text-align:center;
  margin-left:8%;
 }
 .row5 h3{
  font-weight:bold;
  font-size:20px;
  height:100px;
  width:80%;
  line-height:30px;
  margin-left:7%;
 }
 .cont_button{
	 margin-top:-25px;
 }
 /* <============portfolio================> */
 #Portfolio{
	margin-top:57%;
}
/****Mobile Portrait 320 ****/
	#filters ul li{ display:block;}
	.contact-info-box{ margin-left:0px;}
	.header{ padding:40px;}
	.social-link{ margin-left:0px;}
	.form{ margin:0}
	.c-logo-part ul li{ display:block;}
	.Portfolio-box{ max-width:300px !important; width:96.4% !important; margin:0 !important}
	.Portfolio-box img { max-width:100%;}
	.portfolioContainer{ width:280px !important; margin:0 auto !important }
	.top_left_cont h2{ font-size:20px;} 
	.client_area{ width:276px;}
	.quote_section p{ font-size:15px;} 
	.c-logo-part{ padding:18px 0px;}
	.c-logo-part ul li{ margin:6px 0px; display:block;}
	/****Mobile Portrait 320 ****/
/* <===============client===============> */
#client_outer{
	margin-top:-50%;
}
.client_bord h1{
	font-size:30px;
	font-weight:bold;
}
.owl_wrapper h2{
	font-size:30px;
	font-weight:bold;
}
.slider{
	 height:450px;
}
 .slide .client_pic{
	width:50%;
	height:50%;
	margin-left:30%;
	margin-bottom:5%;
}
.slide h2{
  font-size:20px;
  margin-top:5%;
 }
.slide h3{
 font-size:18px;   
}
.slide p{
   font-size:14px;
   width:18%;
   height:500px;
   margin-top:20px;
   margin-left:1%;
 }
 /* <========about us============> */
 .team_title h1{
  font-weight:bold;
  font-size:16px;
  height:100px;
  width:200px;
  height:10%;
  margin-left:45%;
 }
 .team_title p{
  font-size:11px;
  height:100px;
  width:200px;
  height:10%;
  margin-left:45%;
 }
 .mypic{
 width:250px;
  height:350px; 
  margin-top:5%;
  margin-left:5%;
 }
 .mypic img {
  width:230px;
  height:350px; 
 }
 .matter{
	height:150px;
	width:230px;
}
.mypic:before{
	bottom:-450px; 
	width:230px;
	height:450px;
 }
 .matter h2{
 font-size:18px;
}
 .matter ul{
margin-left:3%;
}
.feature h3{
	text-align:center;
	 font-weight:bold;
     font-size:17px;
}
.feature p{
	 font-size:15px;
	 text-align:center;
} 
.ourclients{
 height:180px; 
 width:90%;
 margin-left:05%;
}
.c1{
 font-weight:bold;
 font-size:20px;
 padding-left:20%;
 padding-right:15%;
  padding-top:6%;
 }
.ourclients p {
font-size:14px;
float:left;
line-height:19px;
}
/* <===========Contact no==============> */
.cubord h1
{
	font-size:30px;
	font-weight:bold;
}
 .bizico1 img ,.bizico2 img,.bizico3 img{
height:55%;
width:55%;	 
 }
 .bizico1 p,.bizico2 p,.bizico3 p{
 width:100%;
 }
 .maintitle{
margin-top:5%; 
font-weight:bold;
 font-size:20px;
 text-align:center;
 }
 .maintitle1{
	font-size:15px; 
 }
.sociyalbtn ul {
 top:140%;
}
.sociyalbtn ul li{
	list-style:none;
	 margin:0 5px;
}
.sociyalbtn ul li a{
	width:30px;
	height:30px;
	line-height:30px;
	font-size:20px;
}
.contactbox1{
	margin-top:90%;
}
.input-btn{
margin-bottom:8%;
margin-left:2%; 
}
}