@charset "utf-8";
/* Scope CSS Document - version 001 */

/* Mobile - up to 480 --------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen
and (max-width: 480px) {		
								
}

/* Mobile - up to 560 --------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen
and (max-width: 660px) {
												
}

/* Mobile 480 - 990 --------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen 
and (min-width: 480px)
and (max-width: 990px) {
	
}

/* Mobile 640 - 990 -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen 
and (min-width: 640px)
and (max-width: 990px) {
															
}

/* Mobile 768 - 990 -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen 
and (min-width: 768px)
and (max-width: 990px) {																																				
	
}

/* Mobile - up to 990  -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen 
and (max-width: 990px) {																																																																										
																																																																																																																																																	
}

/* Mobile 990 - iPad 1024 -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen 
and (max-width: 1101px) {
/* ---------------------------------------------------------- SERVICES STARTS ---------------------------------------------------------- */		
	
/* -------------------- SERVICES HERO ------------------- */			
			#container .servicesHero p { 
				font-size:14.5px !important;
			}	
			
/* ----------------------------------------------------------- SERVICES ENDS ----------------------------------------------------------- */																		
}

/* Mobile 990 - Small Desktop 1280 -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen 
and (max-width: 1246px) {
/* ------------------------------------------------------------- HOME STARTS ------------------------------------------------------------- */
		
/* --------------------- PARAGRAPH DIV STARTS -------------------- */				
			#container .topHome .paragraphDiv .p-scope-main-heading {				
				margin-bottom:10px !important;
			}
			
			#container .topHome .paragraphDiv .p-scope-sub-heading {
				margin-bottom:20px !important;
			}
			
			#container .topHome .paragraphDiv .p-scope-main-paragraph {
				margin-bottom:50px !important;
				width:auto !important;
			}
			
/* --------------------- PARAGRAPH DIV ENDS -------------------- */	

/* ------------------- FEATURE SECTION ------------------ */	
			#container .mainFeatures .featureDiv .featureSection {
				width:20% !important; /* fallback */
				width:calc(25% - 80px) !important;
			}
		
/* ------------------------------------------------------------- HOME ENDS ------------------------------------------------------------- */	

/* ------------------- NAV SELECT --------------------- */	
		#container .servicesNav .navSelect {
			width:20% !important; /* fallback */
			width:calc(25% - 80px) !important;
		}
		
/* ---------------------------------------------------------- SERVICES STARTS ---------------------------------------------------------- */		

/* -------------- FEATURE PARAGRAPH ---------------- */				
				#container .servicesSummary .featureSummary .featureDetails .featureParagraph p {
					line-height:25px;
				}						
		
/* ----------------------------------------------------------- SERVICES ENDS ----------------------------------------------------------- */	
/* ------------------------------------------------ SERVICES DETAIL - MONITORING STARTS ------------------------------------------------ */			
			
/* --------------- DETAIL SUMMARY ----------------- */
	#container .detailSummary {
		width:100% !important;
		padding-right:0 !important;
		padding-left:0 !important;
	}	
	
/* ------------------- SUMMARY DIV --------------------- */	
		#container .detailSummary .summaryDiv {
			width:23% !important; /* fallback */
			width:calc(25% - 80px) !important;
			margin-right:40px !important;
			margin-left:40px !important;
		}								
	
/* ------------------------------------------------- SERVICES DETAIL - MONITORING ENDS ------------------------------------------------- */	


/* ------------------ BOTTOM FOOTER ----------------- */

	#container .bottomFooter {

	}
		#container .bottomFooter .copyright {
/*			top:240px;
			right:'';
			left:43px;
			margin-bottom:30px;*/
		}	
		
		#container .bottomFooter .licenses {
/*				top:96px;
				right:'';
				left:43px;*/

		}		
		
			
/* ------------------ BOTTOM FOOTER ----------------- */	

		#container .bottomFooter .actualise-link {
			top: auto;
			bottom: -130px;
		}
																	
																							
}



/* Max 1440 -------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen 
and (max-width: 1440px) {
	
/* ------------------------------------------------------------- HOME STARTS ------------------------------------------------------------- */

/* -------------------- FEATURE TEXT -------------------- */	

#container .mainFeatures .featureDiv .featureSection .featureText p {
    font-size: 14px;
}

}

/* 990 - 1600 --------------------------------------------------------------------------------------------------------------------------------------------  */
@media only screen
and (max-width: 1565px) {	
/* ---------------------- FIXED STICKY MENU STARTS ---------------------- */

/* --------- FIXED LINKS --------- */	
			#container .fixedStickyMenu .fixedSection .fixed-ul {
				font-size:19px;
				margin-right:24px;
			}
			
		#container .topNav .navSection .shopping-cart {
			top:21px;
			right:18px;				
		}				
	
/* ----------------------- FIXED STICKY MENU ENDS ----------------------- */

/* ------------------------------------------------------------- HOME STARTS ------------------------------------------------------------- */

/* ----------------------- TOP HOME ---------------------- */
	#container .topHome {
		height:668px !important;
	}

		#container .topHome .logo-scope-main {
			top:5%;
			left:5%;
		}
		
/* --------------------- PARAGRAPH DIV STARTS -------------------- */				
			#container .topHome .paragraphDiv .p-scope-main-heading {
				font-size:19px;
				margin-right:22%;
				margin-bottom:15px;
				margin-left:5%;
				line-height:23px;
			}
			
			#container .topHome .paragraphDiv .p-scope-sub-heading {
				font-size:14px;
				margin-right:38%;
				margin-bottom:25px;
				margin-left:5%;
				line-height:20px;
			}
			
			#container .topHome .paragraphDiv .p-scope-main-paragraph {
				font-size:18px;
				margin-right:57%;
				margin-bottom:70px;
				margin-left:5%;
				line-height:25px;
				width:608px;
			}
			
/* --------------------- PARAGRAPH DIV ENDS -------------------- */	
		#container .topHome .gfx-scope-yellow-symbols {
			width:554px;
			height:424px;
		}	

/* --------------------- NAV SECTION -------------------- */		
			#container .topNav .navSection ul {
				font-size:19px;
				margin-top:29px;
				margin-bottom:31px;	
				margin-right:48px;						
			}	
			
				#container .topNav .navSection ul li {
					margin-left:4px;
					margin-right:4px;						
				}
				
/* --------------------- FEATURE DIV -------------------- */	
		#container .mainFeatures .featureDiv {
			width:100%;
			margin-top:40px;
			margin-right:0;
			margin-bottom:40px;
			margin-left:0;
		}
		
/* ------------------- FEATURE SECTION ------------------ */	
			#container .mainFeatures .featureDiv .featureSection {
				width:15%; /* fallback */
				width:calc(20% - 80px);
				margin-top:20px;
				margin-right:40px;
				margin-bottom:20px;
				margin-left:40px;
			}											
		
/* ------------------------------------------------------------- HOME ENDS ------------------------------------------------------------- */	

/* ----------------------- TOP DIV ---------------------- */
	#container .topDiv {
		height:89px;	
	}

/* ----------------------- ALL NAV ---------------------- */	
		#container .allNav .logo-scope-sticky-menu {
			width:133px;
			height:64px;
		}
		
/* --------------------- NAV SECTION -------------------- */
		#container .topNav .navSection {
            height: 93px;
		}	
    
				#container .topNav .navSection ul li.services:hover .servicesNavContainer  {
                    top: 93px;
				}
    
			#container .allNav .navSection ul {
				font-size:19px;
				margin-top:50px;
				margin-left:0;
				margin-bottom:20px;
				margin-right:24px;								
			}
			
				#container .allNav .navSection ul li {
					margin-left:9px;
					margin-right:9px;						
				}			
			
		#container .allNav .navSection .shopping-cart {
			top:42px;
			right:18px;				
		}			
			
/* ---------------------------------------------------------- SERVICES STARTS ---------------------------------------------------------- */		
	
/* -------------------- SERVICES HERO ------------------- */
	#container .servicesHero {
		/*height:450px;*/
		padding-bottom:210px;
	}
	
		#container .servicesHero h1,
		#container .servicesHero p {
			padding-right:60px;
			padding-left:40px;
		}	
	
/*			#container .servicesHero p .span-hero-heading-1 {
				font-size:26px;
				line-height:44px;
			}*/
			
			#container .servicesHero h1 {
				font-size:26px;
				line-height:44px;
				padding-top:210px;
			}				
			
/*			#container .servicesHero p .span-hero-heading-2 { 
				font-size:16px;
				line-height:38px;
			}*/	
			
			#container .servicesHero p { 
				font-size:16px;
				line-height:38px;
			}			
			
/* ------------------- SERVICES NAV	--------------------- */
	#container .servicesNav {
		width:100%;
		margin-top:40px;
		margin-right:0;
		margin-bottom:40px;
		margin-left:0;
	}			
			
/* ------------------- NAV SELECT --------------------- */	
		#container .servicesNav .navSelect {
			width:17%; /* fallback */
			width:calc(20% - 80px);
			margin-top:20px;
			margin-right:40px;
			margin-bottom:20px;
			margin-left:40px;
		}	
		
/* --------------- SERVICES SUMMARY ----------------- */
	#container .servicesSummary {
		width:93%; /* fallback */
		width:calc(100% - 40px);
		margin-right:20px;
		margin-bottom:40px;
		margin-left:20px;
	}
	
/* --------------- FEATURE SUMMARY ----------------- */
		#container .servicesSummary .featureSummary {
			height:450px;
		}		
	
/* --------------- FEATURE HEADING ----------------- */			
				#container .servicesSummary .featureSummary .featureHeading p {
					font-size:22px;
				}	
				
/* --------------- FEATURE DETAIL ----------------- */
			#container .servicesSummary .featureSummary .featureDetails {
				height:175px;
			}				
				
/* -------------- FEATURE PARAGRAPH ---------------- */		
				#container .servicesSummary .featureSummary .featureDetails .featureParagraph {
					height:175px;
				}
		
				#container .servicesSummary .featureSummary .featureDetails .featureParagraph p {
					/*font-size:16px;*/
				}	
				
/* ---------------- FEATURE BUTTON ------------------ */	
				#container .servicesSummary .featureSummary .featureDetails .featureButton p {
					padding-bottom:10px;
				}
					
					#container .servicesSummary .featureSummary .featureDetails .featureButton p img {
						width:25px;
						height:25px;
						margin-right:15px;
					}														
		
/* ----------------------------------------------------------- SERVICES ENDS ----------------------------------------------------------- */	
/* ------------------------------------------------------ SERVICES DETAIL STARTS ------------------------------------------------------- */			
			
/* -------------------- DETAIL HERO ------------------- */
	#container .detailHero {
		height:450px;
	}
	
		#container .detailHero .p-image {
			padding-left:40px;
		}	
		
		#container .detailHero .p-heading {
			padding-left:40px;
			font-size:26px;
		}
		
		#container .detailHero .no-p-image {
			padding-left:40px;			
		}		
		
/* --------------- DETAIL CONTENT ----------------- */
	#container .detailContent {
		width:93%; /* fallback */
		width:calc(100% - 6px);
		margin-top:40px;
		margin-right:3px;
		margin-bottom:40px;
		margin-left:3px;
	}
    
	#container .logosModule {
		margin-top:0px;
	}

		#container .detailContent .detailText {
			/*padding-top:40px;*/
			padding-bottom:0;
		}

		#container .detailContent .detailText p {
			margin-right:34px;
			margin-left:34px;
			font-size:20px;
		}	
		
				#container .detailContent .detailText h2 {
					margin-right:34px;
					margin-left:34px;
				}		
		
			#container .detailContent .detailText ul {
				margin-right:59px;
				margin-left:59px;
				font-size:20px;
			}	
			
				#container .detailContent .detailText ol li {
					font-size:20px;
				}
			
			#container .detailContent .two-columns ul {
				margin-right:34px;
				margin-left:34px;		
			}
			
				#container .detailContent .two-columns ul li {
					background-position-y:4px;
				}					
	
/* ---------------- DETAIL LOGO ------------------ */
		#container .detailContent .detailLogos {
			padding-top:35px;
		}
				
			#container .detailContent .detailLogos img {
				width:93%; /* fallback */
				width:calc(100% - 74px);
				margin-right:37px;
				margin-left:37px;
				margin-bottom:40px;
			}	
	
/* ---------------- DETAIL VIDEO ------------------ */	
		#container .detailContent .detailVideo {
			/*padding-top:50px;*/
			padding-bottom:50px;
		}	
		
			#container .detailContent .detailVideo p {
				font-size:26px;
				margin-top:70px;
				margin-left:40px;
			}
		
			#container .detailContent .detailVideo iframe {
				width:91%;
				margin-top:47px;
				margin-right:40px;
				margin-left:40px;
				height:450px;
			}
			
/* ---------------- DETAIL PDF ------------------ */	
		#container .detailContent .detailPDF {
			width:93%; /* fallback */
			width:calc(100% - 80px);
			margin-top:0;
			margin-right:40px;
			margin-left:40px;
		}			

/* -------------- DOWNLOAD SAMPLE --------------- */		
			#container .detailContent .detailPDF .downloadSample {
				margin-top:40px;
			}
			
			#container .detailContent .detailPDF .downloadSample:nth-child(odd) {
				width:43%; /* fallback */
				width:calc(50% - 20px);
				margin-right:20px;
			}	
			
			#container .detailContent .detailPDF .downloadSample:nth-child(even) {
				width:43%; /* fallback */
				width:calc(50% - 20px);
				margin-left:20px;
			}
			
/* -------------- SAMPLE HEADING --------------- */	
				#container .detailContent .detailPDF .downloadSample .sampleHeading {
					height:180px;
				}			
			
					#container .detailContent .detailPDF .downloadSample .sampleHeading p {
						font-size:26px;
					}									

/* ---------------- SAMPLE LINK ---------------- */					
					#container .detailContent .detailPDF .downloadSample .sampleLink p {
						font-size:21px;
					}				
				
/* ---------------- IMAGE SAMPLE ----------------- */		
				#container .detailContent .detailPDF .downloadSample .imageSample {
					height:480px;
				}	
				
				#container .detailContent .detailPDFsmall .downloadSample .imageSample {
					height:auto;
					padding-bottom: 40px;
				}	
				
					#container .detailContent .detailPDF .downloadSample .imageSample p {
						margin:0;
						padding:0;
						display:table-cell;
						vertical-align:middle;
						text-align:center;
					}
					
						#container .detailContent .detailPDF .downloadSample .imageSample p img {
							width:auto;
							height:353px;
							margin:0;
							padding:0;
						}	
						
						#container .detailContent .detailPDFsmall .downloadSample .imageSample p img {
							height:auto;
						}												
	
/* -------------------------------------------------------- SERVICES DETAIL ENDS ------------------------------------------------------- */	
/* ------------------------------------------------ SERVICES DETAIL - MONITORING STARTS ------------------------------------------------ */					
		
/* --------------- DETAIL CONTENT ----------------- */	
		#container .detailContent .detailDiv {
			margin-top:40px;
			margin-bottom:0;
		}
		
			#container .detailContent .detailDiv p {
				font-size:20px;
			}
			
/* --------------- MONORTORING PACKAGES  ----------------- */

		#container .detailContent .monitoring-packages-container {
			margin-top:60px;
		}	
			
			
/* --------------- DETAIL SUMMARY ----------------- */
	#container .detailSummary {
		width:93%; /* fallback */
		width:calc(100% - 80px);
		padding-right:40px;
		padding-left:40px;
	}	
	
/* ------------------- SUMMARY DIV --------------------- */	
		#container .detailSummary .summaryDiv {
			width:23%; /* fallback */
			width:calc(25% - 120px);
			margin-right:60px;
			margin-left:60px;
		}
		
/* ------------------- DIV TEXT --------------------- */								
				#container .detailSummary .summaryDiv .divText p {
					font-size:16.5px;
					line-height:23px;
				}								
	
/* ------------------------------------------------- SERVICES DETAIL - MONITORING ENDS ------------------------------------------------- */
/* ---------------------------------------------- SERVICES DETAIL - ACCESS CONTROL STARTS ------------------------------------------------ */
		
			
/* ----------------------------------------------- SERVICES DETAIL - ACCESS CONTROL ENDS ------------------------------------------------- */
/* -------------------------------------------- SERVICES DETAIL - VIDEO SURVEILLANCE STARTS ---------------------------------------------- */

/* --------------- DETAIL ACCORDION ----------------- */
	#container .detailAccordion {
		width:93%; /* fallback */
		width:calc(100% - 72px);
		margin-right:37px;
		/*margin-bottom:0;*/
		margin-left:37px;
	}
	
		#container .detailAccordion p span {
			font-size:18px;
		}
		
		.ui-widget {
			font-size:17px !important;
		}														

/* --------------------------------------------- SERVICES DETAIL - VIDEO SURVEILLANCE ENDS ----------------------------------------------- */
/* ----------------------------------------------------------- ABOUT STARTS -------------------------------------------------------------- */			

/* -------------------- ABOUT HERO ------------------- */
	#container .aboutHero {
		height:450px;
	}
	
		#container .aboutHero p {
			padding-left:40px;			
		}	
		
/* ------------------ ABOUT CONTENT ------------------ */		
	#container .aboutContent {
		width:93%; /* fallback */
		width:calc(100% - 74px);
		margin-top:40px;
		margin-right:37px;
		/*margin-bottom:40px;*/
        margin-bottom:0px;
		margin-left:37px;				
	}	
	
/* ------------------ CONTENT TEXT ------------------ */				
			#container .aboutContent .contentText p {
				font-size:20px;
			}
			
/* ------------------ ABOUT MOTTO ------------------ */				
		#container .aboutMotto .mottoHeading {
			font-size:22px;
			margin-top:40px;
			margin-right:37px;
			margin-bottom:29px;
			margin-left:37px;
		}
		
		#container .aboutMotto .mottoSubHeading {
			font-size:26px;
			margin-top:0;
			margin-right:37px; 
			margin-bottom:9px;
			margin-left:37px;
			line-height:35px;
		}	
		
		#container .aboutMotto .mottoParagraph {
			font-size:20px;
			margin-top:0;
			margin-right:37px;
			margin-bottom:40px;
			margin-left:37px;
		}	
		
/* ----------------- SECURITY HEADING ----------------- */	
		#container .aboutSecurity .securityHeading {
		   background-image:url(../images/gfx_about-security-heading-1280_2x.png); 
		   width:677px; 
		   height:90px; 		
		}	
		
			#container .aboutSecurity .securityHeading p {
				font-size:20px;
				padding-left:40px;
				line-height:35px;
			}	
			
/* ----------------- SECURITY IMAGE ----------------- */	
		#container .aboutSecurity .securityImage {
			margin-top:109px;		
		}
				
			#container .aboutSecurity .securityImage img {
				width:93%; /* fallback */
				width:calc(100% - 80px);
				margin-right:40px;
				margin-left:40px;		
			}
			
/* ----------------- SCOPE SOLUTION ----------------- */	
		#container .aboutSecurity .scopeSolution {
			padding-top:55px;
			padding-bottom:55px;	
		}			
			
/* ----------------- ABOUT SOLUTION ----------------- */
		#container .aboutSecurity .aboutSolution {
			padding-bottom:70px;
		}
			
			#container .aboutSecurity .aboutSolution .solutionHeading {
				font-size:22px;
				margin-right:140px;
				margin-left:140px;	
			}	
			
			#container .aboutSecurity .aboutSolution p {
				font-size:22px;
				margin-right:40px;
				margin-left:40px;	
			}														

/* ------------------------------------------------------------ ABOUT ENDS --------------------------------------------------------------- */
/* -------------------------------------------------- DIY VIDEO SURVEILLANCE STARTS ------------------------------------------------------ */

/* -------------------- VIDEO HERO ------------------- */
	#container .videoHero {
		height:450px;
	}			
		
		#container .videoHero .span-video-heading {
			font-size:26px;
			margin-right:40px; 
			margin-bottom:35px;
			margin-left:40px;
		}
		
		#container .videoHero .span-video-paragraph {
			font-size:22px;
			margin-right:40px;
			margin-left:40px;
		}	
		
/* -------------------- SHOP PRODUCTS ------------------- */
	#container .shopProducts {
/*		width:100%;
		padding-top:20px;
		padding-right:0;
		padding-bottom:20px;
		padding-left:0;*/
		width: 93%;
		width: calc(100% - 60px);
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom:20px;		
	}

/* -------------------- PRODUCT DETAIL ------------------- */	
		#container .shopProducts .productDetail {
			width:47%; /* fallback */
			/*width:calc(50% - 80px);*/
			width: calc(50% - 140px);
			padding-top:40px;
			padding-right:40px;
			padding-bottom:40px;
			padding-left:40px;
			border-bottom:0;
		}
		
/* -------------------- PRODUCT NAME ------------------- */					
				#container .shopProducts .productDetail .productName p {
					font-size:19px;
					margin-bottom:21px;
				}	
				
/* -------------------- PRODUCT TEXT ------------------- */				
				#container .shopProducts .productDetail .productText p {
					font-size:19px;
					margin-top:20px;
				}	
				
/* -------------------- PRODUCT PRICE ------------------- */	
			#container .shopProducts .productDetail .productPrice {
				height:103px;
			}
				
				#container .shopProducts .productDetail .productPrice p {
					font-size:13px;				
				}	
				
				.weight label {
					font-size:13px;
				}
				
				.weight select {
					font-size:13px;
				}				
				
/* -------------------- PRODUCT MANUAL ------------------- */					
				#container .shopProducts .productDetail .productManual p {
					font-size:13px;					
				}
				
/* -------------------- ADD TO CART ------------------- */	
			#container .shopProducts .productDetail form input[type="submit"] {
				font-size:13px;		
			}																											

/* --------------------------------------------------- DIY VIDEO SURVEILLANCE ENDS ------------------------------------------------------- */

/* ----------- DIY VIDEO SURVEILLANCE BG COLOUR ---------- */	
			#container .diyVideoSurveillance .diyBgColour .p-diy-heading {
				font-size:24px;
				margin-top:49px;			
			}
			
			#container .diyVideoSurveillance .diyBgColour .p-diy-paragraph {
				font-size:20px;
				margin-right:40px;
				margin-left:40px;
			}
			
			#container .diyVideoSurveillance .diyBgColour .p-diy-button {
				font-size:19px;
				margin-bottom:0;
			}
			
/* ----------- DIV HEIGHT ---------- */					
			#container .diyVideoSurveillance .diyBgColour .div-height {
				height:50px;
			}				
			
/* --------------------- CASE STUDIES ------------------- */
	#container .caseStudies {
		margin-top:0;
	}					
			
/* ---------------- CASE STUDIES BG COLOUR --------------- */		
			#container .caseStudies .caseBgColour .p-case-main-heading {
				font-size:24px;
				margin-top:49px;
				margin-right:40px;
				margin-left:40px;		
			}
			
			#container .caseStudies .caseBgColour .p-case-sub-heading {
				font-size:20px;
				margin-right:40px;
				margin-left:40px;
			}
			
			#container .caseStudies .caseBgColour .p-case-paragraph {
				font-size:20px;
				margin-right:40px;
				margin-bottom:49px;
				margin-left:40px;
			}			
			
/* ------------ SCOPE TESTIMONIALS BG COLOUR ------------- */				
			#container .scopeTestimonials .testBgColor .p-testimonials-heading {
				font-size:24px;
				margin-top:49px;
				margin-bottom:46px;		
			}			
			
/* ------------ BX TESTIMONIALS SLIDER STARTS ------------- */							
						#container .scopeTestimonials .testBgColor .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
							left:50px;
						}
						
						#container .scopeTestimonials .testBgColor .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
							right:50px;
						}						
																						
/* ------------- BX TESTIMONIALS SLIDER ENDS -------------- */
			
			#container .scopeTestimonials .testBgColor .p-testimonials-paragragh {
				font-size:20px;
				margin-right:185px;
				margin-left:185px;
			}	
			
			#container .scopeTestimonials .testBgColor .div-testimonials-span {					
				margin-right:184px;
				margin-bottom:37px;											
			}
			
				#container .scopeTestimonials .testBgColor .div-testimonials-span p {
					font-size:20px;										
				}								
			
/* ------------------ CONTACT HEADING ----------------- */	
		#container .contactUs .contactHeading {			
			height:auto;
		}
	
			#container .contactUs .contactHeading p {
				font-size:24px;
				margin-top:60px;
				margin-left:40px;
				margin-bottom:40px;
			}
			
/* ------------------ CONTACT FORM ----------------- */
		#container .contactUs .contactForm {
			width:100%;
		}
		
			#container .contactUs .contactForm form {
				width:93%; /* fallback */				
				width:calc(100% - 80px);				
				margin-right:40px;
				margin-bottom:40px;
				margin-left:40px;
			}
			
/* ------------------ FIELD NAME ----------------- */										
						#container .contactUs .contactForm form fieldset .field-name input[type="text"],
						#container .contactUs .contactForm form fieldset .field-name input[type="tel"],
						#container .contactUs .contactForm form fieldset .field-name input[type="email"] {
							font-size:20px;
						}
						
/* ----------------- FIELD MESSAGE ---------------- */	
					#container .contactUs .contactForm form fieldset .field-message {					
						height:auto;													
					}
																		
						#container .contactUs .contactForm form fieldset .field-message textarea {					
							font-size:20px;	
							height:160px;
						}
						
/* ----------------- FIELD BUTTON ---------------- */						
					#container .contactUs .contactForm form fieldset .field-button {					
						height:auto;													
					}
					
						#container .contactUs .contactForm form fieldset .field-button input {					
							height:193px;
						}
						
/* ------------------ ALERT SUCCESS ----------------- */		
			#container .contactUs .contactForm .alert-success p {
				font-family:"Futura-Standard-BK", Arial, Helvetica, sans-serif;
				font-size:18px;			
				margin-left:40px;
				padding-bottom:80px;
			}																																											
			
/* ------------------ CONTACT DETAILS ----------------- */
		#container .contactUs .contactDetails {
			width:100%;
			height:auto;
			padding-bottom:40px;
		}

/* ------------------ CONTACT INFO ----------------- */		
			#container .contactUs .contactDetails .contactInfo:nth-child(odd) {
				width:525px;
				margin-left:5px;				
			}	
			
			#container .contactUs .contactDetails .contactInfo:nth-child(even) {
				width:45%;				
			}	
			
				#container .contactUs .contactDetails .contactInfo p {	
					font-size:18px;				
				}
				
					#container .contactUs .contactDetails .contactInfo .emailPos .contactEmail span:nth-child(odd) {	
						width:152px;	
					}			
			
/* ------------------ BOTTOM FOOTER ----------------- */	
		#container .bottomFooter ul {
			left:30px;
		}				

		#container .bottomFooter .actualise-link {
			right:30px;
		}
			
												
}

/* HD (1366) --------------------------------------------------------------------------------------------------------------------------------------------------------------  */
@media only screen
and (min-width: 1366px)
and (max-width: 1565px) {	
																			
}

/* HD (1440) --------------------------------------------------------------------------------------------------------------------------------------------------------------  */
@media only screen
and (min-width: 1404px) {
	
}

/* HD (1600) --------------------------------------------------------------------------------------------------------------------------------------------------------------  */
@media only screen
and (min-width: 1566px) {	
/* ------------------------------------------------------------- HOME STARTS ------------------------------------------------------------- */
		
/* ----------------------- TOP HOME ---------------------- */	
		#container .topHome .logo-scope-main {
			top:10%;
			left:5%;
		}
		
/* --------------------- PARAGRAPH DIV STARTS -------------------- */				
			#container .topHome .paragraphDiv .p-scope-main-heading {
				margin-left:5%;
			}
			
			#container .topHome .paragraphDiv .p-scope-sub-heading {
				margin-left:5%;
			}
			
			#container .topHome .paragraphDiv .p-scope-main-paragraph {
				margin-left:5%;
				margin-right:30%;
				/*margin-bottom:297px;*/
                margin-bottom:207px;
				width:auto;
			}
			
/* --------------------- NAV SECTION -------------------- */	
		#container .topNav .navSection {
			width:1047px !important;		
		}
		
/* --------------------- FEATURE DIV -------------------- */	
		#container .mainFeatures .featureDiv {
			width:75%; /* fallback */
			width:calc(100% - 122px);
			margin-right:66px;
			margin-left:56px;
		}
		
/* ------------------- FEATURE SECTION ------------------ */	
			#container .mainFeatures .featureDiv .featureSection {
				width:20%; /* fallback */
				width:calc(20% - 70px);
				margin-right:35px;
				margin-left:35px;
			}																		
		
/* ------------------------------------------------------------- HOME ENDS ------------------------------------------------------------- */	
/* -------------------------------------------------------- SERVICES DETAIL STARTS ----------------------------------------------------- */				

/* -------------------- DETAIL HERO ------------------- */		
		#container .detailHero .p-image {
			padding-left:70px;
		}
		
		#container .detailHero .no-p-image {
			padding-left:70px;			
		}		
		
/* --------------- DETAIL CONTENT ----------------- */
	#container .detailContent {
		width:93%; /* fallback */
		width:calc(100% - 80px);
		margin-right:40px;
		margin-left:40px;
	}
	
/* --------------- DETAIL TEXT ----------------- */	
			#container .detailContent .detailText p {
				margin-left:34px;
				margin-right:34px;
			}
			
				#container .detailContent .detailText h2 {
					margin-left:34px;
					margin-right:34px;
				}			
			
			#container .detailContent .detailText ul {
				margin-right:59px;
				margin-left:59px;
			}
			
			#container .detailContent .two-columns ul {
				margin-right:34px;
				margin-left:34px;		
			}						
	
/* ---------------- DETAIL VIDEO ------------------ */		
			#container .detailContent .detailVideo p {
				margin-left:34px;
			}	
	
			#container .detailContent .detailVideo iframe {
				width:91%;
				margin-right:34px;
				margin-left:34px;
				height:500px;
			}
			
/* ---------------- DETAIL PDF ------------------ */	
		#container .detailContent .detailPDF {
			width:93%; /* fallback */
			width:calc(100% - 68px);
			margin-left:34px;
			margin-right:34px;
			margin-bottom:0;
		}			

/* -------------- DOWNLOAD SAMPLE --------------- */		
			#container .detailContent .detailPDF .downloadSample {
				margin-top:60px;
			}
			
			#container .detailContent .detailPDF .downloadSample:nth-child(odd) {
				width:43%; /* fallback */
				width:calc(50% - 30px);
				margin-right:30px;
			}	
			
			#container .detailContent .detailPDFsmall .downloadSample:nth-child(odd) {
				width:600px;
			}	
			
			#container .detailContent .detailPDF .downloadSample:nth-child(even) {
				width:43%; /* fallback */
				width:calc(50% - 30px);
				margin-left:30px;
			}
			
/* ---------------- IMAGE SAMPLE ----------------- */		
				#container .detailContent .detailPDF .downloadSample .imageSample {
					height:680px;
				}
				
				#container .detailContent .detailPDFsmall .downloadSample .imageSample {
					height:auto;
				}	
				
						#container .detailContent .detailPDF .downloadSample .imageSample p img {
							width:auto;
							height:503px;
						}
												
						#container .detailContent .detailPDFsmall .downloadSample .imageSample p img {
							width:100%;
							height:auto;
						}		
			
/* -------------- SAMPLE HEADING --------------- */				
					#container .detailContent .detailPDF .downloadSample .sampleHeading p {
						font-size:26px;
					}

/* ---------------- SAMPLE LINK ---------------- */				
					#container .detailContent .detailPDF .downloadSample .sampleLink p {
						font-size:21px;
						margin-bottom:42px;
					}				
			
/* ---------------- DETAIL LOGO ------------------ */		
			#container .detailContent .detailLogos img {
				width:93%; /* fallback */
				width:calc(100% - 68px);
				margin-left:34px;
				margin-right:34px;
			}													
	
/* --------------------------------------------------------- SERVICES DETAIL ENDS ------------------------------------------------------ */	
/* ------------------------------------------------ SERVICES DETAIL - MONITORING STARTS ------------------------------------------------ */					
			
/* --------------- DETAIL SUMMARY ----------------- */
	#container .detailSummary {
		width:93%; /* fallback */
		width:calc(100% - 80px);
		padding-right:40px;
		padding-left:40px;
	}										
	
/* ------------------------------------------------- SERVICES DETAIL - MONITORING ENDS ------------------------------------------------- */	
/* -------------------------------------------- SERVICES DETAIL - VIDEO SURVEILLANCE STARTS ---------------------------------------------- */

/* --------------- DETAIL ACCORDION ----------------- */
	#container .detailAccordion {
		width:93%; /* fallback */
		width:calc(100% - 140px);
		margin-right:70px;
		margin-left:70px;
	}										

/* --------------------------------------------- SERVICES DETAIL - VIDEO SURVEILLANCE ENDS ----------------------------------------------- */
/* ----------------------------------------------------------- ABOUT STARTS -------------------------------------------------------------- */			

/* -------------------- ABOUT HERO ------------------- */	
		#container .aboutHero p {
			padding-left:70px;			
		}
		
/* ------------------ ABOUT CONTENT ------------------ */		
	#container .aboutContent {
		width:93%; /* fallback */
		width:calc(100% - 140px);
		margin-right:70px;
		margin-left:70px;
	}	
	
/* ------------------ ABOUT MOTTO ------------------ */		
		#container .aboutMotto .mottoHeading {
			margin-top:70px;
			margin-right:70px;
			margin-bottom:49px;
			margin-left:70px;
		}
		
		#container .aboutMotto .mottoSubHeading {
			margin-top:0;
			margin-right:70px;
			margin-bottom:14px;
			margin-left:70px;
		}	
		
		#container .aboutMotto .mottoParagraph {
			margin-top:0;
			margin-right:70px;
			margin-bottom:70px;
			margin-left:70px;
		}
		
/* ----------------- SECURITY IMAGE ----------------- */			
			#container .aboutSecurity .securityImage img {
				width:93%; /* fallback */
				width:calc(100% - 140px);
				margin-left:70px;
				margin-right:70px;	
			}
			
/* ----------------- ABOUT SOLUTION ----------------- */				
			#container .aboutSecurity .aboutSolution .solutionHeading {
				margin-right:318px;
				margin-left:318px;				
			}	
			
			#container .aboutSecurity .aboutSolution p {
				margin-right:70px;
				margin-left:70px;
			}							
		
/* ------------------------------------------------------------ ABOUT ENDS --------------------------------------------------------------- */
/* -------------------------------------------------- DIY VIDEO SURVEILLANCE STARTS ------------------------------------------------------ */

/* -------------------- VIDEO HERO ------------------- */				
		#container .videoHero .span-video-heading {
			margin-right:70px;
			margin-left:70px;
		}
		
		#container .videoHero .span-video-paragraph {
			margin-right:70px;
			margin-left:70px;
		}	
		
/* -------------------- SHOP PRODUCTS ------------------- */
	#container .shopProducts {
		width:93%; /* fallback */
		width:calc(100% - 140px);
		padding-right:70px;
		padding-left:70px;
	}	
	
/* -------------------- PRODUCT DETAIL ------------------- */	
		#container .shopProducts .productDetail {
			width:29%; /* fallback */
			width:calc(30.32% - 82px);
		}		
		
/* --------------------------------------------------- DIY VIDEO SURVEILLANCE ENDS ------------------------------------------------------- */
/* ------------------------------------------------------- CASE STUDIES STARTS ----------------------------------------------------------- */
/* -------------------- CASE HERO ------------------- */	
		#container .caseHero p {
			padding-left:70px;
			padding-right:70px;
		}
		
		#container .caseHero p {
			font-size:30px;
		}		
		
/* --------------- CASE CONTENT ----------------- */
	#container .caseContent {
		width:93%; /* fallback */
		width:calc(100% - 140px);
		margin-top:110px;
		margin-left:70px;
		margin-bottom:123px;
		margin-right:70px;
	}
	
/* --------------- CASE TEXT ----------------- */		
			#container .caseContent .caseText p {
				font-size:24px;
			}			
				
/* -------------------------------------------------------- CASE STUDIES ENDS ------------------------------------------------------------ */				

/* ----------- DIY VIDEO SURVEILLANCE BG COLOUR ---------- */				
			#container .diyVideoSurveillance .diyBgColour .p-diy-paragraph {
				margin-right:280px;
				margin-left:202px;
			}
			
/* ---------------- CASE STUDIES BG COLOUR --------------- */			
			#container .caseStudies .caseBgColour .p-case-main-heading {
				margin-right:86px;
				margin-left:86px;		
			}
			
			#container .caseStudies .caseBgColour .p-case-sub-heading {
				margin-right:86px;
				margin-left:86px;
			}
			
			#container .caseStudies .caseBgColour .p-case-paragraph {
				margin-right:86px;
				margin-left:86px;
			}
			
/* ----------------- FIELD MESSAGE ---------------- */						
					#container .contactUs .contactForm form fieldset .field-message {					
						width:55%;
					}									
						
/* ----------------- FIELD BUTTON ---------------- */						
					#container .contactUs .contactForm form fieldset .field-button {					
						width:15%;
					}			
			
/* ------------------ CONTACT INFO ----------------- */			
			#container .contactUs .contactDetails .contactInfo:nth-child(odd) {
				width:calc(64% - 24px);
				margin-left:24px;				
			}	
			
			#container .contactUs .contactDetails .contactInfo:nth-child(even) {
				width:36%;				
			}							
				
/*				#container .contactUs .contactDetails .contactInfo p {	
					left:92px;			
				}*/
				
				#container .contactUs .contactDetails .contactInfo .emailPos .contactEmail {		
					width:auto;	
				}	
				
																																						
}

/* HD (1600) --------------------------------------------------------------------------------------------------------------------------------------------------------------  */
@media only screen
and (min-width: 1600px) {
																																						
}


/* HD (1666) --------------------------------------------------------------------------------------------------------------------------------------------------------------  */
@media only screen
and (min-width: 1666px) {
	
/* ------------------ BOTTOM FOOTER ----------------- */

		#container .bottomFooter .copyright {
			top:62px;
			left:auto;
			right:296px;			
			margin-bottom:0;
		}
		
		#container .bottomFooter .licenses {
			top:12px;
			left:auto;
			right:496px;
			
		}		
																																						
}

/* HD (1920) --------------------------------------------------------------------------------------------------------------------------------------------------------------  */
@media only screen
and (min-width: 1886px) {	
/* ------------------------------------------------------------- HOME STARTS ------------------------------------------------------------- */	

/* --------------------- FEATURE DIV -------------------- */	
		#container .mainFeatures .featureDiv {
			width:75%; /* fallback */
			width:calc(100% - 322px);
			margin-right:166px;
			margin-left:156px;
		}
		
/* ------------------- FEATURE SECTION ------------------ */	
			#container .mainFeatures .featureDiv .featureSection {
				width:20%; /* fallback */
				width:calc(20% - 130px);
				margin-left:65px;
				margin-right:65px;
			}			
			
/* ------------------------------------------------------------- HOME ENDS ------------------------------------------------------------- */	
/* ---------------------------------------------------------- SERVICES STARTS ---------------------------------------------------------- */	

/* ------------------- SERVICES NAV	--------------------- */
	#container .servicesNav {
		width:93%; /* fallback */
		width:calc(100% - 146px);
		margin-right:73px;
		margin-left:73px;
	}

/* ------------------- NAV SELECT --------------------- */	
		#container .servicesNav .navSelect {
			width:7%; /* fallback */
			width:calc(10% - 34px);
			margin-left:17px;
			margin-right:17px;
		}	
		
				#container .servicesNav .navSelect .navText p {
					font-size:12px;
				}	
				
/* ----------------------------------------------------------- SERVICES ENDS ----------------------------------------------------------- */
/* ------------------------------------------------------ SERVICES DETAIL STARTS ------------------------------------------------------- */					

/* -------------------- DETAIL HERO ------------------- */		
		#container .detailHero .p-image {
			padding-left:157px;
		}
		
		#container .detailHero .no-p-image {
			padding-left:157px;			
		}		
		
/* --------------- DETAIL CONTENT ----------------- */
	#container .detailContent {
		width:93%; /* fallback */
		width:calc(100% - 320px);
		margin-right:160px;
		margin-left:160px;
	}
	
/* --------------- DETAIL TEXT ----------------- */
		#container .detailContent .detailText p {
			margin-right:0;
			margin-left:0;
		}	
		
				#container .detailContent .detailText h2 {
					margin-right:0;
					margin-left:0;
				}		
		
			#container .detailContent .detailText ul {
				margin-right:26px;
				margin-left:26px;
			}	
			
			#container .detailContent .detailText ol {
				margin-left:0px;
				
			}
			
			#container .detailContent .two-columns ul {
				margin-right:0;
				margin-left:0;		
			}	
							
	
/* ---------------- DETAIL LOGO ------------------ */		
			#container .detailContent .detailLogos img {
				width:87%; /* fallback */
				width:100%;
				margin-right:0;
				margin-left:0;
			}	
	
/* ---------------- DETAIL VIDEO ------------------ */	
			#container .detailContent .detailVideo p {
				margin-left:0;
			}
		
			#container .detailContent .detailVideo iframe {
				width:96%;
				margin-right:0;
				margin-left:0;
				height:600px;
			}	
			
/* ---------------- DETAIL PDF ------------------ */	
		#container .detailContent .detailPDF {
			width:100%;
			margin-left:0;
			margin-right:0;
			margin-bottom:0;
		}			

/* -------------- DOWNLOAD SAMPLE --------------- */		
			#container .detailContent .detailPDF .downloadSample {
				width:50%;
			}	
			
					#container .detailContent .detailPDF .downloadSample .sampleHeading p {
						font-size:30px;
					}			
				
					#container .detailContent .detailPDF .downloadSample .sampleLink p {
						font-size:24px;
						margin-bottom:52px;
					}			
			
/* ---------------- IMAGE SAMPLE ----------------- */							
						#container .detailContent .detailPDF .downloadSample .imageSample p img {
							height:603px;
						}	
						
						#container .detailContent .detailPDFsmall .downloadSample .imageSample p img {
							height:auto;
						}							
	
/* ------------------------------------------------------- SERVICES DETAIL ENDS -------------------------------------------------------- */ 
/* ------------------------------------------------ SERVICES DETAIL - MONITORING STARTS ------------------------------------------------ */					
					
/* --------------- DETAIL SUMMARY ----------------- */
	#container .detailSummary {
		width:93%; /* fallback */
		width:calc(100% - 219px);
		padding-right:109.5px;
		padding-left:109.5px;
	}

/* ------------------- DIV TEXT --------------------- */									
				#container .detailSummary .summaryDiv .divText p {
					font-size:24px;
				}	
	
/* ------------------------------------------------- SERVICES DETAIL - MONITORING ENDS ------------------------------------------------- */	
/* ---------------------------------------------- SERVICES DETAIL - ACCESS CONTROL STARTS ------------------------------------------------ */
			
				
/* ----------------------------------------------- SERVICES DETAIL - ACCESS CONTROL ENDS ------------------------------------------------- */
/* -------------------------------------------- SERVICES DETAIL - VIDEO SURVEILLANCE STARTS ---------------------------------------------- */

/* --------------- DETAIL ACCORDION ----------------- */
	#container .detailAccordion {
		width:93%; /* fallback */
		width:calc(100% - 320px);
		margin-right:160px;
		margin-left:160px;
	}										

/* --------------------------------------------- SERVICES DETAIL - VIDEO SURVEILLANCE ENDS ----------------------------------------------- */
/* ----------------------------------------------------------- ABOUT STARTS -------------------------------------------------------------- */			

/* -------------------- ABOUT HERO ------------------- */	
		#container .aboutHero p {
			padding-left:156px;			
		}
		
/* ------------------ ABOUT CONTENT ------------------ */		
	#container .aboutContent {
		width:93%; /* fallback */
		width:calc(100% - 320px);
		margin-right:160px;
		margin-left:160px;
	}	
	
/* ------------------ ABOUT MOTTO ------------------ */		
		#container .aboutMotto .mottoHeading {
			margin-top:119px;
			margin-right:147px;
			margin-bottom:59px;
			margin-left:158px;
		}
		
		#container .aboutMotto .mottoSubHeading {
			margin-right:147px;
			margin-bottom:24px;
			margin-left:158px;
		}	
		
		#container .aboutMotto .mottoParagraph {
			margin-right:147px;
			margin-bottom:129px;
			margin-left:158px;
		}	
		
/* ----------------- SECURITY IMAGE ----------------- */			
			#container .aboutSecurity .securityImage img {
				width:93%; /* fallback */
				width:calc(100% - 357px);
				margin-left:201px;
				margin-right:156px;	
			}			

/* ----------------- ABOUT SOLUTION ----------------- */				
			#container .aboutSecurity .aboutSolution .solutionHeading {
				margin-right:388px;
				margin-left:388px;				
			}	
			
			#container .aboutSecurity .aboutSolution p {
				margin-right:160px;
				margin-left:160px;
			}	
					
/* ------------------------------------------------------------ ABOUT ENDS --------------------------------------------------------------- */	
/* -------------------------------------------------- DIY VIDEO SURVEILLANCE STARTS ------------------------------------------------------ */

/* -------------------- VIDEO HERO ------------------- */				
		#container .videoHero .span-video-heading {
			margin-right:135px;
			margin-left:135px;
		}
		
		#container .videoHero .span-video-paragraph {
			margin-right:200px;
			margin-left:135px;
		}
		
/* -------------------- SHOP PRODUCTS ------------------- */
	#container .shopProducts {
		width:93%; /* fallback */
		width:calc(100% - 232px);
		padding-right:116px;
		padding-left:116px;
	}	
	
/* -------------------- PRODUCT DETAIL ------------------- */	
		#container .shopProducts .productDetail {
			width:27%; /* fallback */
			width:calc(29.20% - 82px);
		}				
		
/* --------------------------------------------------- DIY VIDEO SURVEILLANCE ENDS ------------------------------------------------------- */	
/* ------------------------------------------------------- CASE STUDIES STARTS ----------------------------------------------------------- */
/* -------------------- CASE HERO ------------------- */	
		#container .caseHero p {
			padding-left:123px;
			padding-right:123px;
		}
		
/* --------------- CASE CONTENT ----------------- */
	#container .caseContent {
		width:93%; /* fallback */
		width:calc(100% - 252px);
		margin-left:126px;
		margin-right:126px;
	}		
				
/* -------------------------------------------------------- CASE STUDIES ENDS ------------------------------------------------------------ */						

/* ----------- DIY VIDEO SURVEILLANCE BG COLOUR ---------- */				
			#container .diyVideoSurveillance .diyBgColour .p-diy-paragraph {
				margin-right:480px;
				margin-left:402px;
			}	
			
/* ---------------- CASE STUDIES BG COLOUR --------------- */			
			#container .caseStudies .caseBgColour .p-case-main-heading {
				margin-right:236px;
				margin-left:236px;		
			}
			
			#container .caseStudies .caseBgColour .p-case-sub-heading {
				margin-right:236px;
				margin-left:236px;
			}
			
			#container .caseStudies .caseBgColour .p-case-paragraph {
				margin-right:236px;
				margin-left:236px;
			}	
			
/* ------------------ CONTACT INFO ----------------- */			
			#container .contactUs .contactDetails .contactInfo:nth-child(odd) {
				width:calc(64% - 84px);
				margin-left:84px;				
			}								
				
				#container .contactUs .contactDetails .contactInfo p {	
					left:96px;			
				}	


#container .bottomFooter ul {
    left: 88px;
}
		#container .bottomFooter .copyright {
			right:396px;
		}	

		#container .bottomFooter .licenses {
				right:696px;
		}
											
}

/* HD (Full) --------------------------------------------------------------------------------------------------------------------------------------------------------------  */
@media only screen
and (min-width: 1920px) {	
								
}