

@media only screen and (max-width: 1500px) {
	.tp-banner-container {margin: -82px 0 0 0; height: 330px;}
	.banner .read-button {bottom: -36%;}
	form#quote .form .field { width: 100%;}
	.accordion-wrapper div:last-child { width: 110% !important;}
}

@media only screen and (max-width: 1280px) {
	.tp-banner-container {margin: -82px 0 0 0; height: 330px;}
	.banner .read-button {bottom: -36%;}
	.icon-about i { margin:21px 16px 0 0;}
	.cd-modal h4.title { padding:0; margin: 26px 0 20px 0;}
	.icon-ser { margin:12px 0 0 -15px;}
}
@media only screen and (max-width: 1169px) {
.container{ width:92%;}
#cd-intro #cd-intro-tagline { padding-top: 0;}
#cd-intro { height: auto;}
.logo a{ width: 294px;}
.logo span{ font-size:17px;}
.banner .banner-detail .logo img { width: 100%;}
.tp-banner-container {margin: -82px 0 0 0; height: 370px;}
.banner .read-button {left:42%; bottom: -14%;}
.pro-services .all-services .services-sec {width: 30%;}
.about-tto .all-services .services-sec {width: 30%;}

.tp-rightarrow.default{ display:none;}
.tp-leftarrow.default{ display:none;}

.cd-modal-content .text-detail { width: 60%;}
.cd-modal-content .right-sec { width: 35%;}
form#quote .form .field { width: 100%;}
textarea#detail { width: 228px;}

form#quote .right-sec label { width: 40%;}
form#quote .right-sec .field input[type=text] { width: 56% !important;}
form#quote .right-sec .field select{ width: 56% !important;}
textarea#textarea4 {width: 56%;}

.slider1text{margin: 212px 0 0 0 !important;}

}


@media only screen and (max-width: 1024px) {
.banner .read-button {left:42%; bottom: -8%;}
.pro-services .all-services .services-sec {width:29%;}
.about-tto .all-services .services-sec {width:23%;}
.contact-us .contact-form .form-sec { width: 352px;}
.banner .read-button{ display: inherit;}
.icon-about i {margin: 21px 18px 0 0;}


.slider1text{margin:194px 0 0 0 !important;}
}

@media only screen and (max-width: 960px) {
.logo { top:35px;}
.main-title p { width: 100%;}
.pro-services .all-services .services-sec {width:28%;}

.about-tto .all-services .services-sec { width: 44%;}
.taq-org .about-tto .all-services .services-sec {width:46%;}

.press-img.image { height: 188px; width: 188px;}
.contact-us .contact-form .form-sec { width:292px;}

.footer .footer-detail .footer-nav li a { font-size: 15px;}
.footer .footer-detail .get-touch li{ margin:0px;}
.banner .read-button { left: 41%; bottom: 28px;}
.banner .read-button .read-more { font-size: 13px; padding: 10px 27px;}
.cd-modal-content .text-detail { width: 100%;}
.cd-modal-content .right-sec { width: 100%;}
form#quote label { width: 40%;}
form#quote input[type=text] { width: 56%;}
form#quote .field select { width: 56%;}
textarea#textarea4 { width: 58%;}
textarea#detail { width: 58%;}
.banner .banner-detail .logo img { width: 72%;}

.icon-about i { margin: 21px 10px 0 0;}

h4.title.req { padding: 30px 0 0 10%;}
.icon-ser { margin: 0 0 0 0;}

.slider1text{margin:150px 0 0 0 !important;}



.tools-sec .press-img.image { float: none !important; margin: 0px 0px 0 0 !important;}
.tools-sec .detail { text-align: center !important;}

.cd-modal-content .form{ margin:35px 0 0 0;}
.cd-modal-content.services h4.title { margin:42px 0 0 0;}
.cd-modal h4.title { padding:0;}
}

@media only screen and (max-width: 768px) {
	
.banner .read-button { left: 39%; bottom:20%; position:absolute; z-index:9999;}
.banner .read-button .read-more{ padding:9px 26px;}
.pro-services .all-services .services-sec {width:80%;}
.about-tto .all-services .services-sec {width:100%;}
.press-img.image { height: 80%; width: 80%;}
.contact-us .contact-form .form-sec {    width: 100%;}
.footer .footer-detail .footer-nav li{ border-bottom:none;}
.footer .footer-detail .get-touch li { margin: 0 6px 12px 6px;}
.tp-rightarrow.default{ display:none !important;}
.tp-leftarrow.default{ display:none !important;}
.banner .banner-detail .logo img { width:60%;}
.about-tto .all-services .services-sec.last { margin: 0 30px 60px 0;}
textarea#textarea4 { width: 56%;}
textarea#detail { width: 56%;}
.taq-org .about-tto .all-services .services-sec { width: 100%;}
.icon-about i { margin:21px 12px 0 0;}
.cd-modal h4.title { padding: 28px 92px 24px;}
.icon-ser { margin: 0 0 0 6px;}
.slider1text{margin:120px 0 0 0 !important;}

.cd-modal h4.title { padding:0;}
.cd-modal-content.services { padding: 9em 5% 4em;}

.popup-logo { padding: 10px 0 10px 5%;}
.cd-modal-content {padding: 13em 5% 4em;}
#cd-intro { display: none;}
}




@media only screen and (max-width: 640px) {
	.banner .read-button { display:inline-block;    bottom: 34%;}
	.pro-services .all-services .services-sec {width:100%;}
.about-tto .all-services .services-sec {width:100%;}
.press-img.image { height:100%; width:100%;}

.logo a {    width: 154px;}
.logo span {font-size: 12px;}
.tp-banner-container {
    height: 370px;
    margin: -22px 0 0;
}
.main-title h1{ font-size:35px}
.banner .banner-detail .logo img { width:100%;}
.header .header-logo { width: 126px;}
.mob-menu .mob-nav { margin:50px 0 0 -5% !important;}

.slider1text { margin: 80px 0 0 0 !important; font-size: 18px !important;}
.tools-sec { width:100% !important; padding: 0 0 0 0;}
.sub-page { margin: 60px 0 0 0;}

.popup-logo { padding: 10px 0 10px 5%;}
.news-right-sidebar { width: 100%; margin: 0 0 46px 0;}


#cd-intro { display: none;}

}


@media only screen and (max-width: 480px) {
	.logo {top:26px;}
	
	.banner-bg {width:135%;}
	.tp-caption.black_thin_34.customin.tp-resizeme.rs-parallaxlevel-0.start{ font-size:15px !important;}
	.mob-nav { box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.17);}
	.twitter-widget p { min-height: 150px;}
	.banner .banner-detail .logo img {width:100%;}
	.logo a {width:178px;}
	.tp-banner-container { margin:18px 0 0 0;}
	.accordion-wrapper {top:8px !important;}
	.mob-menu .mob-icon img { width: 34px;}
	.taq-all.wow.fadeIn { margin: 20px 0 0 0;}
	.pro-services {padding:74px 0;}
	.news-media { padding:74px 0;}
	.about-tto {padding:74px 0;}
	.taq-org {padding:74px 0;} 
	.contact-us .find-us { padding:74px 0;}
	.main-title p {font-size:14px;}
	.contact-us .contact-form .form-sec { margin:0 0;}
	.footer .footer-detail .footer-logo { width:135px;}
	.header .header-logo { width: 116px;}
	.all-services .press-img.image {height: 140px; width: 140px;}
	.about-tto .all-services .services-sec .detail { margin: 12px 0 0 0;}
	.main-title.white h1{ font-size:30px;}
	.twitter-widget i.fa.fa-twitter { font-size: 72px;}
	.twitter-widget { margin: 52px 0 0 0;}
	form#quote label { width: 100%;}
	form#quote input[type=text] { width: 100%; margin: 10px 10px 0 0;}
	form#quote .field select { width: 100%; margin: 10px 10px 0 0;}
	textarea#detail { width: 100%;    margin: 10px 0 0 0;}
	form#quote .right-sec input.button {float: left;}
	form#quote .right-sec label { width: 100%;}
	form#quote .right-sec .field input[type=text] { width: 100% !important;}
	form#quote .right-sec .field select { width: 100% !important;}
	textarea#textarea4{width: 100%;    margin: 10px 0 0 0;}
.banner .read-button { left:35%; bottom:44%;}
.banner .read-button .read-more { padding: 7px 15px; border: solid 1px #292929; font-size: 11px;}
.slider1text { margin:50px 0 0 0 !important; font-size:13px !important;}

.main-title h1 span { font-size: 30px;}
.icon-about i { font-size: 32px;}
.cd-modal .modal-close{ width:40px; height:40px;}
.icon-about i { margin:18px 15px 0 0;}

.cd-modal h4.title {padding:0; font-size:18px;}
h4.title.req { padding: 30px 0 0 6%;}
.cd-modal-content .text-detail { margin:20px 0 0 0;}
.icon-ser { margin:5px 0 0 6px;}

.cd-modal-content.services h4.title { font-size: 16px;}

.taq-sec { width: 100%;}

}

@media only screen and (max-width: 400px) {
	.banner-bg {width:165%;    margin: 0 0 0 -34%;}
}



@media only screen and (min-width: 1170px){
	.mob-menu{ display:none;}
}





























































