/*==========Responsive Styles==================*/

@media screen and (max-width:1240px){
  	.my-container {
 		padding: 0 30px;
  	}
  	.service-list ul {
    	width: 95%;
    	margin: 0 auto;
	}
  	.service-list ul li {
    	display: inline-block;
   		width: 17%;
  	}
  	.service-list .svc-cont h2 a {
    	font-size: 27px;
    	line-height: 35px;
  	}
  	.service-list .svc-cont {
	    height: 100%;
    	min-height: 345px;
  	}
  	#footer .f-col {
    	width: 500px;
  	}
  	#footer .f-col:nth-child(2) {
    	width: 500px;
        float: right;
  	}
}

@media screen and (max-width:980px){
    .main-navigation {
        margin: 0 8px;
    }
    .service-list .svc-cont .rm-btn {
    	top: 56px;
    	width: 50%;
	}
  	.service-list ul {
	    width: 84%;
    	margin: 0 auto;
	}
	.service-list ul li {
    	width: 29.5%;
	}
    .service-list .svc-cont {
        height: 100%;
        min-height: 330px;
    }
	.service-list .svc-cont h2 a {
	    font-size: 26px;
    	line-height: 32px;
	}
  	.service-list .svc-cont p {
        line-height: 20px;
  	}
   	#footer .my-container {
    	padding: 0 50px;
	}
  	#footer .f-col {
   		width: 325px;
	}
  	#footer .f-col:nth-child(2) {
    	width: 360px;
	}
  	/*===============About Us===============*/
  	.spiral-bg {
    	padding: 20px 0;
  	}
  	h2.page-title {
    	line-height: 38px;
  	}
  	.left-sec, .right-sec {
		float: none;
	}
  	/*=========Contact Us Styles========*/
  	#contact-sec1 .adjusted {
    	width: 75%;
    	text-align: center;
    	margin: 0 auto !important;
	}
  	#contact-sec1 .adjusted p {
    	text-align: left;
    	line-height: 30px;
	}
	#contact-sec1 .contact-form .cf span.label {
    	width: 35%;
	}
	#wpcf7-f157-o1 .wpcf7-captchac {
    	display: inline-block;
	}
  	#contact-sec1 .btn-send {
    	width: 100%;
	}
	#contact-sec1 .right-sec #sidebar {
    	width: 430px;
    	margin: 0 auto;
	}
	.right-sec {
    	width: 100%;
    	margin: 0 auto;
    	text-align: center;
    	float: left !important;
	}
	#sidebar .cont-address, #sidebar .contact-info {
	    text-align: left;
	}
}

@media screen and (max-width:767px){
  	.service-list ul {
    	width: 75%;
	}
  	.service-list ul li {
    	width: 45%;
	}
  	.service-list .svc-cont .rm-btn {
    	top: 58px;
    	width: 57%;
	}
  	#footer .my-container {
    	padding: 0 50px;
	}
  	#footer .f-col {
    	width: 100%;
    	margin-top: 0px;
	}
  	#footer .f-col:nth-child(2) {
   		width: 100%;
    	margin-top: 40px;
	}
  	/*========ABOUT US styles===========*/
  	.the-content {
    	padding: 0px 15px;
    	margin: 0px 10px 20px;
	}
  	/*=======Contact Us Style==========*/
  	#contact-sec1 .contact-form .cf span.label {
    	width: 30%;
	}
  	#contact-sec1 .adjusted {
   		width: 85%;
  	}
}

@media screen and (max-width:640px){
  	.service-list ul {
    	width: 88%;
  	}
  	/*======Product Samples styles======*/
  	#ps-sec1 ul {
    	margin-top: 50px !important;
	    width: 90%;
    	margin: 0 auto;
	}
  	#ps-sec1 ul li {
       	width: 49.3%;
  	}
}

@media screen and (max-width:540px){
 	#smp-sec1 .my-container {
 		padding: 0 30px;
  	}
  	.service-list ul {
    	text-align: center;
	}
  	/*=====Contact Us======*/
  	#contact-sec1 .cform {
    	padding: 0px 53px;
	}
	#contact-sec1 .contact-form .cf span.label {
	    width: 100%;
	    text-align: left;
	}

	#contact-sec1 .contact-form .cf input, #contact-sec1 .contact-form .cf textarea {
	    margin: 0;
    	width:100% !important;
    	max-width:none;
	}
	#wpcf7-f157-o1 .wpcf7-captchac {
	    display: inline-block;
	    left: 0;
	    margin-bottom: 5px;
	}
  	#contact-sec1 .btn-send {
       	text-align: left;
	}
  	#contact-sec1 .right-sec #sidebar {
    	width: 90%;
  	}
  	#sidebar iframe {
    	height: 300px;
	}
}

@media screen and (max-width:503px){
	.my-container {
    	padding: 0 10px;
	}
  	.service-list ul li {
    	width: 80%;
	}
  	.service-list .svc-cont .rm-btn {
    	top: 84px;
    	width: 40%;
	}
}
@media screen and (max-width:440px){
	.service-list .svc-cont h2 a {
    	font-size: 26px;
    	line-height: 40px;
	}
  	#home-sec1 h1 {
    	font-size: 25px;
	}
  	.service-list .svc-cont {
       	min-height: 340px;
	}
  	/*==========ABOUT US STYLES==========*/
  	h2.page-title {
    	font-size: 25px;
	}
  	#sidebar .widget_nav_menu ul li a {
    	font-size: 20px;
    	line-height: 15px;
  	}
  	#footer h2 {
    	font-size: 24px;
  	}
  	/*==========product Sample Styles===============*/
  	#ps-sec1 .my-container {
    	padding: 10px 10px;
	}
  	#ps-sec1 h2.page-title {
    	font-size: 19px;
    	margin: 0 15px;
	}
  	#ps-sec1 ul li {
    	width: 100%;
	}
  	#ps-sec1 ul {
       	width: 80%;
  	}
  	/*======contact US =======*/
  	#contact-sec1 .cform {
    	padding: 0px 30px;
	}
  	#contact-sec1 h2.page-title {
    	font-size: 27px;
	}
  	#contact-sec1 .right-sec #sidebar {
    	width: 100%;
	}
  	#sidebar iframe {
    	height: 250px;
	}
  	#contact-sec1 .right-sec a.email {
    font-size: 15px;
    	display: inline-block;
	}
  	
}
@media screen and (max-width:400px){
	.service-list .svc-cont .rm-btn {
    	top: 59px;
    	width: 55%;
	}  
  	.service-list .svc-cont h2 a {
    	font-size: 26px;
    	line-height: 35px;
  	}
  	/*==========ABOUT US TYLES===========*/
  	h2.page-title {
	    font-size: 19px;
  	}
}
@media screen and (max-width:340px){
  	#home-sec1 h1 {
    	font-size: 20px;
	}
  	.service-list .svc-cont {
    	min-height: 322px;
	}
  	#footer .my-container {
    	padding: 0 35px;
	}
  	/*===========ABOUT US STYLES==========*/
  	h2.page-title {
	    font-size: 17px;
  	}
}