img { max-width:100%; height:auto }
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,command,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,source,span,strike,strong,sub,sup,table,tbody,tdvideo,tfoot,th,thead,tr,tt,u,ul,var{background:0 0;margin:0;padding:0;border:0;outline:0}
ol,ul{list-style:none}
blockquote,q{quotes:none}
table,table td{padding:0;border:none;border-collapse:collapse}
embed{vertical-align:top}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}
mark,rp,rt,ruby,summary,time{display:inline}
input,textarea{border:0;outline:0;}iframe{border:0;margin:0;padding:0}
input,select,textarea { font:16px 'Roboto', sans-serif; font-weight:400; border:1px solid #d2d2d2; padding:0 20px; line-height:43px; height:43px; margin-bottom:10px; width:100%; background:#fff; -o-border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
textarea { height:90px; resize:none; }
body,html{height:100%;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{padding:0;margin:0;font-weight:400}
@media screen and (max-width:1600px) {
	.container { width:1400px; }
	.container.big { width:100%; padding:0 50px; }
}
@media screen and (max-width:1400px) {
	.container, .container.big { width:100%; padding:0 15px; }
	#logo { left:15px; }
	#teams .owl-buttons div { display:none; }
}
@media screen and (max-width:1364px) {
	#menu_part { height:60px; }
	#menu-menu, #cssmenu ul ul { display:none !important; }
	#cssmenu ul ul { border-bottom:0; }
    #menu-menu.open, #cssmenu ul ul.open { display:block !important; }
	
	.importantlinks { display:block; position:absolute; right:120px; }
	.importantlinks ul { font-size:0; }
	.importantlinks li { font-size:16px; font-weight:700; text-transform:uppercase; display:inline-block; }
	.importantlinks li a { padding:0 10px; color:#f6f6f7; line-height:60px; }
	.importantlinks li a:hover { color:#fff; background:#11af4f; }
	
	#header .b-part { text-align:center; }
	.b-part { font-size:0; }
	.b-part .search, .b-part .contactbtn, .b-part .callbtn, .b-part .rvwbtn { font-size:initial; float:none; display:inline-block; margin-top:10px; vertical-align:top; }
	.b-part .search input { width:250px; }
	.b-part .social-media { float:none; display:inline-block; padding:0 10px; line-height:40px; height:40px; margin:10px 5px; width:auto/*220px*/; -o-border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; }
	.social-media li { font-size:25px; }
	.social-media li a { width:40px; line-height:40px; }
	.b-part .search input, .b-part .search .btn, .b-part .contactbtn, .b-part .callbtn, .b-part .rvwbtn { line-height:40px; height:40px; }
}
@media only screen and (min-width: 1181px) and (max-width: 1599px) {
	.s-boxes > li .data { padding:20px; }
	.s-boxes > li .data .stitle { padding-bottom:5px; }
	.s-boxes > li li { line-height:26px; font-size:14px; }
	
}
@media screen and (max-width:1180px) {
	.container.small, .s-cont { width:100%; padding:0 15px; }
	.welcome p { width:100%; font-size:16px; line-height:24px; }

	#logo { width:230px; }
	#header .tagline,
	.page-id-2861 #header .tagline { margin-top:300px; font-size:30px; padding:15px 25px; }
	#header .logos { padding:40px 0; }
    .b-part .search input { width:250px; }
	.social-media li { font-size:25px; }	
	
	.b-part .contactbtn a, .b-part .callbtn a, .b-part .rvwbtn a { font-size:0; line-height:40px; height:40px; padding:0; }
	.b-part .contactbtn a i, .b-part .callbtn a i, .b-part .rvwbtn a i,
	.b-part .contactbtn a .fa, .b-part .callbtn a .fa, .b-part .rvwbtn a .fa { font-size:16px; display:inline-block; width:40px; line-height:40px; height:40px; margin:0; }
	/*.b-part .social-media { padding:8px; }*/
	.b-part .search, .b-part .contactbtn, .b-part .callbtn, .b-part .rvwbtn { margin:10px 5px; vertical-align:top; }
	
	.s-boxes > li { width:calc(50% - 20px); }
	.b-part .contactbtn { margin-left:20px; }
	
	#teams .item { padding:0 10px; }
	#teams .owl-buttons div {}
	
	
	
	.lsize { width:100%; margin: 0 auto }
    #content .l_part { float: left; width: 30%; margin-bottom: 10px }
    #content .l_part .banner { width: 354px; padding-top: 5px }
    #content .video { float: left; width: 38%; margin: 0 auto }
    #content .video img { width: 100%; height: auto }
}

@media screen and (max-width:1023px) {	
	#content, .blog, .google-reviews, .ebooks { padding:30px 0; }
	.welcome { padding-top:30px; }
	.team, .footer-services { padding-bottom:30px; }
	
	.divider-2 { margin:25px auto; }
	#teams .owl-controls, #blogs .owl-controls { padding-top:20px; }
	.contact-bar { padding:10px 0; }
	
    .list_03 { text-align: center }
	#servicess .item { padding:0 20px 0 0; }	
}

@media screen and (max-width:980px) {
	.b-part .search { float:none; margin:0 5px; width:200px; }
	.b-part .search input { width:100%; margin-top:10px; }
	.b-part .search .btn { margin-top:10px; }
	.b-part .contactbtn { margin-left:5px; }
	.b-part .social-media { padding:0; margin:10px 5px; }
	.reviews-list li { width:47%; }
	#secure_frm, .contactfrm { width:100%; }
	.projects { width:100% !important; }
	
	.servey-links li { font-size:16px; line-height:24px; vertical-align:top; }
	
	
    #content .l_part { width: 25.4%; }
    #content .video_02 { width: 100%; height: 350px; float: none; margin: 0 auto 10px }
    #content .video img { width: 100%; height: auto }
    #footer .l_part,
    #footer .r_part { width: 100%; margin: 0 auto; float: none; text-align: center }
    #footer .l_part { padding-bottom:20px; }
	#footer .designby { padding-top:10px; }
	.portfolio li { width: 30.5% }
    .portfolio li img { width: 95.5% }
    .address { float: none; width: 100%; margin-bottom: 15px }
    .car,
    .form,
    .map { float: none; width: 100% }
    .contract { width: 98% }
	.services, .contact-bar, .socialmedia-part { margin:0 -15px; }
	#google-reviews, .google-reviews .view-all { background:#fff; }
}

@media screen and (max-width:767px) {
	
	#header .tagline,
	.page-id-2861 #header .tagline { font-size:25px; padding:10px 15px; }
	#header .logos ul li { width:200px; padding:10px; }
	.b-part .contactbtn, .b-part .callbtn, .b-part .rvwbtn { display:inline-block; float:none; margin:10px 5px 0 5px; }
	
	.s-cont { font-size:15px; line-height:24px; }
    #content, .blog, .google-reviews, .ebooks { padding:20px 0 }
	.welcome { padding-top:20px; }
	.team, .footer-services { padding-bottom:20px; }
	
	.reviews-list li .bdata { padding:10px 20px 0 20px; }
	.reviews-list { margin-top:-30px; }
	.reviews-list li { width:97%; margin-top:30px; }
	.reviews-list li .review { min-height:inherit; font-size:16px; line-height:26px; }
	.servey-links li { width:99%; font-size:16px; line-height:24px; vertical-align:top; }
	.servey-links li a { padding:5px 0 5px 30px; }
	.servey-links li a:before { top:5px; }
	.ebooks li { width:calc(33.33% - 20px); margin:10px; }
	.projects .item b { font-size:18px; line-height:40px; }
	
    #content .l_part { width: 30%; }
    #content .l_part .banner { width: 170px; }
    #content .video { float: none; width: 70%; margin: 10px auto }
    #content .video_02 { width: 100%; height: 350px; float: none; margin: 0 auto 10px }
    #content .video img { width: 100%; height: auto }
    #content .mun_vid { float: none; width: 100% }
    #footer .l_part,
    #footer .r_part { width: 100%; margin: 0 auto; float: none; text-align: center }
	
    #content .s-cont .img { width:100%; float: none; margin-bottom: 10px }
    #content .s-cont .text { width:100%; float:none; }
    .portfolio ul { margin-left: -10px }
    .portfolio li { width: 47.4%; margin: 0 0 10px 10px }
    .portfolio li img { width: 94.7% }
    .list_03 li { width:48%; }
    .contract { width: 98% }
    .btns li { width: 100%; float: none; margin-left: 0; }
	
	.download { background:#171717 url(../images/cockrams-brochure-new.png) 100% 0 no-repeat; }
    .download a { padding: 250px 20px 20px 20px; }
    .download a span { font-size: 27px; }
    .download a font { font-size: 15px; padding: 8px 20px; }
    .download:hover { background:#11af4e url(../images/cockrams-brochure-new.png) 100% 0 no-repeat; }
	
	#footer .bottom { padding:10px 0; }
	#footer .bottom .texts, #footer .bottom .social-media { float:none; width:100%; text-align:center; }
}

@media screen and (max-width:567px) {	
	#menu_part { height:50px; }
	#logo { width:200px; }
	#header .tagline,
	.page-id-2861 #header .tagline { margin-top:230px; }
	#header .logos { padding:20px 0; }
	
	.s-boxes > li { width:calc(100% - 20px); }
	#content h1, #content h3, #content .titlemain { padding-bottom:10px; }
	#content h1, #content h3, #content .titlemain
	#content h1 b, #content h3 b, #content .titlemain, #content .titlemain b, #content h2 { font-size:22px; }
	#content h4 { font-size:22px; }
	#content h4.small { font-size:18px; }
	.contactform { padding:20px; }
	
	.divider-2 { width:250px; }
	.reviews-list { margin-top:-20px; }
	.reviews-list li { margin-top:20px; }
	#secure_frm td, .contactfrm td { display:block; width:100%; }
	.ftitle:after { position:relative; content:":"; font-weight:bold; margin-left:5px; }
	.fnone { display:none !important; }
	input, select, textarea { width:100%; line-height:36px; height:36px; padding:0 10px; }
	textarea { height:90px; }
	input.wpcf7-form-control.wpcf7-submit { padding:0 15px; font-size:16px; min-width:120px; }
	
	
	#header .logos ul li { width:150px; padding:0 10px; }
    
	#content .l_part { float: none; width: 100%; margin-bottom: 10px }
    #social_media li { width:38px }
    #content .video { width: 100%; }
    #content .l_part .banner { width: 100%; padding-top:5px; }
    #content .video_02 { width: 100%; height: 300px; float: none; margin: 0 auto 10px }
    .portfolio li { width: 45.7% }
    .portfolio li img { width: 95.5% }
	.socialmedia-part .facebook, .socialmedia-part .instagram, .socialmedia-part .twitter { width:100%; }	
	
	#servicess .item, #blogs .item { padding:0 15px 0 0; }
	#teams .item { padding-right:0; }
	.socialmedia-part .instagram { display:none; }
	
	/*.b-part .callbtn { display:none; }*/
	.b-part .search { width:auto !important; }
	.b-part .search input { display:none; }
	.b-part .search .btn { position:relative; font-size:16px; width:40px; height:40px; background:#fff; -webkit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px; border-radius:25px; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
	.b-part .search .btn:hover { background:#333; color:#fff; }
}

@media screen and (max-width:479px) {
	#logo { width:180px; }
	.ebooks li { width:calc(50% - 20px); margin:10px; }
	
    #content .video { float: none; width: 100%; padding: 10px 0 }
    #content .video_02 { width: 100%; height: 200px; float: none; margin: 0 auto 10px }
    #content .video img { width: 100%; height: auto }
    #content .l_part .banner { width: 100%; padding-top: 5px }
    .portfolio ul { margin: 0 }
    .portfolio li { display: inline; float: left; width: 100%; margin: 0 auto 15px 0 }
    .portfolio li img { width: 96.5% }
    .pagination li a.next { background-position: 50% 5px; padding: 0 10px; text-indent: -999px }
    .pagination li a.next:hover { background-position: 50% 5px }
    .pagination li a.prev { background-position: 50% 5px; padding: 0 10px; text-indent: -999px }
    .pagination li a.prev:hover { background-position: 50% 5px }
    .list_03 li { width:98%; }
    .download { background:#171717url(../images/cockrams-brochure-new.png) 50% 0 no-repeat; }
    .download:hover { background:#11af4e url(../images/cockrams-brochure-new.png) 50% 0 no-repeat; }
	.accredited .ac-img { float:none; margin:0 auto 20px auto; }
	
	input.wpcf7-form-control.wpcf7-submit { font-size:14px; line-height:38px; height:38px; }
	
	#header .b-part { padding:5px 0; }
	.b-part .search input, .b-part .search .btn { margin-top:5px; }
	.b-part .contactbtn, .b-part .callbtn, .b-part .rvwbtn,
	.b-part .social-media { margin:5px 3px; }
	.social-media li { font-size:20px; }
}
@media screen and (max-width:360px) {
	.ebooks li { width:calc(80% - 20px); margin:10px; }
	
	#header .logos ul { padding:15px; }
	#header .logos ul:before { left:5px; width:calc(100% - 10px); }
	#header .logos ul li { width:130px; }
	.s-boxes > li .data { padding:10px 20px; }
	.s-boxes > li .data .stitle { padding-bottom:0; }
	.s-boxes > li li { line-height:20px; padding:2px; font-size:14px; }
	input.wpcf7-form-control.wpcf7-submit { text-transform:none; }
	
	.b-part .search { width:185px; }
}

