@media only screen and (max-width: 959px) {

.iva-mobile-dropdown {

	display: block;

	margin: 0 0 0 auto;

	height: 35px;

	width: 40px;

	position: relative;

	cursor: pointer;

	display: block;

	background: transparent url(../images/menu-icon.png) 0 0 no-repeat;

}

.iva-children-indenter {

	display: block !important;

}

.iva_mmenu, .menu-inner {

	width: 80%;

}

.sys_slider .full {

	wdith: auto;

}

.primarymenu {

	display: none !important;

}

.mobile-menu-wrap {

	display: table-cell;

	margin: auto;

	padding: 0;

	position: relative;

	vertical-align: middle;

}

.fixed-header {

	position: relative !important;

}

}



/*  iPad Landscape Small and Desktop Resolution

======================================================================== */

@media only screen and (min-width : 960px) and (max-width : 1024px) {

img {

	width: auto;

	max-width: 100%;

	height: auto;

}

#layout_wrapper, .videoslider, .planbox_slider, #header-s4 .menuwrap, #header-s2 .menuwrap {

	width: 100%;

}

.iva-children-indenter {

	display: block !important;

}

.inner, .frontpage_teasercontent, .pagemid .inner, #subheader .inner, .videoslider, .section_inner, .breadcrumbs {

	width: 90%;

}

.leftsidebar #main {

	width: 71%;

}

.leftsidebar #sidebar {

	width: 29%;

	background: none;

}

.rightsidebar #main {

	width: 71%;

}

.rightsidebar #sidebar {

	width: 29%;

	background: none;

}

.sort_column1 .item .sort_img {

	width: 71%;

}

.menuwrap {

	border-radius: none;

}

.callOutBox .callOut_Text {

	float: none;

	display: table;

	margin: 0 auto;

}

.callOutBox .callOut_Button {

	float: none;

	display: table;

	margin: 0 auto;

}

.callOutBox p {

	margin-bottom: 10px;

}

.pricetable .column {

	width: 47%;

	margin-right: 3%;

	margin-bottom: 20px;

}

.pricetable .column:last-child {

	margin-right: 0;

}

}





/* iPad Portrait

======================================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {

img {

	width: auto;

	max-width: 100%;

	height: auto;

}

#layout_wrapper, .videoslider, .planbox_slider, #header-s4 .menuwrap, #header-s2 .menuwrap {

	width: 100%;

}

.iva-children-indenter {

	display: block !important;

}

.inner, .frontpage_teasercontent, .pagemid .inner, #subheader .inner, .videoslider, .section_inner, .breadcrumbs {

	width: 90%;

}

.header-style2 .iva-mobile-dropdown {

	margin: 0 auto 0 0;

}

.iva_col.one_fourth {

	width: 48%;

}

.iva_col.one_fourth:nth-child(even) {

	margin-right: 0;

}

.leftsidebar #main {

	width: 71%;

}

.leftsidebar #sidebar {

	width: 29%;

	background: none;

}

.rightsidebar #main {

	width: 71%;

}

.rightsidebar #sidebar {

	width: 29%;

	background: none;

}

.sort_column1 .item .sort_img {

	width: 71%;

}

.menuwrap {

	border-radius: none;

}

.callOutBox .callOut_Text {

	float: none;

	display: table;

	margin: 0 auto;

}

.callOutBox .callOut_Button {

	float: none;

	display: table;

	margin: 0 auto;

}

.callOutBox p {

	margin-bottom: 10px;

}

.pricetable .column {

	width: 47%;

	margin-right: 3%;

	margin-bottom: 20px;

}

.pricetable .column:last-child {

	margin-right: 0;

}

}



/* ===================================================== */

/* #Mobile (Portrait)

/* ===================================================== */

/* Note: Design for a width of 320px */



@media only screen and (min-width: 240px) and (max-width: 479px) {

img {

	width:auto;

	max-width: 100%;

	height: auto;

}

.slides li {

	width: 100%;

height:

}

.fixed-header {

	position: relative;

}

#layout_wrapper {

	width: 320px;

}

.iva-children-indenter {

	display: block !important;

}

.inner, .menu-dropdown, .copyright, #sf-mobilemenu, .section_inner, .videoslider, .planbox_slider, .rightsidebar #main, .rightsidebar #sidebar, .leftsidebar #main, .leftsidebar #sidebar, .jcarousel-item-horizontal, #subheader .subdesc {

	width: 300px !important;

}

#subheader .page-title {

	float: none;

	text-align: center;

	display: table;

	margin: 0 auto;

}

#subheader .customtext {

	float: none;

	text-align: center;

	display: table;

	margin: 0 auto;

}

#header {

	padding: 0 0 15px 0;

}

#featured_slider {

	position: relative;

	margin: 0 auto;

}

.logo {

	display: table-cell;

	float: none;

	margin: auto;

}

.videoslider, .planbox_slider {

	padding-top: 30px;

}

.frontpage_teaser {

	position: relative;

}

.pricetable .column {

	float: none;

	width: 100%;

	border-width: 1px;

}

.topbar .atpsocials {

	display: table;

	float: none;

	margin: 0 auto;

}

.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .four_fifth, .one_sixth, .five_fifth, .two_fifth, .three_fifth, .three_fourth {

	width: 100%;

	margin-right: 0;

}

.flex-caption, .ei-title, .nivo-caption, .rightsidebar #sidebar .content, .leftsidebar #main .entry-content {

	padding-left: 0;

}

.rightsidebar #main .entry-content, .leftsidebar #sidebar .content {

	padding-right: 0;

}

.tabs li, .fb-area, .doubles li, .vertabs .tabs, .breadcrumbs, .event_thumb, .copyright_left, .copyright_right, .teaserbox .callout_button {

	float: none;

}

.subdesc, .breadcrumbs {

	text-align: center;

	width: 100%;

}

.copyright_left, .copyright_right, .vertabs .tabs, .sort_column2 .item, .sort_column3 .item, .sort_column4 .item, .topbar_left, .topbar_right, .pricetable.col3 .column {

	width: 100%;

}

.copyright_left, .copyright_right, .topbar_left, .topbar_right, .events-carousel .carousel-event-block {

	text-align: center !important;

}

.callOutBox .callOut_Button {

	float: none;

	text-align: center;

	display: table;

	margin: 0 auto;

}

.pricetable .price-content {

	margin-bottom: 10px;

}

.testimonial-box {

	margin: 0 0 30px 0;

}

#slider_bg {

	background-color: #1d576d;

	background-image: none;

}

#slider_bg {

	position: relative;

	margin: 0 auto;

}

.callOutBox .button {

	margin-bottom: 10px !important;

}

#back-top {

	display: none!important;

}

.iva_domainSearch .iva_col {

	text-align: center;

	margin-bottom: 10px;

}

.web_abbr {

	width: 14% !important;

	font-size: 16px;

}

.select_wrapper.ds100 {

	width: 23% !important;

}

.iva_domainSearch input[type="text"] {

	width: 46%;

}

.domainSearch.btn {

	width: 100% !important;

	margin: 10px auto;

	float: none;

}

.fixed-header {

	position: relative;

}

}



/* ===================================================== */

/* #Mobile (Landscape)

/* ===================================================== */

/* Note: Design for a width of 480px */



@media only screen and (min-width: 480px) and (max-width: 767px) {

img {

	width: auto;

	max-width: 100%;

	height: auto;

}

.fixed-header {

	position: relative;

}

/* layout */ 

#boxed #wrapper, #layout_wrapper {

	width: 100%;

}

.iva-children-indenter {

	display: block !important;

}

.inner, .copyright, .section_inner, .videoslider, .planbox_slider, .rightsidebar #main, .rightsidebar #sidebar, .leftsidebar #main, .leftsidebar #sidebar, .jcarousel-item-horizontal, #subheader .subdesc {

	width: 90% !important;

}

#subheader .page-title {

	float: none;

	text-align: center;

	display: table;

	margin: 0 auto;

}

#subheader .customtext {

	float: none;

	text-align: center;

	display: table;

	margin: 0 auto;

}

#header {

	padding: 0 0 15px 0;

}

.events-carousel .carousel-event-block {

	text-align: center;

}

.logo {

	display: table-cell;

	float: none;

	margin: auto;

}

.frontpage_teaser {

	position: relative;

}

.videoslider, .planbox_slider {

	padding-top: 30px;

}

#featured_slider {

	position: relative;

	margin: 0 auto;

}

.pricetable .column {

	float: none;

	width: 100%;

	border-width: 1px;

}

.ei-title, .flex-caption, .nivo-caption, .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .four_fifth, .one_sixth, .five_fifth, .two_fifth, .three_fifth, .three_fourth {

	width: 100%;

	margin-right: 0;

}

.topbar .atpsocials {

	display: table;

	float: none;

	margin: 0 auto;

}

.leftsidebar #sidebar .content, .rightsidebar #main .entry-content {

	padding-right: 0;

}

.leftsidebar #main .entry-content, .rightsidebar #sidebar .content {

	padding-left: 0;

}

.tabs li, .fb-area, .doubles li, .event_thumb, .copyright_left, .copyright_right, .teaserbox .callout_button {

	float: none;

}

.vertabs .tabs, .copyright_left, .copyright_right, .topbar_left, .topbar_right, .sort_column2 .item, .sort_column3 .item, .sort_column4 .item, .pricetable.col3 .column {

	width: 100%;

}

.copyright_left, .copyright_right, .header .one_half, .topbar_left, .topbar_right, .header .one_third {

	text-align: center !important;

}

.subdesc, .breadcrumbs {

	text-align: center;

	width: 100%;

}

.callOutBox .callOut_Button {

	float: none;

	text-align: center;

	display: table;

	margin: 0 auto;

}

.pricetable .price-content {

	margin-bottom: 10px;

}

.testimonial-box {

	margin: 0 0 30px 0;

}

#slider_bg {

	background-color: #1d576d;

	background-image: none;

}

#slider_bg {

	position: relative;

	margin: 0 auto;

}

.callOutBox .button {

	margin-bottom: 10px !important;

}

#back-top {

	display: none!important;

}

.iva_domainSearch .iva_col {

	text-align: center;

	margin-bottom: 10px;

}

.web_abbr {

	width: 14% !important;

}

.select_wrapper.ds100 {

	width: 20% !important;

}

.iva_domainSearch input[type="text"] {

	width: 52%;

}

.domainSearch.btn {

	width: 100% !important;

	margin: 10px auto;

	float: none;

}

.rightsidebar #main, .rightsidebar #sidebar {

	float: none;

	width: 100% !important;

}

.leftsidebar #main, .leftsidebar #sidebar {

	float: none;

	width: 100% !important;

}

}

 @media only screen and (min-width: 320px) and (max-width: 1100px) {

.product-box-left {

	float: none;

	display: block;

	width: 100%;

	color: #000;

	border-right: solid 0px #d9d9d9;

	margin-bottom: 5%;

}

.product-box-right {

	float: none;

	display: block;

	width: 100%;

	margin-left: 0%;

}

.select-drop {

	width: 100%;

}

.cl-effect-2 a {

	line-height: 44px;

	perspective: 1000px;

	margin-bottom: 10px;

}







}
@media (max-width:510px) {
	.package-mbl-bgother.mbl-pck-bgother h2 {font-size: 14px;color: #fff;text-align:center;min-height: 46px;line-height: 22px;}
	.package-mbl-bgother.mbl-pck-bgother p {padding: 16px 2px 0 2px;font-size: 13px;text-align: center;color: #fff;}
	.package-mbl-bgother.mbl-pck-bgother h4 {text-align:center;font-weight: 600;margin: 5px 0 0;color: #fff;line-height: 35px;padding-top: 4px;}
	.package-right {font-size: 21px;padding: 0px;margin-left: 40px;width: 182px;line-height: 24px;}
	.package-right-row-3 {margin-top: 31px;}
	.package-right-row-2 {margin-top:41px;}
	.package-right-row-1 { margin-top: 6px;}
	.package-mbl-bg {display:none;}
	.package-bg {
		width: 300px;
		height: 200px;
	}
	.package-left {width: 70px;margin-top: 65px;}
	.package-left h2 {font-size: 25px;}
}
@media (min-width:320px) and (max-width:510px) {

.desk-pck-bg {

	/*display: none;*/

}

.desk-pck-bgdomain {

	display: none;

}

.desk-pck-bgsoftware {

	display: none;

}

.desk-pck-bgdesign {

	display: none;

}

.desk-pck-bgmarketing {

	display: none;

}

.desk-pck-bgother {

	display: none;

}

.flip-btn-wrap{ clear:both}



.package-mbl-bgdomain h2, .mbl-pck-bgsoftware h2, .mbl-pck-bgmarketing h2, mbl-pck-bgdesign h2,.mbl-pck-bgdesign h2{font-size: 13px;

color: #FFF;

font-family: oswald;

padding: 25px 10px 0px;

text-align: center;





}

.package-mbl-bgdomain p, .mbl-pck-bgsoftware p, .mbl-pck-bgmarketing p, mbl-pck-bgdesign p,.mbl-pck-bgdesign p{font-size: 19px;

  font-size: 12px;

color: #FFF;

font-family: oswald;

padding: 24px 10px 0px;

text-align: center;

}

.package-mbl-bgdomain h4, .mbl-pck-bgsoftware h4, .mbl-pck-bgmarketing h4, mbl-pck-bgdesign h4,.mbl-pck-bgdesign h4{font-size: 21px;

color: #FFF;

font-family: oswald;

padding: 15px;

text-align: center;

line-height: 24px;}

}



@media (min-width:511px) and (max-width:2900px) {

.mbl-pck-bg {

	display: none;

}

.mbl-pck-bgdomain {

	display: none;

}

.mbl-pck-bgsoftware {

	display: none;

}

.mbl-pck-bgdesign {

	display: none;

}

.mbl-pck-bgmarketing {

	display: none;

}

.mbl-pck-bgother {

	display: none;

}

}

@media (min-width:320px) and (max-width:510px) {

.price-font{font-size: 12px;
font-weight: 400;
    color: #fff;

    font-family: oswald;
	line-height: 18px;
    padding: 0px 2px 0px 2px;

    text-align: center;}

	

}



@media (min-width:320px) and (max-width:640px) {

.select-drop-main {font-size: 15px;

height: 45px;}

.logo img {width:auto !important;}

.select-drop-main {width: 100%;}

.prd-center-img h2 {

    font-family: raleway;

    font-size: 15px !important;

    padding: 12px 10px 0px;

}

.promotion-image{  float: none;

    display: block;

    width: 100%;}

.promotion-text{

    float: none;

    display: block;

    width: 100%;

}

.fancytoggle .toggle-title  {

	cursor: pointer;

	font-size: 13px;

	font-weight: bold;

	min-height: 40px;

	line-height:normal !important;

	padding-left: 15px;

	border-bottom: 1px solid #E8E6E6;

	background:#f5f5f5;

}

.mobile-flipboxnone{ display:none !important;}

}

@media (min-width:320px) and (max-width:480px) {



.prd-center-img{ background:url(../images/arrow-center_img.png) center repeat;  height:48px;float:left;width: 73%;}

.product-arrow-wrap{width: 100% !important;}

}

@media (min-width:480px) and (max-width:640px) {



.prd-center-img{ background:url(../images/arrow-center_img.png) center repeat;  height:48px;float:left;width: 81%;}

.product-arrow-wrap{width: 100% !important;}

}

@media (min-width:640px) and (max-width:768px) {

.prd-center-img{ background:url(../images/arrow-center_img.png) center repeat;  height:48px;float:left;width: 86%;}

.product-arrow-wrap{width: 100% !important;}

.select-drop-main {width: 100%;}



	

}

@media (min-width:768px) and (max-width:980px) {

.prd-center-img{ background:url(../images/arrow-center_img.png) center repeat;  height:48px;float:left;width: 88%;}

.product-arrow-wrap{width: 100% !important;}

.select-drop-main {width: 100%;}

	

}

/* ===================================================== */

/* #eHotel Product Pricing Starts Here

/* ===================================================== */



.price-grid {

	border-collapse: collapse;

	border: solid 1px #d9d9d9;

	font-family: Arial, Helvetica, sans-serif;

	color: #000;

	font-size: 13px;

	background: url(http://ehotelsoftware.my/wp-content/uploads/2015/07/black-bg.jpg) repeat;

}

.price-grid td {

	border: solid 1px #d9d9d9;

	padding: 10px 10px 10px 10px;

	font-size: 12px;

	font-weight: bold;

}

.price-grid td b {

	font-size: 13px;

}

.price-grid td strong {

	font-size: 11px;

	font-weight: normal;

}

.price-grid td h1 {

	color: #FF6600;

	font-size: 25px;

	padding: 0pc;

	margin: 0px;

}

.price-grid td h2 {

	color: #FF6600;

	font-weight: bold;

	text-align: center;

}

.price-grid th {

	font-size: 22px;

	font-family: 'Raleway', sans-serif;

	color: #fff;

}

.red-paln {

	

	padding: 30px 0px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f90000+0,bf0a03+44,c12000+100 */

background: rgb(249,0,0); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(249,0,0,1) 0%, rgba(191,10,3,1) 44%, rgba(193,32,0,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(249,0,0,1) 0%,rgba(191,10,3,1) 44%,rgba(193,32,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(249,0,0,1) 0%,rgba(191,10,3,1) 44%,rgba(193,32,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f90000', endColorstr='#c12000',GradientType=0 ); /* IE6-9 */



}

.blue-plan {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1c91ea+0,166eb7+44,126799+100 */

background: rgb(28,145,234); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(28,145,234,1) 0%, rgba(22,110,183,1) 44%, rgba(18,103,153,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(28,145,234,1) 0%,rgba(22,110,183,1) 44%,rgba(18,103,153,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(28,145,234,1) 0%,rgba(22,110,183,1) 44%,rgba(18,103,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c91ea', endColorstr='#126799',GradientType=0 ); /* IE6-9 */



	padding: 30px 0px;

}

.goldplan {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3b20c+0,ede02f+44,eac80d+100 */

background: rgb(211,178,12); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(211,178,12,1) 0%, rgba(237,224,47,1) 44%, rgba(234,200,13,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(211,178,12,1) 0%,rgba(237,224,47,1) 44%,rgba(234,200,13,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(211,178,12,1) 0%,rgba(237,224,47,1) 44%,rgba(234,200,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3b20c', endColorstr='#eac80d',GradientType=0 ); /* IE6-9 */



	padding: 30px 0px;

}

.price-txts {

	font-weight: bold;

	font-size: 22px !important;

}

.price-txts span {

	font-size: 12px !important;

	font-weight: normal;

}

.price-header-txt {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#261c02+0,2d2108+44,332202+100 */

background: rgb(38,28,2); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(38,28,2,1) 0%, rgba(45,33,8,1) 44%, rgba(51,34,2,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(38,28,2,1) 0%,rgba(45,33,8,1) 44%,rgba(51,34,2,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(38,28,2,1) 0%,rgba(45,33,8,1) 44%,rgba(51,34,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#261c02', endColorstr='#332202',GradientType=0 ); /* IE6-9 */



	line-height: 32px;

	font-size: 19px !important;

	font-weight: bold !important;

	color: #fff;

	width: 25%;

	border-radius: 10px 0px 0px 0px;

}

.price-header-txt strong {

	color: #F60;

	font-size: 25px;

}

.red-package-names {

	color: #f00;

	text-shadow: 1px 1px 1px #FFF;

}

.blue-package-names {

	color: #39C;

	text-shadow: 1px 1px 1px #FFF;

}

.gold-package-names {

	color: #B08F0A;

	text-shadow: 1px 1px 1px #FFF;

}

.title-texts {

	background: #DCE881;

	font-size: 14px !important;

	color: #000000;

}

.plan-add {

	color: #000;

	font-weight: bold;

	font-size: 13px;

}

.red-add {

	color: #f00;

	font-weight: bold;

	font-size: 14px;

}

.blue-add {

	color: #069;

	font-weight: bold;

	font-size: 14px;

}

.buy-button {

	font-size: 15px;

	border-bottom: solid 3px #3A500B;

	background: #6F951E;

	color: #fff;

	border-radius: 4px;

	vertical-align: middle;

	padding: 4px 2px;

	margin: 0px;

}

.grey-buy-button {

    border-bottom: solid 3px #929292;

    background: #C1C1C1;

    font-size: 15px;

    color: #fff;

    border-radius: 4px;

    vertical-align: middle;

    padding: 4px 2px;

    margin: 0px;

}

@media (min-width:240px) and (max-width:640px) {

.price-grid{overflow-x: scroll; width:100%}

.price-grid td {

	padding: 10px 1px !important;

}

.price-grid td img{

	width: auto !important;

max-width: auto;

height: auto;

}

.price-grid td b {

	font-size: 12px;

}

.price-grid th {

	font-size: 13px;

}

.price-header-txt {

	font-size: 12px !important;

}

.price-grid td h1 {

	font-size: 19px !important;

}

.price-grid td h2 {

	font-size: 17px!important;

}

.price-txts {

	font-size: 14px !important;

}

.plan-add {

	color: #000;

	font-weight: bold;

	font-size: 11px;

}

.red-add {

	color: #f00;

	font-weight: bold;

	font-size: 12px;

}

.blue-add {

	color: #069;

	font-weight: bold;

	font-size: 12px;

}

.price-grid td b {

	font-size: 12px;

	font-weight: normal;

}

.price-txts {

	font-size: 12px !important;

	color: #E6E6E6 !important;

	text-shadow: 1px 1px 1px #1A1A1A;

}

.buy-button {

	font-size: 11px;

	border-bottom: solid 3px #3A500B;

	background: #6F951E;

	color: #fff;

	border-radius: 2px;

	vertical-align: middle;

	padding: 4px 1px;

	margin: 0px;

}

.grey-buy-button {

	font-size: 9px !important;

}

}



/* ===================================================== */

/* #eHotel Product Pricing Ends Here

/* ===================================================== */