@media (min-width: 576px) {
.common-modal .modal-dialog {
    max-width: 600px;
}
}

@media (min-width: 768px) {
.shell {
	max-width: 750px;
}
}

@media (min-width: 992px) {
.shell {
	max-width: 970px;
}
}

@media (min-width: 1200px) {
.shell {
	max-width: 1550px;
}
}

@media (min-width: 1800px) {
.shell.shell-wide {
	max-width: 1800px;
}
.shell.shell-fuild {
	max-width: none;
	padding: 0;
}
}

@media only screen and (max-width: 1400px) {
.front-logo {
	margin-top: 30px !important;
}
#templates .front-title {
	padding: 25px 15px 10px;
}
#templates .front, #templates .back p {
	line-height: 24px;
	font-size: 15px;
}
.bottom-icons {
	padding: 20px 0;
}
#trainingVideo {
	padding: 35px 19px;
	height: 78%;
}

#tab2 .ipl, #tab3 .ipl {
    right: 15rem;}
	
}

@media only screen and (max-width: 1200px) {
.navbar a, .navbar a:focus {
	font-size: 14px;
	padding: 8px 8px;
}
#signupFree form .col-md-2 {
	width: 75%;
}
/*10-9-2021 Updates - Sandip*/

.doc-signed-by2, .doc-signed-by2-menu-text {
	text-align: center;
	margin: 0;
	padding: 0;
}
#trainingVideo {
	padding: 35px 19px;
	height: 81%;
}
/*17-9-2021 Updates - Sandip*/

.section-title {
	padding-bottom: 40px;
}
section {
	padding: 30px;
}
.mt-170, .mt-5 {
	margin-top: 0 !important;
}
.p-60 {
	padding: 30px;
}

.btnlbls {
	display: block;
}

#priceall, .butall, #allbutMonth, #allbutYear, #priceall .sendfinal{display:none;}
#tab2 .ipl, #tab3 .ipl {
    right: 6rem;}
#templates .section-title{padding-bottom:0;}	
	
}

@media only screen and (max-width: 992px) {
.mobile-nav {
	display: block;
}
#navbar {
	display: none;
}
.mobile-nav .navbar-collapse {
	position: fixed;
	top: 57px;
	left: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	width: 300px;
	height: 100%;
}
.navbar-collapse.collapsing {
	left: -75%;
	transition: height 0s ease;
}
.navbar-collapse.show {
	left: 0;
	transition: left 300ms ease-in-out;
}
.navbar-toggler.collapsed ~ .navbar-collapse {
	transition: left 500ms ease-in-out;
}
.mobile-nav .dropdown-menu {
	position: static !important;
	transform: none !important;
	padding: 0 .5rem;
	background-color: transparent;
}
.mobile-nav .dropdown-menu li a {
	color: #b3b3b3;
	padding: .5rem 1rem;
	display: block;
	font-size: 14px;
	line-height: 18px;
}
.mobile-nav .dropdown-menu li a:hover, .mobile-nav .dropdown-menu li a:focus {
	background-color: #333;
}
.mobile-nav .nav-link:hover, .mobile-nav .nav-link:focus {
	background-color: #f47f20;
}
.mobile-nav .nav-link:focus, .mobile-nav .nav-link:hover, .mobile-nav .nav-link {
	color: #fff;
}
.mobile-nav .dropdown-toggle::after {
	right: 20px;
	top: 20px;
	position: absolute;
}
.faq-nav {
	display:none;
}
#faq-tab-content {
	display:none;
}
.faq-mobile {
	display:block;
}
.faq-nav .nav-link {
	width: 100%;
}
#benefits .row .p-60 {
	padding: 20px;
	text-align: left;
}
.cole2 {
	margin: auto;
    float: none;
    text-align: center;
}
.heading-subcontent p {
	width: auto;
}
#trainingVideo {
	padding: 65px 21px;
	top: -45px;
	height: 90%;
}
.videoback {
	margin-top: 30px;
}
.xalign {
	padding-top: 0px;
}
/******Pricing page********/

.countrylbl {
	display: block;
}
.home-otherpage-section .head-right {
	top: 0;
	text-align: left;
}
.monyrbtn {
	margin: 0px 0 10px 0;
}

.home-otherpage-section .head-right {
	position: static;
	text-align: center;
}
#tab2 .ipl, #tab3 .ipl {
	right: 0rem
}

}

@media only screen and (max-width: 768px) {
.left-aside-menu {
	margin-bottom: 60px;
}
.carousel-inner {
	width: 85%;
	margin: 0 auto;
}
.cole2 {
	width: 274px;
}
#home {
	padding: 70px 0 20px;
}
section {
	padding: 20px 0 20px;
}
.section-title {
	padding-bottom: 40px;
}
#benefits .row.mt-5 {
	margin-top: 0 !important;
}
.mt-170 {
	margin-top: 20px !important;
	border-bottom: 2px solid #ddd;
	/* padding-bottom: 20px;*/

	padding-bottom: 80px;

	text-align: center;
}
#signupFree form .col-md-2 {
	width: 100%;
}
#benefits-sms, #benefits-templates, #benefits-australian-made {
	order: -1;
}
.back p {
	font-size: 13px;
}
#trainingVideo {
	padding: 64px 15px;
	top: -45px;
	height: 89%;
}

.inner-new-header {
    text-align: center;
}
.after-login .d-flex {
    display: inline-block !important;
}
.button-medium-orange {
    font-size: 19px;
    padding: 11px 30px;
    width: 100%;
}
.button-medium-Grey {
    font-size: 19px;
    padding: 4px 19px;
    width: 100%;
    margin: 10px 0px 0 0;
}
#header .logo img {
	max-width: 60%;
    height: auto;
}
#header h1 {
	margin-bottom:0;
}
#myCarousel {
    display: none;
}
#galleries-list {
    display: block;
}
#tab2 .ipl, #tab3 .ipl {
	right: 0rem
}

}

@media only screen and (max-width: 767px) {
.carousel-inner {
	width: 100%;
	margin: 0 auto;
}
.cole2 {
	width: 236px;/*margin: 0 10px;*/
}
#benefits .row .p-60, #home, #testimonials, #signupFree, #footer {
	text-align: center;
}
#testimonials .carousel-inner .row {
	margin: 0 15px;
}
#trainingVideo {
	padding: 68px 16px;
    top: -53px;
	height: 100%;
}
#benefits-sms, #benefits-templates, #benefits-australian-made {
	order: -1;
}
.mt-170 {
	display: flex;
	flex-direction: column-reverse;
}
#benefits .align-items-center img, #home .align-items-center img {
	margin: auto;
	margin-top: 20px;
}
section .Subtitle {
	padding: 0;
	margin-bottom: 20px;
}
.doc-signed-by2-container {
	margin-top: 0;
}
.mt-170 {
	padding-bottom: 30px;
}
.item .text-md-center {
	margin-bottom: 30px !important;
}
.item h4 {
	text-align: center;
	font-size: 26px !important;
}
.carousel-indicators {
	bottom: -10px;
}
.btnPriceBlue, .btnPriceGrey {
	margin-bottom: 8px;
}


.purtable td, .purtable th{padding:5px 5px;}
#pricecorporate .purtable th, #priceindividual .purtable th{width:5.1rem; }
#pricecorporate .purtable th:first-child, #priceindividual .purtable th:first-child{font-size:18px !important;}

#tab2 .ipl, #tab3 .ipl{right: -2rem;}
#tab2 .ipl img, #tab3 .ipl img{width: 200px;}
#tab2 .ipl .penhand, #tab3 .ipl .penhand{right:auto; top:-5px; left: 160px;}
#tab2 .ipl .penhand img, #tab3 .ipl .penhand img{width: 168%;}
.purtable{ margin:auto;}
#pricecorporate .sendfinal, #priceindividual .sendfinal{padding-top:0 !important;}

}

@media only screen and (max-width: 575px) {
.center-mobile {
	text-align:center;
}
.center-mobile a {
	margin-bottom:10px;
	display:block;
}
}

@media only screen and (max-width: 535px) {
.carousel-inner {
	/*width: 60%;*/
	margin: 0 auto;
}
#trainingVideo {
	padding: 51px 11px;
	top: -40px;
	height: 103%;
}
.support-bar ul li {
	width:100%;
}

}

@media only screen and (max-width: 414px) {
#trainingVideo {
	padding: 52px 11px;
	top: -40px;
	height: 100%;
}
.innerSec {
	padding-bottom: 100px;
}
}

@media only screen and (max-width: 375px) {
#trainingVideo {
	padding: 51px 11px;
	top: -40px;
	height: 103%;
}
}

@media only screen and (max-width: 320px) {
.carousel-inner {
	width: 100%;
	margin: 0 auto;
}
#trainingVideo {
	padding: 50px 11px;
	top: -42px;
	height: 109%;
}
}




/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */ 

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
#benefits img {
	max-width:60%;
}
#templates .flip-container .back .front-logo-invert {
	margin-top: 25px !important;
}
#templates .back p {
    line-height: 22px;
    font-size: 14px;
}
#galleries-list .slider-nav {
	top:-50px;
}
.social-icons img {
    width: 55px;
}

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.after-login .innerSec .inner-top-img img {
	max-width:50%;
	margin: 0px 26%;
}
.range.templates-list .flip-container {
	height:260px !important;
}
.range.templates-list .flip-container .front-logo {
	height: auto;
    margin: 3px 15px 5px !important;
}
.range.templates-list .flip-container .front-logo img {
	max-width: 50% !important;
}
#templates .range.templates-list .flip-container .front-title {
    padding: 0px 15px 5px;
	font-size:16px !important;
}
.range.templates-list .flip-container .front p {
	font-size:14px;
	margin-bottom:10px;
}
.bottom-10 {
    bottom: auto !important;
}
#templates .flip-container, .front, .back {
	height:280px !important;
}
#benefits img {
	max-width:35%;
}
#galleries-list .flip-container, #galleries-list .front, #features .back {
	height:230px !important;
}
#galleries-list .flip-container .front .front-logo img {
	width:50% !important;
}
#galleries-list .flip-container .front .front-title {
	padding: 20px 15px 10px;
}
#galleries-list .flip-container .front div {
	font-size: 14px;
    line-height: normal;
}
#galleries-list .flip-container .back .front-logo-invert {
	display:none;
}
#galleries-list .slider-nav {
	top:-60px;
}
#galleries-list .flip-container .flipper .back p {
	font-size: 12px;
	padding: 0 10px;
}

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
.after-login .innerSec .inner-top-img img {
	display:none;
}
.after-login .innerSec {
	padding-top:0;
}
#templates .flip-container, .front, .back {
	height:300px;
}
.range.templates-list .flip-container .front-logo {
	height: auto;
    margin: 3px 15px 5px !important;
}
.range.templates-list .flip-container .front-logo img {
	max-width: 70%;
}
#templates .range.templates-list .flip-container .front-title {
    padding: 0px 15px 5px;
	font-size:16px !important;
}
.range.templates-list .flip-container .front p {
	font-size:14px;
	margin-bottom:10px;
}
#templates .flip-container, .front, .back {
	height:300px;
}
#templates .flip-container .front-logo img {
	max-width: 70%;
}
.iconWrapper-invert {
	background-color:transparent;
}
#templates .flip-container .back .front-logo-invert {
	margin-top: 15px !important;
}
.btn-view {
	font-size: 15px;
    padding: 1px 15px;
}
#templates .front, #templates .back p {
    line-height: 16px;
    font-size: 15px;
}
.front-logo {
	margin: 3px 15px 4px !important;
	height: auto;
}
#templates .front-title {
    padding: 5px 15px 5px;
}
.front-title {
	font-size: 16px !important;
}
#benefits img {
	max-width:35%;
}
#galleries-list .flip-container, #galleries-list .front, #features .back {
	height:270px;
}
#galleries-list .flip-container .front .front-logo img {
	width:70%;
}
#galleries-list .flip-container .front .front-title {
	padding: 20px 15px 10px;
}
#galleries-list .flip-container .front div {
	font-size: 14px;
    line-height: normal;
}
#galleries-list .flip-container .back .front-logo-invert {
	display:none;
}
#galleries-list .slider-nav {
	top:-60px;
}

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.after-login .innerSec .inner-top-img img {
	display:none;
}
.after-login .innerSec {
	padding-top:0;
}
#benefits img {
	max-width:35%;
}
#galleries-list .flip-container, #galleries-list .front, #features .back {
	height:290px;
}
#galleries-list .flip-container .front .front-logo img {
	width:70%;
}
#galleries-list .flip-container .front .front-title {
	padding: 20px 15px 10px;
}
#galleries-list .flip-container .back .front-logo-invert {
	display:none;
}
#galleries-list .slider-nav {
	top:-50px;
}
}

/* ----------- iPhone X ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
#header .logo img {
	max-width: 60%;
    height: auto;
}
#header h1 {
	margin-bottom:0;
}
.range.templates-list .flip-container {
	height:300px !important;
}
.range.templates-list .flip-container .front-logo {
	height: auto;
    margin: 3px 15px 5px !important;
}
.range.templates-list .flip-container .front-logo img {
	max-width: 50%;
}
#templates .range.templates-list .flip-container .front-title {
    padding: 0px 15px 5px;
	font-size:16px !important;
}
.range.templates-list .flip-container .front p {
	font-size:14px;
	margin-bottom:10px;
}
#templates .flip-container, .front, .back {
	height:300px;
}
#templates .flip-container .front-logo img {
	max-width: 50%;
}
#templates .flip-container .back img {
	max-width: 80%;
}
.iconWrapper-invert {
	background-color:transparent;
}
#templates .flip-container .back .front-logo-invert {
	margin-top: 15px !important;
}
.btn-view {
	font-size: 15px;
    padding: 1px 15px;
}
#templates .front, #templates .back p {
    line-height: 16px;
    font-size: 15px;
}
.front-logo {
	margin: 3px 15px 4px !important;
	height: auto;
}
#templates .front-title {
    padding: 5px 15px 5px;
}
.front-title {
	font-size: 16px !important;
}
.range.templates-list .col-lg-4 {
	margin: auto !important;
}

}


/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
#benefits .row .p-60 {
	order: 0;
}

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
.range.templates-list .col-lg-4 {
	margin: 0 8%;
}
#templates .flip-container .back .front-logo-invert {
	margin-top: 25px !important;
}
#templates .back p {
    line-height: 22px;
    font-size: 14px;
}
}

/* Sandip */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
.shell {
	max-width:none;
}
}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1399px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
#tab2 .ipl, #tab3 .ipl {
	right: 9rem;
}
}