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

.service-area{
   margin-top: 0px !important;
    position: relative !important;
    left: 50px !important;
  }


}



@media only screen and (max-width:992px){}


}



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

#popup{


	width: 750px !important;
}
.service-area{
   margin-top: 0px !important;
    position: relative !important;
    left: 50px !important;
  }

}



@media only screen and (max-width:767px){
.modalDialog > div{
	width: 300px !important;
	margin: 30% auto !important;
}

.container1{

	display: none;
}
#popup{


	width: 400px !important;
}
.service-area{
   margin-top: 0px !important;
    position: relative !important;
left: 28px !important;
  }


}



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

.container1{

	display: none;
}

}
@media only screen and (max-width:375px){


.modalDialog > div{
	width: 300px !important;
	    margin: 40% auto !important;
}

#pop{
	    top: 300px !important;
}


.container1{

	display: none;
}
#popup{


	width: 350px !important;
}
.service-area{
   margin-top: 0px !important;
    position: relative !important;
    left: 44px !important;
  }

}