/*LARGE DESKTOP */
@media (min-width: 1900px) {

}

@media (min-width:1661px) {
.container { max-width:1440px;}
}


/*SEMI-LARGE DESKTOP */
@media (min-width:1400px) and (max-width:1660px) {
.container { max-width:1300px;}
h1, h2, h3, h4, h5 { color:#335875; margin:0 0 30px 0;}
h1 { font-size:42px;}
h2 { font-size:35px;}
h3 { font-size:28px;}
h4 { font-size:20px;}
h5 { font-size:17px;}
p { font-size:16px; line-height:30px; color:#778fa3;}
.parent-btn-box a, .btn { display:inline-block; padding:20px 30px; background:#eee; font-size:18px; color:#333; border-radius:100px;}
.heroText { padding:0 0 0 5%;}
.heroText h1 { font-size:42px;}
.heroText p { font-size:18px; line-height:30px;}
.homeAbout .inner { padding:100px;}
.homeAbout h2 { width:28%; font-size:35px;}
.homeAbout p { width:36%; font-size:16px; padding:0 5% 0 0;}
.howItWorks { padding:100px 0;}
.howItWorksText ul li p { width:85%;}
.virtualAssistantText { padding:0 0 0 10%;}
.efficientMessagingText { padding:0 5% 0 0;}
.crmCircleText h2 { font-size:40px;}
.crmCircleText p { font-size:18px;}
.powerfulAnalytics { height:1000px;}
.powerfulAnalyticsImg { width:55%;}
.powerfulAnalyticsText { width:45%;}
.powerfulAnalyticsText h2 { font-size:40px;}
.powerfulAnalyticsText p { font-size:18px;}
.virtualAssistantImg { width:55%; margin:50px 0 0 0;}
.virtualAssistantText { width:45%; padding:0;}
.virtualAssistantText h2 { font-size:40px;}
.virtualAssistantText p { font-size:18px;}
.efficientMessagingText h2 { font-size:40px;}
.efficientMessagingText p { font-size:18px;}
.contactCenter { height:900px;}
.contactCenterText { padding:0 0 0 5%;}
.contactCenterText h2 { font-size:40px;}
.contactCenterText p { font-size:18px;}
.pressArea { padding:120px 0;}
.footerDemo .container { height:500px;}
.footerDemo h2 { font-size:50px;}
.footerDemo a { padding:20px 40px;}
footer { padding:20px 0;}


/*Case Study Page*/
.caseStudies { 
	background-image: url(../img/bg-caseStudiesRect-1.png), url(../img/bg-caseStudiesRect-2.png), url(../img/bg-caseStudiesRect-3.png);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: right top, left 40%, center bottom;
	background-size: 50% auto, 50% auto, 80% auto;
}
.caseStudy { padding:0;}
.caseStudyText h2 { font-size:40px;}
.caseStudyText p { font-size:16px;}
.caseStudyImg img { margin:50px 0 0 0;}

}

/*NORMAL DESKTOP */
@media (min-width: 1200px) and (max-width: 1399px) {
.container { max-width:1100px;}
h1, h2, h3, h4, h5 { color:#335875; margin:0 0 30px 0;}
h1 { font-size:35px;}
h2 { font-size:30px;}
h3 { font-size:25px;}
h4 { font-size:18px;}
h5 { font-size:16px;}
p { font-size:16px; line-height:24px; color:#778fa3;}
.parent-btn-box a, .btn { display:inline-block; padding:15px 30px; background:#eee; font-size:16px; color:#333; border-radius:100px;}
.nav li:not(.parent-btn-box) a { font-size:15px;}
.heroText { padding:0;}
.heroText h1 { font-size:35px;}
.heroText p { font-size:16px; line-height:24px;}
.homeAbout .inner { padding:50px;}
.homeAbout h2 { width:26%; font-size:30px;}
.homeAbout p { width:37%; font-size:16px; line-height:24px; padding:0 5% 0 0;}
.howItWorks { padding:50px 0;}
.howItWorksText span img { width:60px;}
.howItWorksText h2 { margin:0 0 30px 0;}
.howItWorksText ul li h4 { margin:0 0 5px 0;}
.howItWorksText ul li p { width:100%; font-size:16px; line-height:24px;}
.useCases h2 { margin:0 0 60px 0;}
.useCases ul li img { width:80px;}
.useCases ul li p { font-size:16px; line-height:24px;}
.useCases ul li a { font-size:15px;}
.virtualAssistantText { padding:0 0 0 10%;}
.efficientMessagingText { padding:0 5% 0 0;}
.crmCircleText h2 { font-size:35px;}
.crmCircleText p { font-size:16px; line-height:24px;}
.powerfulAnalytics { height:800px;}
.powerfulAnalyticsImg { width:55%;}
.powerfulAnalyticsText { width:45%;}
.powerfulAnalyticsText h2 { font-size:35px;}
.powerfulAnalyticsText p { width:80%; font-size:16px;}
.virtualAssistantImg { width:55%; margin:50px 0 0 0;}
.virtualAssistantText { width:45%; padding:0;}
.virtualAssistantText h2 { font-size:35px;}
.virtualAssistantText p { font-size:16px;}
.efficientMessagingText h2 { font-size:35px;}
.efficientMessagingText p { font-size:16px;}
.contactCenter { height:600px;}
.contactCenterText { padding:0 0 0 5%;}
.contactCenterText h2 { width:60%; font-size:35px;}
.contactCenterText p { font-size:16px;}
.testimonials { padding:50px 0 80px;}
.testiBlock p { width:90%; font-size:20px; margin:0 0 40px 0;}
.owl-theme .owl-dots .owl-dot { margin:0 10px 0 0;}
.pressArea { padding:120px 0;}
.pressArea h2 { width:30%;}
.pressInfo { width:70%;}
.pressInfo img { width:150px;}
.pressInfo a { width:45%; font-size:16px;}
.footerDemo .container { height:400px;}
.footerDemo h2 { font-size:40px; margin:0 0 20px 0;}
.footerDemo a { font-size:18px; padding:15px 30px;}
footer { padding:20px 0;}


/*Case Study Page*/
.caseStudies { 
	background-image: url(../img/bg-caseStudiesRect-1.png), url(../img/bg-caseStudiesRect-2.png), url(../img/bg-caseStudiesRect-3.png);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: right top, left 40%, center bottom;
	background-size: 50% auto, 50% auto, 80% auto;
}
.caseStudy { padding:0;}
.caseStudyText { width:55%;}
.caseStudyText h2 { font-size:30px;}
.caseStudyText p { font-size:16px;}
.caseStudyImg { width:45%;}
.caseStudyImg img { margin:50px 0 0 0;}
.footerDemo h3 { font-size:30px; padding:0 15%; margin:0 0 30px 0;}

}

/*iPad OR SMALL DESKTOP*/
@media (min-width: 992px) and (max-width: 1199px) {
.containerFull { padding:0 40px;}
.container { max-width:960px;}
h1, h2, h3, h4, h5 { color:#335875; margin:0 0 20px 0;}
h1 { font-size:30px;}
h2 { font-size:25px;}
h3 { font-size:22px;}
h4 { font-size:18px;}
h5 { font-size:16px;}
p { font-size:15px; line-height:24px; color:#778fa3;}
.parent-btn-box a, .btn { display:inline-block; padding:10px 20px; background:#eee; font-size:14px; color:#333; border-radius:100px;}
.nav li:not(.parent-btn-box) a { font-size:14px; margin:0 10px;}
.nav .parent-btn-box a, .nav a.btn { display: block; font-size:14px; padding:10px 20px; margin:0 0 0 20px;}
.heroText { padding:0;}
.heroText h1 { font-size:30px; margin:0 0 20px 0;}
.heroText p { font-size:15px; line-height:24px;}
.homeAbout .inner { padding:50px;}
.homeAbout h2 { width:26%; font-size:25px;}
.homeAbout p { width:37%; font-size:15px; line-height:24px; padding:0 5% 0 0;}
.howItWorks { padding:50px 0;}
.howItWorksText span img { width:60px;}
.howItWorksText h2 { margin:0 0 30px 0;}
.howItWorksText ul li { margin:0 0 15px 0;}
.howItWorksText ul li h4 { margin:0 0 5px 0;}
.howItWorksText ul li p { width:100%; font-size:15px; line-height:24px;}
.useCases h2 { margin:0 0 60px 0;}
.useCases ul li img { width:80px;}
.useCases ul li p { font-size:15px; line-height:24px;}
.useCases ul li a { font-size:15px;}
.virtualAssistantText { padding:0 0 0 10%;}
.efficientMessagingText { padding:0 5% 0 0;}
.crmCircleText h2 { font-size:30px;}
.crmCircleText p { font-size:15px; line-height:24px;}
.powerfulAnalytics { height:700px;}
.powerfulAnalyticsImg { width:50%;}
.powerfulAnalyticsText { width:50%;}
.powerfulAnalyticsText h2 { font-size:30px;}
.powerfulAnalyticsText p { width:80%; font-size:15px;}
.virtualAssistantImg { width:50%; margin:50px 0 0 0;}
.virtualAssistantText { width:50%; padding:0;}
.virtualAssistantText h2 { font-size:30px;}
.virtualAssistantText p { font-size:15px;}
.efficientMessagingText h2 { font-size:30px;}
.efficientMessagingText p { font-size:15px;}
.contactCenter { height:500px;}
.contactCenterText { padding:0 0 0 5%;}
.contactCenterText h2 { width:60%; font-size:30px;}
.contactCenterText p { font-size:15px;}
.testimonials { padding:50px 0 80px;}
.testiBlock p { width:90%; font-size:18px; margin:0 0 40px 0;}
.owl-theme .owl-dots .owl-dot { margin:0 10px 0 0;}
.pressArea { padding:100px 0;}
.pressArea h2 { width:30%;}
.pressInfo { width:70%;}
.pressInfo img { width:150px;}
.pressInfo a { width:45%; font-size:16px;}
.footerDemo .container { height:350px;}
.footerDemo h2 { font-size:40px; margin:0 0 20px 0;}
.footerDemo a { font-size:16px; padding:15px 30px;}
footer { padding:20px 0;}


/*Case Study Page*/
.caseStudies { 
	background-image: url(../img/bg-caseStudiesRect-1.png), url(../img/bg-caseStudiesRect-2.png), url(../img/bg-caseStudiesRect-3.png);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: right top, left 40%, center bottom;
	background-size: 50% auto, 50% auto, 80% auto;
}
.caseStudy { padding:0;}
.caseStudyText { width:55%;}
.caseStudyText h2 { font-size:30px;}
.caseStudyText p { font-size:15px;}
.caseStudyImg { width:45%;}
.caseStudyImg img { margin:50px 0 0 0;}
.footerDemo h3 { font-size:30px; padding:0 10%; margin:0 0 30px 0;}

}

/*TABLET & iPad*/
@media (min-width: 768px) and (max-width: 991px) {
.containerFull { padding:0 30px;}
.container { max-width:720px;}
h1, h2, h3, h4, h5 { color:#335875; margin:0 0 20px 0;}
h1 { font-size:30px;}
h2 { font-size:25px;}
h3 { font-size:22px;}
h4 { font-size:18px;}
h5 { font-size:16px;}
p { font-size:14px; line-height:20px; color:#778fa3;}
.parent-btn-box a, .btn { display:inline-block; padding:10px 20px; background:#eee; font-size:14px; color:#333; border-radius:100px;}
.toggleMenu { display:block; position:relative; z-index:10;}
.toggleMenu a { font-size:22px; color:#1e4767;}
.toggleMenu a.active { color:#fff;}
.nav { position:fixed; right:-300px; top:0; width:300px; height:100%; background:rgba(30,71,103,0.95); z-index:5; padding:100px 30px 50px;}
.nav li { display: block; }
.nav li:not(.parent-btn-box) a { font-size:17px; margin:0; color:#fff; width:100%; display:block; padding:10px 0; opacity:1;}
.nav li:not(.parent-btn-box) a:hover { color:#67d8ff;}
.nav .parent-btn-box a, .nav a.btn, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-parent-btn-box > a.mega-menu-link { display: block; font-size:17px; padding:10px 20px; text-align:center; margin:0; margin:20px 0 0 0;}
.nav.show { right:0; transition: all .2s;}
.heroText { padding:0;}
.heroText h1 { font-size:25px; margin:0 0 20px 0;}
.heroText p { font-size:14px; line-height:20px; margin:0 0 20px 0;}
.homeAbout .inner { padding:40px 30px; flex-wrap:wrap;}
.homeAbout h2 { width:100%; font-size:25px;}
.homeAbout p { width:50%; font-size:14px; line-height:20px; padding:0 5% 0 0;}
.howItWorks { padding:50px 0;}
.howItWorksText span img { width:60px;}
.howItWorksText h2 { margin:0 0 30px 0;}
.howItWorksText ul li { margin:0 0 15px 0;}
.howItWorksText ul li h4 { margin:0 0 5px 0;}
.howItWorksText ul li p { width:100%; font-size:14px; line-height:20px;}
.useCases h2 { margin:0 0 60px 0;}
.useCases ul li img { width:80px;}
.useCases ul li p { font-size:14px; line-height:20px;}
.useCases ul li a { font-size:15px;}
.virtualAssistantText { padding:0 0 0 10%;}
.efficientMessagingText { padding:0 5% 0 0;}
.crmCircleText h2 { font-size:25px;}
.crmCircleText p { font-size:14px; line-height:20px;}
.powerfulAnalytics { height:600px;}
.powerfulAnalyticsImg { width:60%;}
.powerfulAnalyticsText { width:40%;}
.powerfulAnalyticsText h2 { font-size:25px;}
.powerfulAnalyticsText p { width:80%; font-size:14px;}
.virtualAssistantImg { width:60%; margin:50px 0 0 0;}
.virtualAssistantText { width:40%; padding:0;}
.virtualAssistantText h2 { width:100%; font-size:25px;}
.virtualAssistantText p { width:100%; font-size:14px;}
.efficientMessagingText h2 { font-size:25px;}
.efficientMessagingText h2 br { display:none;}
.efficientMessagingText p { font-size:14px;}
.contactCenter { height:400px;}
.contactCenterText { padding:0 0 0 4%;}
.contactCenterText h2 { width:60%; font-size:25px;}
.contactCenterText p { font-size:14px;}
.testimonials { padding:20px 0 50px;}
.testiBlock p { width:90%; font-size:15px; margin:0 0 40px 0;}
.testiName h5  { font-size:15px; margin:0;}
.owl-theme .owl-nav.disabled + .owl-dots { margin:50px 0 0 0;}
.owl-theme .owl-dots .owl-dot { margin:0 10px 0 0;}
.pressArea { padding:80px 0;}
.pressArea h2 { width:30%; font-size:20px;}
.pressInfo { width:70%;}
.pressInfo img { width:130px;}
.pressInfo a { width:45%; font-size:15px;}
.footerDemo .container { height:300px;}
.footerDemo h2 { font-size:30px; margin:0 0 20px 0;}
.footerDemo a { font-size:15px; padding:10px 30px;}
footer { padding:20px 0;}
.socialLinks a { font-size:15px; padding:0 0 0 20px;}


/*Case Study Page*/
.caseStudies { 
	background-image: url(../img/bg-caseStudiesRect-1.png), url(../img/bg-caseStudiesRect-2.png), url(../img/bg-caseStudiesRect-3.png);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: right top, left 40%, center bottom;
	background-size: 50% auto, 50% auto, 80% auto;
}
.caseStudy { padding:30px 0;}
.caseStudyText { width:55%;}
.caseStudyText h2 { font-size:25px;}
.caseStudyText p { font-size:14px; line-height:20px;}
.caseStudyImg { width:45%;}
.caseStudyImg img { margin:50px 0 0 0;}
.footerDemo h3 { font-size:25px; padding:0 5%; margin:0 0 20px 0;}

}

/*LARGE MOBILES OR PHABLET*/
@media (max-width: 767px) {
.containerFull { padding:0 20px;}
.container { max-width:100%; padding:0 20px;}
h1, h2, h3, h4, h5 { color:#335875; margin:0 0 20px 0;}
h1 { font-size:30px;}
h2 { font-size:25px;}
h3 { font-size:22px;}
h4 { font-size:18px;}
h5 { font-size:16px;}
p { font-size:13px; line-height:20px; color:#778fa3;}
.parent-btn-box a, .btn { display:inline-block; padding:10px 20px; background:#eee; font-size:14px; color:#333; border-radius:100px;}
.logo { width: 110px; }
.toggleMenu { display:block; position:relative; z-index:10;}
.toggleMenu a { font-size:22px; color:#1e4767;}
.toggleMenu a.active { color:#fff;}
.nav { position:fixed; right:-250px; top:0; width:250px; height:100%; background:rgba(30,71,103,0.95); z-index:5; padding:100px 30px 50px;}
.nav li { display: block; }
.nav li:not(.parent-btn-box) a { font-size:15px; margin:0; color:#fff; width:100%; display:block; padding:10px 0; opacity:1;}
.nav li:not(.parent-btn-box) a:hover { color:#67d8ff;}
.nav .parent-btn-box a, .nav a.btn { display: block; font-size:15px; padding:10px 20px; text-align:center; margin:0; margin:20px 0 0 0;}
.nav.show { right:0; transition: all .2s;}
.hero { padding:10px 0 30px;}
.hero .containerFull { flex-wrap:wrap;}
.heroImg { width:100%; order:1; margin:0 0 20px 0; padding:0 10%;}
.heroText { width:100%; padding:0; order:2;}
.heroText h1 { font-size:25px; margin:0 0 20px 0;}
.heroText p { font-size:13px; line-height:20px; margin:0 0 20px 0;}
.homeAbout .inner { padding:30px 20px; flex-wrap:wrap;}
.homeAbout h2 { width:100%; font-size:25px;}
.homeAbout p { width:100%; font-size:13px; line-height:20px; padding:0 5% 0 0; margin:0 0 20px 0;}
.homeAbout p:last-child { margin:0;}
.howItWorks { padding:50px 0 0;}
.howItWorks .containerFull { flex-wrap:wrap;}
.howItWorksImg { width:100%; padding:0 20%;}
.howItWorksText { width:100%; padding:0 10px;}
.howItWorksText span img { width:60px;}
.howItWorksText h2 { margin:0 0 30px 0;}
.howItWorksText ul li { margin:0 0 15px 0; padding:0 0 0 30px;}
.howItWorksText ul li h4 { font-size:16px; margin:0 0 5px 0;}
.howItWorksText ul li p { width:100%; font-size:13px; line-height:20px;}
.useCases h2 { margin:0 0 60px 0;}
.useCases ul { margin:0 0 50px 0;}
.useCases ul li { width:100%; display:flex; justify-content:space-around; flex-wrap:wrap;}
.useCases ul li:last-child { margin:0;}
.useCases ul li img { width:80px; margin:0;}
.useCases ul li p { width:65%; font-size:14px; line-height:20px; margin:5px 0 0 0;}
.useCases ul li a { width:35%; font-size:15px;}
.efficientMessagingText { padding:0 5% 0 0;}
.crmCircle { padding:30px 0;}
.crmCircle .container { flex-wrap:wrap;}
.crmCircleImg { width:100%; padding:0 10%;}
.crmCircleText { width:100%;}
.crmCircleText h2 { font-size:25px;}
.crmCircleText p { width:100%; font-size:14px; line-height:20px; margin:0 0 20px 0;}
.powerfulAnalytics { height:600px; flex-wrap:wrap; background-size:auto 380px; background-position:left bottom;}
.powerfulAnalyticsImg { width:100%; order:2;}
.powerfulAnalyticsText { width:100%; padding:0 20px; order:1; margin:0 0 20px 0;}
.powerfulAnalyticsText h2 { font-size:25px;}
.powerfulAnalyticsText p { width:80%; font-size:14px;}
.virtualAssistant { padding:50px 0;}
.virtualAssistant .containerFull { flex-wrap:wrap;}
.virtualAssistantImg { width:100%; margin:50px 0 0 0;}
.virtualAssistantText { width:100%; padding:0;}
.virtualAssistantText h2 { width:100%; font-size:25px;}
.virtualAssistantText p { width:100%; font-size:14px;}
.efficientMessaging .containerFull { flex-wrap:wrap;}
.efficientMessagingImg { width:100%; order:2; margin:50px 0 0 0;}
.efficientMessagingText { width:100%; padding:0 20px; order:1;}
.efficientMessagingText h2 { width:100%; font-size:25px;}
.efficientMessagingText h2 br { display:none;}
.efficientMessagingText p { font-size:14px;}
.contactCenter { height:500px; background-size:auto 300px; background-position:right bottom;}
.contactCenter .containerFull { flex-wrap:wrap;}
.contactCenterText { width:100%; padding:0 20px; order:1;}
.contactCenterText h2 { width:100%; font-size:25px;}
.contactCenterText p { width:100%; font-size:14px;}
.contactCenterImg { width:100%; padding:0 10%; order:2;}
.testimonials { padding:50px 0;}
.testiBlock p { width:90%; font-size:15px; margin:0 0 40px 0;}
.testiName h5  { font-size:15px; margin:0;}
.owl-theme .owl-nav.disabled + .owl-dots { margin:50px 0 0 0;}
.owl-theme .owl-dots .owl-dot { margin:0;}
.pressArea { padding:50px 0;}
.pressArea .container { flex-wrap:wrap;}
.pressArea h2 { width:100%; font-size:20px; margin:0 0 20px 0;}
.pressInfo { width:100%; justify-content:flex-start; flex-wrap:wrap;}
.pressInfo img { width:50%; margin:0 0 20px 0;}
.pressInfo a { width:100%; font-size:15px; margin:0;}
.footerDemo .container { height:250px;}
.footerDemo h2 { font-size:25px; margin:0 0 20px 0;}
.footerDemo a { font-size:15px; padding:10px 30px;}
footer { padding:20px 0;}
.socialLinks a { font-size:15px; padding:0 0 0 20px;}


/*Case Study Page*/
.caseStudies { 
	background-image: url(../img/bg-caseStudiesRect-1.png), url(../img/bg-caseStudiesRect-2.png), url(../img/bg-caseStudiesRect-3.png);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: right top, left 30%, center bottom;
	background-size: 100% auto, 90% auto, 100% auto;
	margin:0 0 50px 0;
}
.caseStudy { padding:0;}
.caseStudy .container { flex-wrap:wrap;}
.caseStudyText { width:100%; order:2;}
.caseStudyText h2 { font-size:25px;}
.caseStudyText p { font-size:14px; line-height:20px;}
.caseStudyImg { width:100%; order:1;}
.caseStudyImg img { margin:50px 0 0 0;}
.footerDemo h3 { font-size:20px; padding:0; margin:0 0 20px 0;}

}

@media (max-width: 560px){
	footer .containerFull {
	    flex-direction: column;
	}
    .copyrightInfo, 
    .footerMenu, 
    .socialLinks {
    	width: auto;
    	text-align: center;
        margin-bottom: 25px;
    }
    .footerMenu {
    	order: -1;
    }
}

/*MEDIUM MOBILES*/
@media (min-width: 360px) and (max-width: 480px) {

}

@media (max-width: 360px){
    .logo {
        width: 90px;
    }
}

/*SMALL MOBILES*/
@media (max-width: 320px){

}