body{background-color:#f6f6f6;  letter-spacing: 0.4px;}
*,
*::before,
*::after {
  box-sizing: border-box;
}

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

input:focus {
  outline: 0;
}

input:active {
  outline: none;
  border: none;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
}

input[type="text"],[type="submit"], [type="reset"] {letter-spacing: 1.5px;}

.outer_shadow {background-color: #fff;
box-sizing: border-box;
text-align: center;
-webkit-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1);
-moz-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1);
box-shadow: 0px 2px 1px 1px rgba(231,231,231,1);
padding-bottom: 25px;
}

.section_container {max-width: 750px;  margin: 0 auto; box-sizing: border-box; text-align: center; padding-bottom: 50px; display: table;}

.typecontent {min-height:350px; padding:25px; font-size:18px; color:#4c4c4c;  letter-spacing: 0.4px;}
.typecontent h4{font-weight: normal; padding: 0; margin: 10px;  font-size:23px;}
.typecontent h4:after{width: 14%; height: 1px; display: table; vertical-align: middle; content: ""; margin: 30px auto 25px; background:#da5454;}
.typecontent p{font-weight:300; margin: 0; padding: 0 35px; line-height: 25px;/* min-height:125px;*/}

.typedes{font-weight: normal; padding: 45px 45px 0 45px; margin: 10px; font-size:18px; color:#4c4c4c;  letter-spacing: 0.4px; font-weight:300;line-height: 25px; }
.typedes:after{width: 14%; height: 1px; display: table; vertical-align: middle; content: ""; margin: 30px auto 25px; background:#da5454;}

.login_container {max-width: 750px; background-color: #fff;
margin: 30px auto;
box-sizing: border-box;
text-align: center;
border: 0 solid #D4D4D4;
-webkit-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1);
-moz-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1);
box-shadow: 0px 2px 1px 1px rgba(231,231,231,1);
}
 .login_container1 {padding: 50px 0; width: 50%; margin: 0 auto;}
 .login_container8 {padding: 50px 0; width: 80%; margin: 0 auto;}
.lg_desc {color: #9d9d9d; font-size: 13px; padding-top: 0px; text-align:center; margin: 15px;}
.header4 {color: #4c4c4c; font-size: 43px; font-weight: normal;}
.lgmaxlabelfield {font-size:15px; margin-top:28px; margin-left:10px;  margin-right:20px;  margin-bottom:20px; color: #747474; font-weight:300; letter-spacing: 0.4px; text-align:left;}
.lgminlabelfield {position:absolute; font-size:13px; margin-top:2px; margin-left:10px;  margin-right:20px;  margin-bottom:20px; color: #4b4b4b; font-weight:normal; letter-spacing: 0.2px; font-style:italic;}
input.lgtextfield, textarea.lgtextfield {color:#8a8a8a; font-size: 15px; font-weight:normal; background: #fff; border: 1px solid #d9d9d9; margin:27px 0 0 0; width:100%; border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  height: auto;
  padding:16px 10px;
  box-shadow: inset 0 0 0 0px #ddd;
   letter-spacing: 0.4px; font-weight: 300;
}
textarea.lgtextfield {height: 100px;}
.displayflex{display: flex;}
.cmtextitalic {color:#9d9d9d; font-size: 13px; font-weight: normal; font-style: italic;}
.upimgtxt{font-size:24px; color:#4c4c4c; letter-spacing: 0.4px;}
.upimgtxt p{font-size:15px; color:#595959; letter-spacing: 0.4px; padding: 0 65px; line-height: 29px; margin: 10px;}
.supimgtxt{font-size:16px; color:#4c4c4c; letter-spacing: 0.4px;}
.cmtextcheck {color:#d4555b; font-size: 13px; font-weight: normal; letter-spacing: 0.4px;}
.popup-container{background-color:#f6f6f6; padding:0 50px 50px 50px;}
.popup-section{background-color:#fff; -webkit-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1); -moz-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1); box-shadow: 0px 2px 1px 1px rgba(231,231,231,1);}
.popup-tptitle{font-size:24px; color:#4c4c4c; padding:20px 0;}
.popup-close{position:absolute; right:25px; top:20px; color:#929292; font-size:19px; cursor:pointer;}

.lg_btn_normal {text-align:center; padding: 14px;}
.lg_btn_normal input{color: #fff; background: #d4555b; padding: 14px; font-size: 17px; text-align: center; text-transform: initial;  min-width: 160px; display: inline; border-radius: 45px; font-weight: normal; letter-spacing: 0.4px; border:1px solid #d4555b; cursor:pointer; margin: 0 5px; transition: 0.5s all; -webkit-transition: 0.5s all; 	-moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all;}
input.lg_btn_normal1{color: #d4555b; background: #fff; border:1px solid #d4555b;}
.lg_btn_normal input:hover{color: #fff; background: #ad3f44; border:1px solid #d4555b;}
input.lg_btn_normal1:hover{color: #fff; background: #d4555b; border:1px solid #d4555b;}

.pricing_btn {text-align:center; padding: 14px;}
.pricing_btn_or {color: #333; padding: 14px 0; font-size: 15px; text-align: center; text-transform: initial; width: 6%; font-weight: normal; letter-spacing: 0.4px; cursor:pointer; line-height: 46px; float:left;}
.pricing_btn_normal{color: #fff; background: #d4555b; padding: 14px; font-size: 18px; text-align: center; text-transform: initial;  margin: 0 2%; width: 43%; font-weight: normal; letter-spacing: 0.4px; border:1px solid #d4555b; cursor:pointer; min-height:75px; line-height: 40px;}
.pricing_btn_normal:hover{color: #fff; background: #ad3f44; border:1px solid #d4555b;}
.pricing_btn_normal1{color: #d4555b; background: transparent; border:1px solid #d4555b;}
.pricing_btn_normal p{color: #fff;padding:0; margin:0; font-size:12px; font-style:italic;}
.pricing_btn_normal1 p{color: #797777;padding:0; margin:0; font-size:12px; font-style:italic;}
.pricing_btn_normal1:hover p{color: #fff;}
.pricing_btn_normal1:hover{color: #fff; background: #d4555b; border:1px solid #d4555b;}

.subcmtitle {color:#666; font-size: 15px; font-weight: normal; margin-top: 25px;}

input.lg_btn {color: #fff; background: #d4555b; padding: 22px; font-size: 17px; text-align: center; text-transform: initial;  width: 70%; display: inline; border-radius: 45px; font-weight: normal; letter-spacing: 0.4px;  border:none;}

input.lg_btn:hover {color: #fff; background: #ad3f44;}

.file-upload {background-color: #ffffff; width: 600px; margin: 0 auto; padding: 20px;}
.file-upload-btn { width: 100%; margin: 0; color: #fff; background: #1fb264; border: none; padding: 10px; border-radius: 4px; border-bottom: 4px solid #15824b; transition: all .2s ease; outline: none; text-transform: uppercase; font-weight: 700;}
.file-upload-btn:hover { background: #1aa059; color: #ffffff; transition: all .2s ease; cursor: pointer;}
.file-upload-btn:active { border: 0; transition: all .2s ease;}
.file-upload-content { display: none; text-align: center;}
.file-upload-input { position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer; left:0; right:0; top:3px;}
.image-upload-wrap { margin:27px 0 0 0; background: #fff; border: 1px solid #d9d9d9; position: relative; width: 100%; border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0; color: #747474; cursor:pointer; padding: 15px;}
.image-dropping,
.image-upload-wrap:hover { background-color: #f0f0f0;}
.image-title-wrap { padding: 0 15px 15px 15px; color: #222;}
.drag-text { text-align: left;}
.drag-text h3 {font-weight: 300; padding: 0; font-size: 15px; margin: 4px; color:#747474;  letter-spacing: 0.4px;}
.drag-text h3:hover, .image-upload-wrap:hover {color:#747474}
.file-upload-image { max-height: 200px; max-width: 200px; margin: auto; padding: 20px;}
.upload-wrap { margin: 15px 1% 5px 1%; border: 2px dashed #c2c2c2; position: relative; width: 46%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; float:left; color: #aaa;}
.upload-wrap:hover {background-color: #c2c2c2; border: 2px dashed #ffffff; color:#fff;}

.logoimageitem-sec {
    -webkit-user-select: none;
    border-radius: 3px;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative;
    transition: opacity 0.2s ease-in-out;
	padding:60px 0;
}
.logoimage-image {
    /*width: 95px;*/
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    overflow: hidden;
}
.selected-logoimage li {
    text-align: left;
    cursor: pointer;
}
.logoimage-image img {
    flex-shrink: 0;
    max-height: 100%;
}

.position-relative{position:relative;}
	
	.qweb-ifpage{color: #fff; text-align: center; font-size: 18px; padding: 12px 0;}
	.qweb-ifpage span {color: #fff; background: #d4555b; padding: 9px; font-size: 15px; text-align: center; text-transform: initial;  min-width: 100px; display: inline-table; border-radius: 45px; font-weight: normal; letter-spacing: 0.4px; margin-left:100px; cursor:pointer}
	.qweb-ifpage input {color: #fff; background: #d4555b; padding: 9px; font-size: 15px; text-align: center; text-transform: initial;  min-width: 100px; /*display: inline-table;*/ border-radius: 45px; font-weight: normal; letter-spacing: 0.4px; margin-left:100px; cursor:pointer; border: 1px solid #d4555b;}

.qweb-ifpage span:hover, .qweb-ifpage input:hover {color: #fff; background: #ad3f44;}
	.qweb-ifpage span.nobtn, .qweb-ifpage input.nobtn {margin-left:10px; color: #d4555b; background:transparent; border: 1px solid #d4555b;}
	.qweb-ifpage span.nobtn:hover, .qweb-ifpage input.nobtn:hover {color: #fff; background: #d4555b; border: 1px solid #d4555b;}
	
	
.image-upload-option {width: 50%;float: left;}
.gly-imgoption-section {opacity: 1; width: 50%;float: left;}
.file-upload {
background-color: #ffffff;
width: 600px;
margin: 0 auto;
padding: 20px;
}

.file-upload-btn {
width: 100%;
margin: 0;
color: #fff;
background: #c2c2c2;
border: none;
padding: 10px;
border-radius: 4px;
border-bottom: 4px solid #c2c2c2;
transition: all .2s ease;
outline: none;
text-transform: uppercase;
font-weight: 700;
}

.file-upload-btn:hover {
background: #1AA059;
color: #ffffff;
transition: all .2s ease;
cursor: pointer;
}

.file-upload-btn:active {
border: 0;
transition: all .2s ease;
}

.file-upload-content {
display: none;
text-align: center;
}

.selected-gallery-Container .file-upload-input {
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: none;
opacity: 0;
cursor: pointer;
left:0;
right:0;
}

.selected-gallery-Container .image-upload-wrap {
margin-top: 20px;
border: 4px dashed #c2c2c2;
position: relative;
}

.selected-gallery-Container .image-dropping,
.selected-gallery-Container .image-upload-wrap:hover {
background-color: #c2c2c2;
border: 4px dashed #ffffff;
}

.image-title-wrap {
padding: 0 15px 15px 15px;
color: #222;
}

.selected-gallery-Container .drag-text {
text-align: center;
}

.selected-gallery-Container .drag-text h3 {
font-weight: 100;
color: #999;
padding: 175px 0;
font-size:30px;
}

.file-upload-image {
max-height: 200px;
max-width: 200px;
margin: auto;
padding: 20px;
}

.remove-image {
width: 200px;
margin: 0;
color: #fff;
background: #333;
border: none;
padding: 10px;
border-radius: 4px;
border-bottom: 4px solid #c2c2c2;
transition: all .2s ease;
outline: none;
text-transform: uppercase;
font-weight: 700;
}

.remove-image:hover {
background: #c2c2c2;
color: #ffffff;
transition: all .2s ease;
cursor: pointer;
}

.remove-image:active {
border: 0;
transition: all .2s ease;
}

.imglibrary-title {background-color: #eee; padding:15px; margin-bottom:10px; font-size: 17px;}
.imglibrary-desc { padding:15px; margin-bottom:50px; font-size: 20px; text-align:center; color:#ff9908;}
.siimg_pgimages li{ padding: 8px; width: 24%;}
.iimgthumbs_section, .iimgthumbsimg {height: 150px;}
.iimgthumbs_align1{height: 155px;}

.iimgthumbs-section{width: 90%; margin: 0 auto; display: table; padding: 5px;}
.iimgthumbs-morebtn{color: #fff; background: #d4555b; padding: 14px; font-size: 17px; text-align: center; text-transform: initial;  min-width: 220px; display: inline-table; border-radius: 45px; font-weight: normal; letter-spacing: 0.4px;  cursor:pointer}

.modifyflow-main {position:relative;}
.modify-txt {float:left; width:50%; padding:0 10px;}
.modify-txt p{display: table-cell; color:#333; padding: 0 10px;}
.modifyflow-btn {margin: 20px 0;}
.modify-mrg{margin-top: 40px;}

.modifyflow-btn span, .modifyflow-btn input {color: #fff; background: #d4555b; padding: 14px; font-size: 17px; text-align: center; text-transform: initial;  min-width: 220px; /*display: inline-table;*/ border-radius: 45px; font-weight: normal; letter-spacing: 0.4px;  cursor:pointer;  border: 1px solid #d4555b;}

.modifyflow-btn span:hover , .modifyflow-btn input:hover {color: #fff; background: #ad3f44;}
	.modifyflow-btn span.nobtn, .modifyflow-btn input.nobtn {color: #d4555b; background:transparent; margin-top:20px;}
	.modifyflow-btn span.nobtn:hover,.modifyflow-btn input.nobtn:hover {color: #fff; background: #d4555b;}
.modify-height {min-height:400px;}

/* Add Content Begin*/
.addcontent_container {max-width: 800px;
background-color: #fff;
margin: 5% auto;
box-sizing: border-box;
text-align: center;
border: 1px solid #D4D4D4;
-webkit-box-shadow: 10px 0 20px rgba(0,0,0,.2);
-moz-box-shadow: 10px 0 20px rgba(0,0,0,.2);
box-shadow: 10px 0 20px rgba(0,0,0,.2);
padding: 50px 60px;
border-radius: 15px;
}
.addcontent-title {color: #ff9908; font-size: 30px; font-weight: 600; text-decoration: none;}
.addcontent-name {color: #ff9908; font-size: 20px; font-weight: 600; text-decoration: none;}
.dsgn_optionfrm{width:48%; float:left; margin-right:10px;}

.opt1mar-sec {margin-top: 50px;}
.opt2mar-sec {margin: 38px 0 0 0;}

/* The radio & checkbox */
.radio_btn, .checkbox_btn {
    display: block;
    position: relative;
    padding-left: 45px;
    margin-bottom: 13px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
}

.addcontent {padding: 25px 0;}
.addcontent1 {width:40%; margin: 0 auto;}
.addcontent label,.addcontent1 label {font-size: 16px; color: #252525; font-weight: normal; text-align: left;}
   .addcontent label span,.addcontent1 label span{color:#111;}
/* Hide the browser's default radio & checkbox button */
.addcontent .radio_btn input[type="radio"], .addcontent .checkbox_btn  input[type="checkbox"] {position: absolute; opacity: 0; cursor: pointer;}

/* Create a custom radio button */
.addcontent .checkbox_checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
	border:1px solid #adadad;
	
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
.addcontent .radio_checkmark{
	position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
	border:1px solid #adadad;
	
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
	border-radius: 50%;}

/* On mouse-over, add a grey background color */
.radio_btn:hover input[type="radio"] ~ .radio_checkmark, .checkbox_btn:hover input[type="checkbox"] ~ .checkbox_checkmark {background-color: #ffb9bc; border:1px solid #ffb9bc;}

/* When the radio button is checked, add a blue background */
.radio_btn input[type="radio"]:checked ~ .radio_checkmark, .checkbox_btn input[type="checkbox"]:checked ~ .checkbox_checkmark  {background-color: #d4555b; border:1px solid #d4555b;}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio_checkmark:after, .checkbox_checkmark:after {content: ""; position: absolute; display: none;}

/* Show the indicator (dot/circle) when checked */
.radio_btn input[type="radio"]:checked ~ .radio_checkmark:after, .checkbox_btn input[type="checkbox"]:checked ~ .checkbox_checkmark:after {display: block;}

/* Style the indicator (dot/circle) */
.radio_btn .radio_checkmark:after {
 	top: 4px; left: 4px; width: 8px; height: 8px;  border-radius: 50%; background: #fff; }

/* Style the indicator (dot/circle) */
.checkbox_btn .checkbox_checkmark:after {
 	 left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Add Content end*/
.cmlayer_container {max-width: 750px;  margin: 0 auto; box-sizing: border-box; text-align: center; padding-bottom: 50px; display: inline-block;}
.add-more {display: table;
padding: 7px;
margin-top: 0;
border-radius: 10px;
color:#aaa;
cursor: pointer;
text-align: center;
line-height: 5px;
font-size: 15px;
margin: 0 auto;}
.add-more span{color:#fff; background: #d4555b; padding: 0px 10px;
font-size: 35px;
border-radius: 48%;
line-height: 45px;
display: table-cell;
width: 35px;
height: 35px;
border-radius: 50%;
line-height: 29px;
font-size: 20px;
}
.add-more p{
padding: 0px 10px;
line-height: 35px;
display: table-cell;
font-size: 15px;}

.addcontent_container hr{border-bottom: 3px dotted #ccc; width: 150px;}

.cmimage-upload-wrap{ margin:27px 0 0 0; background: #fff; border:1px solid #d9d9d9; position: relative; width: 100%; border-radius:0; -webkit-border-radius:0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; color: #747474; cursor:pointer; padding: 15px;}
  
  .cmimage-upload-wrap .drag-text{text-align:center! important}
  .cmtimer{color:#d4555b; font-size:13px; padding:20px 0 0 0; text-align:center;}
  .cmtimerbtm{color:#d4555b; font-size:13px; padding:0; text-align:center;}
  .cm-chooseplan{color:#5c5c5c; font-size:18px; padding:30px 0; text-align:center;}
  
  .wrapbtn{max-width: 100%; margin: 0 auto; margin-top: 27px;}
  
.cmimage-upload-wrap.wrapbtn { margin-top: 20px;}
.cmimage-upload-wrap .drag-text h3 {margin: 4px 55px;}
  
  .passwordcheck {position:absolute; right:15px; top:45px;}
  .SearchTextBox {border-radius: 25px; height: 33px;}
  .popsearch{display: inline-block; width: 100%; border-bottom: 1px solid #eee;}
  .popsearch img{}
  .popsearch p{padding: 0; margin: 0; display: inline-table; vertical-align: top; line-height: 75px; color:#4c4c4c; color:
#666; font-weight: 300;}
  .smallsearch{padding: 0; margin: 0; display: inline-table; vertical-align: top; margin-top: 3px; width:50%;}
  .smallsearch1{padding: 0; margin: 0; display: inline-table; vertical-align: top; margin-top: 21px; width:27%;}
  .smallsearch1 input{color: #fff; background: #d4555b; padding: 9px; font-size: 13px; text-align: center; text-transform: initial;  min-width: 100px; display: inline; border-radius: 45px; font-weight: normal; letter-spacing: 0.4px; border:1px solid #d4555b; cursor:pointer; margin: 0 5px;}
  
  
  .dmsearch{display: inline-block; width: 100%; border-bottom: 1px solid #eee; margin-top: 65px;}
  .dmsearch p{padding: 0; margin: 0; display: inline-table; vertical-align: top; line-height: 75px; color:#4c4c4c; color:
#666; font-weight: 300;}
  .domainsearch{padding: 0; margin: 0; display: inline-table; vertical-align: top; width:70%;}
  .domainsearchbtn{padding: 0; margin: 0; display: inline-table; vertical-align: top;  width:27%;}
  .domainsearchbtn input{color: #fff; background: #d4555b; padding: 14px; font-size: 16px; text-align: center; text-transform: initial;  min-width: 130px; display: inline; border-radius: 45px; font-weight: normal; letter-spacing: 0.4px; border:1px solid #d4555b; cursor:pointer; margin: 0 5px;}
  .domainsearch .outsearchicon {top: 20px; left: 20px;}
  .domainsearch .SearchTextBox {height: 53px; font-size: 15px; padding: 5px 40px;}
  .domain-text {font-size:18px; color:#747474; line-height:30px; padding:0 0 35px 0;}
  .domain-text span{color:#d4555b}
  .domain-text a{color:#d4555b; text-decoration:underline;}
  .domain-text a:hover{text-decoration:none;}
  .domain-text p{color:#d4555b; font-size:25px; margin:0 0 15px 0; padding:0;}
  .dnregist{margin: 5px 0; padding:0 10px; border:0;}
  .dn-result {width: 78%; padding:50px 0 30px 0;}
  
  .domain-des {font-size:18px; color:#747474; line-height:30px; padding:0 0 35px 0; text-align:left;}
  .choosedomainname {font-size:20px; color:#111; line-height:30px; padding:0 0 15px 0; text-align:left;}
  .domainnameopt-btn {text-align: center; margin-top: 50px;}
  .domainnameopt-btn input {color: #fff; background: #d4555b; padding: 14px; font-size: 17px; text-align: center; text-transform: initial;  min-width: 220px; display: inline-table; border-radius: 45px; font-weight: normal; letter-spacing: 0.4px;  cursor:pointer;  border: 1px solid #d4555b;}
  
  .bullet-point {font-size:18px; color:#747474; line-height:30px; padding:0 0 20px 0; text-align:left;}
  .bullet-point span{color:#d4555b}
  
  .selectdiv {
  position: relative;
  /*Don't really need this just for demo styling*/
  width:100%;
  float: left;
}

.selectdiv:after {
    content: '';
    right: 10px;
    top: 44px;
    width: 25px;
    height: 22px;
    padding: 15px 0px 0px 8px;
    position: absolute;
    pointer-events: none;	
	background-image: url(/ui_design/common/images/dropdown-arrow.jpg);
	background-position:no-repeat;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  float: right;
  font-size: 16px;
  line-height: 1.75;
  color: #555;
  background-color: #ffffff;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
}
select.lgtextfield  {
    border: medium none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    margin: 27px 0 0 0;
    height: auto;
padding: 12px 10px;
    width: 100%;
    font-size: 15px;
    border: 1px solid #d9d9d9;
    font-weight: 300;
}

.cmlayer_container hr {
    border: dotted #aaa;
    border-width: 1px 0 0;
    clear: both;
    margin: 50px 35% 50px;
    height: 0;
	width: 30%;
	text-align: center;
}

.frg-txt{border: none; color:#d4555b; padding: 25px 5px 0; font-size: 14px; text-align: center; cursor: pointer; font-weight: 400; text-decoration: none; text-transform: uppercase; width: 100%;}
.frg-txt:hover{color:#ad3f44;}

.soc-icon {position: absolute; right: 6px; top: 38px; width: 35px; height: 35px;}
.soc-icon img{border-radius: 15%;}

.signuplink {background:transparent; box-shadow: none; margin: 0 auto; text-align: right; margin-top: 8px; }
.signuplink span{color: #fff; background:#d4555b; padding: 7px 20px;  border-radius: 15px; margin-left: 5px; cursor:pointer}
.signuplink input{color: #fff; background:#d4555b; padding: 7px 20px; border-radius: 15px; margin-left: 5px; cursor:pointer; font-family:'Nunito', 'open sans', sans-serif, tahoma, verdana, arial; font-size: 16px; width: auto; margin: 0 0 0 5px; letter-spacing: 0.5px; box-shadow:none; border: none; border:1px solid #d4555b;}
.signuplink input:hover{color: #fff; background: #ad3f44; border:1px solid #ad3f44;}

.login_container5 {width: 80%; margin: 0 auto; padding:40px 40px 20px;}

.qweb-subtn {display:inline;}

.search-section{display: table; width: 100%; padding: 80px 16px 40px;}

.imgsearch_container {max-width: 1140px; background-color: #fff; margin: 30px auto; box-sizing: border-box; text-align: center; border: 0 solid #D4D4D4; -webkit-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1); -moz-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1); box-shadow: 0px 2px 1px 1px rgba(231,231,231,1); }

.imgsearch_section {display:table; width:100%;}
.topsearch {display: table-cell; width: 33.33%; border-bottom: 1px solid #eee; border-right: 1px solid #eee; vertical-align:middle; height: 75px;}
.topsearch img{padding: 12px 0 0 0; height: 60px;}
.topsearch p{padding: 0; margin: 0; display: inline-table; vertical-align: top; line-height: 75px; color:#4c4c4c; color:#666; font-weight: 300;}
.upwrap-block {cursor:pointer; padding:5px 8px; width: 90%; margin: 0 auto;}
.ownimg-section{padding: 0 55px; cursor:pointer;}
.ownimg-section img{padding: 20px;}
.sbox-mtop{margin-top:55px;}
.outsearchicon img{padding: 0; height: auto;}
.txt-search{font-size: 12px; margin:3px 0 2px 0; text-align: left; color:#777;}

.misearch{top: 30px;}
.cm-topbtn{line-height: 23px; font-size: 18px; margin-top: 20px; cursor:pointer;}
.cm-topbtn img{float: left; margin-left:5px;}
.signup_container {max-width: 100%;}
.inner-signup-section {width:100%; max-width:65%; }
.inner-signup-section1 {width:100%; max-width:65%;  padding-top:0;}
.sign-mgtop {margin-top:40px;}
.cm-hidecost{padding:5px 0 2px 0; font-size: 18px; line-height: 145%;}
.cm-hidecost span{font-size: 15px; cursor:pointer;color:#d4555b;}
.common_title {color:#4e4e4e; font-weight: 500; text-align:center;}
.domain_link{font-size: 25px; text-align: center; color:#4e4e4e; padding: 30px 0 10px 0; overflow-wrap: break-word; line-height: 35px; max-width:100%;}
.domain_link a{overflow-wrap: break-word;}
.cc-wsf-container{max-width: 550px;margin: 0 auto; padding:0;}
.pagenavig_container li {background-color: #fff;}
.wb_leftpanel, .tblmoveright{display:none;}

.addNewPage-section {color: #000; margin: 0; font-size: 14px; padding: 15px 0;}
.addNewPage-section img {float: left;}
.addNewPage_txt {padding-left: 5px;display: table-cell; height: 46px; vertical-align: middle;}
.addNewPage-btn {max-width: 230px; margin: 0 auto; color:#fff; background-color:#d4555b; font-size: 16px; padding: 10px 50px; border-radius:25px; cursor: pointer;} 
.addNewPage-btn:hover {background-color:#ad3f44;} 
.navigation_txt {height: 35px;}
.addNewPage-section .btooltip .btooltiptext, .btooltip .btooltiptext{left: 0; margin-left: 0; width: 100%; font-size: 14px;  padding: 10px;}

.navigation_container {padding: 15px 0 0 0;}
.navigation_container li {padding: 15px 20px; width: 46%; background-color:#fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; box-shadow: 0px 1px 0px 0px #bbb; margin: 1% 1.5%; font-size: 17px;} 

/*.navigation_container {margin: 0 0 60px 0;}*/
.navigation_container li .navigation_txt {height: 52px; padding-left: 15px;} 

.pagenavig_container ul ul {width: 100%;}

.botmtrow_item {padding: 15px 20px; width: 46%; background-color:#fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; box-shadow: 0px 1px 0px 0px #bbb; margin: 1% 1.5%; font-size: 17px; display: inline-block; text-align: left; cursor: pointer;}
.botmtrow_item img {float: left;}
.botmtrow_item .navigation_txt {height: 52px; padding-left: 15px;} 
.botmtrow_item a{width:100%; float:left;}
.botmtrow_item .rt_text{font-size: 17px; color:#d4555b; font-weight:600; height: 40px;}
.botmtrow_item:hover .navigation_txt{color:#d4555b;}

/* Image Cropping Section */

.col-sm {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.crop-title {text-align:center; font-size: 24px; color: #4c4c4c; padding: 20px 0;}
.crop-title span {display: block; font-size: 12px; color: #777;}
.crop-section {/*display:table; width:100%; */background-color:#fff; -webkit-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1); -moz-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1); box-shadow: 0px 2px 1px 1px rgba(231,231,231,1);}
.crop-item {height: 65vh; /*display: table-cell;*/ text-align: center; vertical-align: middle;  padding: 20px;}
/*.crop-item img{max-height: 100%; max-width: 100%;}*/

.crop_btn {text-align:center; padding: 25px 0;}
.crop_btn input{color: #fff; background: #d4555b; padding: 14px; font-size: 17px; text-align: center; text-transform: initial;  min-width: 160px; display: inline; border-radius: 45px; font-weight: normal; letter-spacing: 0.4px; border:1px solid #d4555b; cursor:pointer; margin: 0 5px;}
input.crop_btn1{color: #d4555b; background: #fff; border:1px solid #d4555b;}
.crop_btn input:hover{color: #fff; background: #ad3f44; border:1px solid #d4555b;}
input.crop_btn1:hover{color: #fff; background: #d4555b; border:1px solid #d4555b;}

.addpage_field, .rename_section,.reorder_container, .reorder_container li ul li, .accsection_block, .commonsection_block, .wb-pg-block {background-color:#fff}
.middle_section{height: calc(100vh - 127px);}
.cm-inner-width, .reorder_container{max-width:750px; margin:0 auto;}
.rename_grid {max-width: 750px; margin: 0 auto; width: auto;}
.rearr_regtext{text-align:center;}
.pd0{padding:0}
.btn-padding{padding:30px 0 40px 0}
.addpage_field li input, .rename_section input{ color:#8a8a8a; font-size: 15px; font-weight:normal; background: #fff; border: 1px solid #d9d9d9; margin:15px 0 0 0; width:100%; border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  height: 30px;
  padding:25px 10px;
  box-shadow: inset 0 0 0 0px #ddd;
   letter-spacing: 0.4px; font-weight: 300;}
.rename_section li {margin:0}
.delete_section{background-color:#fff; padding:10px 0 0 0;  border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; box-shadow: 0px 1px 0px 0px #bbb; margin: 10px 0;}
.delete_section ul{width:65%; margin: 30px auto;}
.delete_section li{margin: 0; box-shadow: none; border-radius: 0; border-bottom: 1px solid #ccc;}
.delete_section li ul{padding: 0 20px; width: 100%; margin: 0 auto;}
.delete_section li ul li{border-bottom: none;}
.delete_section li:hover{background-color:#fff;} 
.show_pass{top: 44px;}

.designsub_container {max-width: 750px; background-color: transparent;
margin: 0 auto 50px;
box-sizing: border-box;
text-align: center;
border: 0 solid #D4D4D4;
-webkit-box-shadow: 0 0 0 0 rgba(231,231,231,1);
-moz-box-shadow: 0 0 0 0 rgba(231,231,231,1);
box-shadow: 0 0 0 0 rgba(231,231,231,1);
display:table;
}

.del-sec{margin-top: 35px; right: 15px; position: absolute;}
.bgdiver{padding:10px 8px; background-color:#eee; margin-top:25px;}
.dsgn_option_success input.lg_btn{max-width:280px;}
.seo-backbtn{position:absolute; right:0; top:20px;}
.seo-backbtn input.cm_btn{min-width: 200px;}
.section_searchengine_edit{padding:35px 0}

.modify-mrg input.lg_btn {padding: 14px; font-size: 17px; text-align: center; text-transform: initial; min-width: 220px; display: inline-table; border-radius: 45px; font-weight: normal; letter-spacing: 0.4px; cursor: pointer;}
.modify-formtxt{width:48%; float:left; margin-right:10px;}

.lgmaxlabelfield {margin-top:44px;}
.lgminlabelfield {margin-top:8px;}

.labelsubtitle {display:none;}

.pay_desc { margin:0 0 10px 0;}
.ipayment_container {max-width: 750px; background-color: #fff;
margin: 20px auto;
box-sizing: border-box;
text-align: center;
border: 0 solid #D4D4D4;
-webkit-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1);
-moz-box-shadow: 0px 2px 1px 1px rgba(231,231,231,1);
box-shadow: 0px 2px 1px 1px rgba(231,231,231,1);
}
.ipayment_container {text-align:left;}
.ipayment_section {padding: 50px 0; width: 80%; margin: 0 auto; display:table; font-size: 16px; line-height: 180%; color: #333;}
.ipayment_box {text-align: left; padding: 0; width: 100%;  position: relative; min-height: 1px;}
.ipayment_btn{  letter-spacing: 0.4px; min-height:75px;margin: 0 auto;}
.ipayment_btn p{padding: 0; margin: 0;}
.ipayment_details {padding-bottom:25px;}
.ipayment_details span{display:inline;}
.ipayment_details p{margin:0; padding:0}

.add-btm{padding:10px 0 0 0; display: table; width: 100%;}
.add-btm ul{margin:0; padding:0; list-style:none}
.add-btm li{margin: 0;}

.imgsearch-ownlist {display:table; width:100%}
.publishcmtitle {color: #666; font-size: 13px; font-weight: normal; text-align:center}
.publishcmfield {color: #666; font-size: 14px; font-weight: normal; text-align:center; margin:15px 0 25px 0}

/*The Standard Bootstrap 4.x Breakpoints */
@media screen and (max-width: 1400px) {
	.login_container1, .login_container8 {padding: 25px 0 50px 0;}
}	
@media screen and (max-width: 1199px) {
	.wb_smwdt {padding: 0; width: 100%;}
.iimgthumbs_section, .iimgthumbsimg {height: 130px;}
.iimgthumbs_align1{height: 150px;}
} 
@media screen and (max-width: 1024px) {
	.middle_section{height: calc(100vh - 109px);}
}
@media screen and (max-width: 1000px) {
	.lftrow_item {padding: 3px 20px; border-bottom: 1px solid #ddd;}
	.sidenav {overflow:hidden;}
	.topsearch{width:49%;}
}

@media screen and (min-width: 992px) {	
	.crop-container{display:table; width:100%}
	.crop-section {display:table; width:98%; }
	.crop-item {display: table-cell; height: auto;}
    .col-sm{float: left; width: 50%;}
}

@media screen and (max-width: 992px) {
	.show_pass{top: 34px;}
.lgmaxlabelfield {margin-top:37px; font-size:12px}
.lgminlabelfield {margin-top:5px;  font-size:11px}
input.lgtextfield, textarea.lgtextfield, .addpage_field li input, .rename_section input {padding: 12px 5px 12px 10px; margin: 25px 0 0 0;}
input.lgtextfield, textarea.lgtextfield,.drag-text h3 {font-size:12px;}

	.crop-title {font-size: 18px; padding: 5px 0; }
	.crop-item {height:33vh;  padding: 5px;}
	.crop_btn {padding: 10px 0 5px 0;}
	.crop_btn input {min-width: 120px; padding: 10px;  font-size: 14px;}
.wb_leftpanel{display:block;}	
.sidenav{right:0}
.pricing_btn_normal {width:100%; margin: 2% 0;}
.header4, .common_title  {font-size: 30px;}
.login_container {max-width: 94%; margin: 10px auto;}
.ipayment_container {max-width: 94%; margin: 10px auto;}
.ipayment_section {padding: 30px 0;}

.header4.padding-top50{padding-top:30px;}
.signuplink {text-align: center; font-size:13px;}
.lgminlabelfield {font-style: normal;}
.typecontent h4{font-size: 20px;}
.typecontent h4:after{margin: 20px auto 15px;}
.typedes {padding: 15px 15px 0 15px; font-size: 15px;}
.typedes:after {margin: 20px auto 0px;}
.login_container5 {width: 100%; padding: 20px 40px 40px;}
#toolbar-popup {display:none ! important;}
.upimgtxt p {padding: 0; line-height: 25px; margin: 0;}
.search-section{padding: 20px 16px 40px;}
.ownimg-section {padding:0 0 25px 0; border-bottom: 1px solid #ccc;}
.ownimg-section img {padding: 0 0 5px 0; }
.sbox-mtop {margin-top: 15px;}

.smallsearch {width: 50%; margin-top:0;}

.outsearchicon img{padding: 0; height: auto;}
.smallsearch1 {margin-top: 18px; text-align:left; width:auto}
.siimg_pgimages li{ padding: 8px; width: 48%;}
.iimgthumbs_section, .iimgthumbsimg {height: 230px;}
.iimgthumbs_align1{height: 250px;}

.cc-wsf-container{padding: 0 8px;}
.pagenavig_container ul ul {padding: 0 10px; width: 98%;}
.domain_link{font-size: 18px; padding: 5px 0;}
.navigation_container li, .botmtrow_item {padding: 5px 10px; width: 98%; background-color:#fff; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 	-o-border-radius: 10px;	-ms-border-radius: 10px; box-shadow: 0px 1px 0px 0px #bbb; margin: 1% 1.5%; font-size: 15px;}
.btn-padding {padding: 15px 0 20px 0;} 
.common_title { padding:5px 0;}
.delete_section ul{width: 90%; margin: 15px auto;}
.reorder_container{width: 100%; margin: 15px auto;}
.wb-pg-block {margin: 2%; width:96%;}
.wb-img-sec{padding-left: 15px;}
.qweb-ifpage{font-size: 15px; padding: 2px 0;}
.qweb-ifpage span{padding: 5px 9px 3px 9px; font-size: 13px;}
input.lg_btn, .lg_btn_normal input, .modifyflow-btn span, .modifyflow-btn input, .modify-mrg input.lg_btn, .typecontent p{font-size: 15px;}
.modify-txt { width:100%; padding:0; margin-bottom: 25px;}
.modify-height {min-height: auto;}
.modify-mrg{margin-top: 15px;}
.modify-txt p {font-size: 15px; line-height: 20px; padding: 0; display: block; min-height: auto; padding:0;} 
.typecontent {padding: 15px;}
.modify-formtxt{width:100%;}
.upimgtxt{font-size: 20px;}
.opt1mar-sec, .opt2mar-sec {margin: 20px 0 0 0;}
.dsgn_optionfrm{width:100%;}
.typecontent {min-height: auto;}
.seo-backbtn input.cm_btn{display:none;}
.section_searchengine_edit{padding:15px 0}
.modifyflow-btn span.nobtn, .modifyflow-btn input.nobtn {margin-top:0; margin-left:10px;}
.pricing_btn_or {line-height: normal; float: none; width: auto; padding: 0;}
.choosedomainname {font-size: 18px;padding: 0 0 10px 0;}
  .domainnameopt-btn {margin: 30px 0 10px 0;}
  .domainnameopt-btn input {font-size:15px; min-width:150px;}
  .domain-des {font-size: 16px; line-height: 25px; padding:0 0 25px 0;}
  .cm-chooseplan {font-size: 15px; padding: 10px;}
    .domainsearch .outsearchicon {top: 12px; left: 16px;}
  .domainsearch .SearchTextBox {height: 35px; font-size: 15px; padding:5px 10px 5px 40px; letter-spacing: 0.8px;}
  .domainsearchbtn input {margin:0; min-width:96%; padding:6px 12px;}
  .domain-text, .bullet-point {padding:10px 0; font-size: 16px;  line-height: 23px;}
  .owndomain .SearchTextBox { padding:5px 10px 5px 20px;}
    .dn-result {width: 90%; }
	.domain-text p{margin:15px 0;}
	
} 
@media screen and (max-width: 768px) {
	.wb-pg-block {padding: 15px 30px;}
	.login_container1 {padding: 30px 0; width: 75%;}
	.login_container8 {padding: 30px 0; width: 85%;}
	input.lg_btn {padding: 10px 15px; margin-top: 15px; max-width:160px}	
.addcontent1 {width: 70%;}
.header4.padding-top50{padding-top:10px;}
.lg_desc {margin: 5px;}
.signuplink span {padding: 5px 20px 5px;}
.signuplink input {padding: 5px 20px 5px; font-size:13px;}
.header4, .common_title {font-size: 23px; line-height: 110%;}
.login_container5 {width: 100%; padding: 20px 20px 20px;}
.wrapbtn {max-width: 90%;}
.cmimage-upload-wrap.wrapbtn {margin: 10px 0 0px; padding: 15px 0 15px 10px ; max-width: 95%;}
.cmimage-upload-wrap .drag-text h3 {margin: 4px 40px 4px 0; text-align: left;}
.qweb-subtn {margin-top:8px;}
.qweb-ifpage span {margin-left: 10px;}
.qweb-subtn, .qweb-ifpage span {display:inline-block;}
.inner-signup-section {width: 100%;  max-width: 80%;}
.inner-signup-section1 {max-width: 98%;}
.siimg_pgimages li{ padding: 8px; width: 48%;}
.iimgthumbs_section, .iimgthumbsimg {height: 100%;}
.iimgthumbs_align1{height: 250px;}
 .lg_btn_normal input{padding: 5px 30px; min-width: 100px;}
 .del-sec {margin-top: 26px;}
 .typecontent p {padding: 0 10px;}
 .dsgn_option_success input.lg_btn {width: 220px; max-width: 250px;}
 .mfld_seorow{width:100%}
 .td_seopad {padding: 10px 0 10px 10px; float: left; width: 100%;}
 .seo_fgreycolor {background-color:#ddd; padding: 10px; border-bottom: 1px solid #bbb; cursor: pointer;}
 .section_searchengine_edit {width:99%}
 .mfld_seoinput {float:left; line-height: 36px;}
 input.mfld_seoinput {max-width: 250px; float: left; margin-left: 10px;}
 .lg_btn_normal{padding:5px;}
.labelsubtitle {font-size: 12px; color:#4b4b4b; font-weight: normal; letter-spacing: 0.2px; text-align: center; padding: 5px;}
.sign-mgtop {margin-top:20px;}
 .domainsearchbtn {margin:0; padding:0;}
 .domainsearchbtn input {margin:0; min-width:96%; padding:6px 12px;}
} 
@media screen and (max-width: 640px) {
	.siimg_pgimages li{ padding: 8px; width: 98%;}
.iimgthumbs_section, .iimgthumbsimg {height: 100%;}
.iimgthumbs_align1{height: 150px;}
.navigation_container li .navigation_txt {height: 40px;  padding-left: 10px;  font-size: 13px;}
.addNewPage-section img {width: 25px;}
.navigation_txt {height: 23px;}
.addNewPage-btn {max-width: 180px; padding: 10px 35px;}
}
@media screen and (max-width: 600px) {
	.labelsubtitle {display:block;}
	/*#pcview {display:none;}*/	
	.publishcmfield {text-align:left; margin:15px 0 10px 0}
}
@media screen and (max-width: 575px) {
	.login_container1, .login_container8 {padding: 10px 0; width: 87%;}
	.inner-signup-section {max-width: 90%;}
	.cm-hidecost {font-size: 15px;}
	.inner-signup-section1 {padding-bottom: 50px;}
	.dn-result{padding: 15px 0;}
	.searchflex {width: 50%; border-bottom: 0; border-right: 1px solid #eee; vertical-align:middle; height: 35px; display:table-cell; text-align:center;}
	.imgsearch-ownlist {border-bottom:1px solid #eee;}
	.searchflex img {padding: 5px 0 0 0; height: 50px;}
	.searchflex p {line-height:55px; font-size:14px}
	.topsearch{display: inline-block; width: 100%; border-right: none; text-align: left; height:auto; padding:0 15px}
.topsearch p {line-height: 64px;}
	.smallsearch {width: 75%;}
	.smallsearch1 input{padding: 5px 15px; min-width: 60px; font-size: 13px;}
	.searchflex p {line-height:55px; font-size:15px}
}
@media screen and (max-width: 500px) {
	.labelsubtitle {text-align: left;}
	.modifyflow-btn span.nobtn, .modifyflow-btn input.nobtn {margin-top:10px; margin-left:0px;}
	.cmimage-upload-wrap.wrapbtn {max-width: 92%;}
	.ipayment_section {width: 86%;}
.ipayment_details span{display:block;}
.ipayment_details span.ipay{display:inline;}
.signuplink span {padding: 5px 10px 5px;}
.signuplink {font-size: 11px;}
.lg_desc {font-size: 12px;}
.lgmaxlabelfield {margin-top: 37px; font-size: 11px; margin-left: 5px; margin-right: 5px;}
.lgminlabelfield {margin-left: 0; margin-top:5px;  font-size:9px; text-align:left}
.login_container1, .login_container8 {width: 80%;}
}
@media screen and (max-width: 440px) {
	.smallsearch1 input{padding: 8px 15px; min-width: 60px; font-size: 13px;}
	.smallsearch1 {margin-top: 20px; width: 17%;}
	.smallsearch {width: 70%;}
	.searchflex img {height:40px}
	.searchflex p {line-height:40px;}
}
@media screen and (max-width: 400px) {
	
	.cmimage-upload-wrap.wrapbtn {max-width: 90%;}
	.middle_section{height: calc(100vh - 91px);}
	.sadmfooter {padding: 8px 0; font-size: 13px;}
	
}
@media screen and (max-width: 380px) {
	.smallsearch1 {margin-top: 20px; width: 17%;}
	.smallsearch {width: 60%;}
}
@media screen and (max-width: 320px) {
	.middle_section{height: calc(100vh - 109px);}
	.lgmaxlabelfield {font-size: 9px;}
.lgminlabelfield {font-size:9px; text-align:left}
}

@media only screen and (min-device-width: 480px) 
                   and (max-device-width: 1900px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio : 2) {
				   .crop-title {font-size: 15px; padding: 5px 0; }
	.crop-item {height:53vh;  border-right: 0 dotted #ccc;  border-bottom: 0px dotted #ccc;  padding: 2px;}
	.col-sm{float: left; width: 50%;}
}