@media only screen and ( max-width:1700px) {
#eg-work { background-size:200% auto;}

#callus1,#callus2,#callus3 { background-size:200% auto;}
}

@media only screen and ( max-width:1500px) {
#we-can-quotes.we-can-quotes { background-size:200% auto;}
}

@media only screen and ( max-width:1300px) {
#box-pen,.box-pen { margin:0px;}
#eg-work {  padding:80px 0;}

#callus2,#callus3 { background-size:250% auto;}
}


@media only screen and ( max-width:1200px) {
.wrapper { width:94%; margin:0 2%;}
#header { text-align:center;}
.header-left,.header-mid,.contact-no,.header-logo { float:none; display:inline-block; width:auto; margin:0px; padding:0px; vertical-align:middle;}
.box-pen li { float:none; display: inline-block; width:auto;}

.we-can-quotes-left {width: 70%;}
.we-can-quotes-right { width:27%; }

.callus-left {  width:68%;}
.callus-right { width:30%;}

#we-can-quotes.we-can-quotes { background-size:250% auto;}

#home-facebook-banner { padding:80px 0;}

.contact-right .address h2 { font-size:32px;  line-height: 40px;}
} 

@media only screen and ( max-width:980px) {
#footer { position:30px 0;}
.footer1 .logo img { width:100%;}

#eg-work { padding:50px 0;}
.eg-work h2 br { display:none;}
.eg-work h2 { font-size:35px; line-height:40px; margin:0px; padding:0px;}
.eg-work .btn { margin:5% 0 0;}
.eg-work .btn a,.eg-work .btn a:hover {background-position: top 8px right 10px;padding: 8px 50px 8px 20px;font-size: 20px;background-size: 15%;}


.callus-left {  width:66%;}
.callus-right { width:32%;}

.footer1 { width:38%;}
.footer2 { width:38%;}
.footer3 { width:18%;}

#we-can-quotes.we-can-quotes { background-size:300% auto;}
}

@media only screen and ( max-width:768px) {
.wrapper { width:90%; margin:0 5%;}
p { font-size:16px; font-family:'Montserrat Light'; line-height:26px;}
.row1-left h3, .row2-right h3 { font-size:17px; line-height:25px;}
.row1-left h2, .row2-right h2 { font-size:28px; line-height:30px;}

#header { margin:15px 0 10px;}
#row1,#row2,#row3,#row4,.row-content { text-align: center; margin:0 0 20px; padding:0px;}
#we-can-quotes.we-can-quotes,#footer { text-align:center;}
#we-can-quotes.we-can-quotes { background-size:460% auto;}
.we-can-quotes-left ul { column-count:3;  -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ overflow:hidden;}
.row1-left,.row2-left { margin-bottom:20px;}
.row2 { margin:20px 0 0;}
.row1-left { margin:20px 0;}
.pic-img img { width: auto;}

#contact { margin:30px 0;}
.header-twitter { padding:10px 0 5px;}
.contact-left,.contact-right,#copy-right p,.we-can-quotes-right .btn,.contact-no { text-align:center;}
.formrow.captcha { text-align:left;}
.contact-right { margin:20px 0 0;}

#row3 .row1,#row3 .row1-left { margin:0px; padding:0px;}

#title { margin:0px; padding:20px 0;}
#title h1 { font-size:32px; line-height:40px; margin:0px; padding:0px;}
.footer1,.footer2,.footer3,.callus-left,.callus-right,.row1-left,.row1-right,.row2-left,.row2-right,.we-can-quotes-left,.we-can-quotes-right,.contact-left,.contact-right {float:none; display:inline-block; width:100%;}
.footer1,.footer2 { margin-bottom:20px;}
.footer3 li { line-height:40px; font-size:19px;}

#callus1,#callus2,#callus3 { background-size:400% auto; text-align:center; padding:30px 0;}
.callus-right { margin:1% 0 0;}
.callus-right a,.callus-right a:hover {background-position: top 11px right 15px;padding: 10px 50px 10px 20px;font-size: 18px;background-size: 13%;}

#eg-work {  background-size: 300% auto;}

#copy-right p { font-size:15px; line-height:22px;}
#copy-right p span { font-size:20px;}

.footer1 .logo img { width:auto;}

#home-facebook-banner h2 { font-size:28px; line-height:35px;}
#galleryrow {margin:30px 0;}
.owl-carousel .owl-item .item { padding:0px;}

 #galleryrow { padding: 0 0 0 34px; }
.owl-carousel .owl-nav button.owl-prev {left: -15px;}	
}

@media only screen and ( max-width:620px) {
.eg-work h2 { font-size:25px; line-height:30px;}
.pic-img img { width:100%;}

.eg-work .btn a,.eg-work .btn a:hover {background-position: top 9px right 10px;padding:8px 50px 8px 20px;font-size: 17px;}
#we-can-quotes.we-can-quotes { background-size: 600% auto;}
.we-can-quotes-left ul { column-count:2;  -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ overflow:hidden;}

#copy-right p { font-size:14px;}
#copy-right p span { font-size:18px;}
#callus1,#callus2,#callus3 { background-size:600% auto;padding:30px 0;}
.callus-left h2 { font-size:24px; line-height:30px;}
.callus-right { margin:0px; padding:20px 0;}
}

@media only screen and ( max-width:520px) {
#title h1 { font-size:25px; line-height:30px;}
#eg-work { padding:30px 0;}
.pic-img img { width: 100%;}

#we-can-quotes.we-can-quotes { background-size:1000% auto;}
.we-can-quotes-left li { font-size:16px; line-height:28px;}

.we-can-quotes-right .btn a,.we-can-quotes-right .btn a:hover {background-position: top 10px right 15px;padding: 8px 50px 8px 20px;font-size: 17px;background-size: 13%;}

#home-facebook-banner img { width:100%;}
.footer1 .logo img { width:100%;}

#home-facebook-banner h2 { font-size:25px; line-height:30px;}

.owl-carousel .owl-nav button.owl-prev {left: -10px;}	 
}

@media only screen and ( max-width:420px) {
.header-left img { width:100%;}

#callus1,#callus2,#callus3 { background-size:800% auto;}
.we-can-quotes-left li { font-size:15px;}
}

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

}