/************************************************************************************
smaller than 1366
*************************************************************************************/
@media screen and (max-width: 1366px) {
.featherlight .featherlight-close-icon {
    width: 44px;
    font-size: 30px;
}
}



/************************************************************************************
smaller than 1290
*************************************************************************************/
@media screen and (max-width: 1280px) {
#cssmenu ul li a {
    padding: 4px 15px 0;
}

}




/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {
.mtrs .calc_col.steps ,.mtrs1 .calc_col.steps {
    width: 100%;
}
input#check-agreement {
    width: 3% !important;
}
.outerBox h1 {
    padding: 10px 0 0 0;
}
.callRow p {
    padding: 15px 20px 15px 2%;
}
.headingFooter {
    font-size: 17px;
}

/*---12 2 18 --*/
.outerBox h6 {
    padding: 39px 0 0 0;
}
#cssmenu1 > ul > li > a {
    padding: 4px 8px 0 !important;
	font-size: 12px !important;
}
#cssmenu > ul > li > a {
    padding: 4px 8px 0 !important;
	font-size: 12px !important;
}
.rightBox2 {
    width: 40%;
}
.rightBox1 {
    width: 43%;
}
.logo{
	width: 46.333%;
}
.logo1{
	width: 46.333%;
}
.leftHeader {
    width: 23.333%;
}
.rightHeader {
    width: 30.333%;
}
.aboutInfo {
    width: 64%;
}
#welcome .name_row label{
    padding-bottom: 0px;
}
}

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
.child_calculator .innerBox{   
 width: 65%;
}
.buttonIn1{
    width: 70%;
}
.abc .rightBt1_left p {
    margin: 5px 12px 5px;
}

.new_child p {
    margin: 5px 25px 5px !important;
}
.child_calculator #welcome .childinput{

    margin: 10px 15px 0px 0px;
}
#welcome input[type="text"]{
width:80% !important;
}
.alimony_first {
    width: 26%;
}
.alimony_second {
    width: 74%;
}
.inner_heading {

    top: 36%;
}
.bannerBox1 h6 {
    font-size: 25px;
}
.easy-t-cycle-controls{
    width: 5.8% !important;
}
#cssmenu ul li.current_page_item a:before{
background:none !important;
}
#cssmenu ul li.current_page_item a:after{
background:none !important;
}
.leftHeader {
    width: 21%;
}
.logo {
    width: 44.333%;
}
.rightHeader {
    width: 34.333%;
}
.outerBox h1 {
    font-size: 35px;
    line-height: 40px;
}
.linkIn {
    margin: 26px 0 0 0;
}
.headingIn {
    font-size: 29px;
    line-height: 35px;
}
.textInfo {
    padding: 19px 31px;
}
.callRow{
	text-align:center;
	padding:15px 0;
}
.callRow p{
	border:0;
	padding:0;
	float:none;
}
.callRow h1{
	float:none;
	padding: 15px 0 0 0px;
}
.headingIn2:after {
    display:none;
}
.headingIn2 {
    margin: 0 0 0 0;
}
.width1 {
    width: 96%;
}
.row1 span {
    width: 4%;
}
.row1 strong {
    width: 2.5%;
}
.stick{
	position:relative;
}

/*---12 2 18 --*/
.outerBox h6 {
    padding: 24px 0 0 0;
}
.bannerBox1 {
    background: url(../images/bannerInner.jpg) 67% 47% no-repeat;
}
.quoteBox {
    width: 10%;
}
.infoText {
	width:90%;
}
#cssmenu1 > ul > li > a {
	font-size: 14px !important;
}
#cssmenu > ul > li > a {
	font-size: 14px !important;
}
.aboutImg {
    float: none;
    margin: 0 auto;
    display: table;
}
.aboutInfo {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.shildsup li{
width:32%;

}
.erro {
   
    width: 56%;
}
}

/************************************************************************************
smaller than 814
*************************************************************************************/
@media screen and (max-width: 814px) {
#cssmenu > ul > li > a.hover:before{
	display:none !important;
}
#cssmenu > ul > li > a.hover:after{
	display:none !important;
}
#cssmenu > ul > li > a.active:before{
	display:none !important;
}
#cssmenu > ul > li > a.active:after{
	display:none !important;
}
input#check-agreement {
    width: 3% !important;
}
}


/************************************************************************************
smaller than 767
*************************************************************************************/
@media screen and (max-width: 767px) {
.image1{
	text-align:center;
}
.headingFooter {
    text-align:center;
}
.linkFooter {
    text-align: center;
}
.locationBox {
    margin: 30px auto;
    text-align: center;
}
.rightBox {
    float: none;
	text-align:center;
}


/*---12 2 18 --*/
.leftBox {
    float: left;
    width: 100%;
}
.rightBox2{
	text-align:center;
	width:100%;
}
.none01{
	display:none;
}
.none02{
	display:block;
}
.rightBox1 {
    width:100%;
	text-align:center;
}
.leftBox1 {
    width:100%;
}
.display01{
	display:block;
}
.display02{
	display:none;
}
.rowLeft {
    width: 100%;
}
.rowRight {
    width: 100%;
}
.left01{
	text-align:center;
}
.left02{
	text-align:center;
}
.result_full {
    width: 1000px!important;
    overflow-x: scroll!important;
}
}

/************************************************************************************
smaller than 736
*************************************************************************************/
@media screen and (max-width: 736px) {
.table1 {
    margin: 0px 0 30px;
    width: 100%;
    float: left;
    overflow-x: scroll;
}
.table2 {
    margin: 0px;
    width: 1000px;
}
.buttonIn1{
    width: 70%;
}
.box0 {
    padding: 51px 0;
}

/*---12 2 18 --*/
.outerBox h6 {
    padding: 14px 0 0 0;
	font-size:28px;
}
.rowRight {
    padding: 30px 0 0 0;
}
.rowLeft {
    padding: 30px 0 0 0;
}
.text01{
	padding:0;
}
.text02{
	padding:0px;
}
.contactInfo {
    width: 100%;
}
.page-id-165 figure#attachment_472 {
    margin:0 auto;
}
/**********22-6-18********/
.box_calc { 
	padding: 70px 10px 0px; 
}
.result_full {
    width: 1000px!important;
    overflow-x: scroll!important;
}
}


/************************************************************************************
smaller than 667
*************************************************************************************/
@media screen and (max-width: 667px) {
.buttonIn1 {
    width: 75%;
}
.easy-t-cycle-controls{

    width: 7.8% !important;
}
/*---12 2 18 --*/
.aboutBox1 {
    width: 100%;
}
}


/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {
  

.bannerBox1 h6 {
    font-size: 45px;
}
.inner_heading {
    position: relative;
  top: 36%;
}
.leftHeader {
    width: 100%;
	padding: 0px 15px 0;
}
.logo {
    width:100%;
}
.rightHeader {
    width:100%;
	padding: 0px 15px 0;
}
.cd-top {
    right: -29px;
}
.outerBox {
    position: relative;
    background: #000;
	text-align:center;
}
.outerBox h1{
	text-align:center;
}
.outerBox p{
	text-align:center;
}
.linkIn{
	float:none;
	text-align:center;
	margin: 26px 0 29px 0;
}
.linkIn a{
    display:inline-block;
}

/*---12 2 18 --*/
.none3{
	display:block;
}
.desk_banner{
display:none;
}
.bannerBox1{
	background:#000000;
	height:auto;
}
.bannerBox1 h6{
	height:auto;
	padding:10px 0;
	text-align:center;
	display:inline-block;
	font-size:23px;
	line-height:30px;
}
.linkIn1 a {
    font-size:12px;
}
.linkIn1 a {
    font-size: 15px;
    padding: 20px 10px;
    text-align: center;
    display: inline-block;
}
.quoteBox {
    width: 100%;
    text-align: center;
	padding:0 0 5px 0;
}
.infoText{
	width: 100%;
    text-align: center;
}
.col-1 {
    width: 100%;
    text-align: left;
}
.col-2 {
    width: 100%;
}
.col-2 input {
    width: 46%;
	margin:5px 15px 0 0;
}
.table-editable {
    width: 100%;
    float: left;
    overflow-x: scroll;
}



}





/************************************************************************************
smaller than 568
*************************************************************************************/
@media screen and (max-width: 568px) {
.buttonIn1 {
    width: 84%;
}
input#check-agreement {
    margin: 0 5px 0;
}
input#check-agreement {
    width: 5%!important;
}
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
.calc_row .calc_col:first-child {
    width: 100%!important;
}
.clearbutton {
    width: 100% !important;
}
#welcome .col-2{
width:100%;
}
#welcome .calc_row .calc_col:first-child {
    width: 100% !important;
    text-align: left;
}
.child_calculator #welcome .childinput{
    width: 100% !important;

    margin: 10px 15px 0px 0px;
}
.easy-t-cycle-controls {
    width: 11.8% !important;
}
/*---12 2 18 --*/
.headeingSmall {
    font-size: 17px;
    line-height: 26px;
}
.leftBt {
    width: 6%;
}
.rightBt1 {
    width: 93%;
}
.col-2 input {
    width: 96%;
}
}


/************************************************************************************
smaller than 414
*************************************************************************************/
@media screen and (max-width: 414px) {
.clearbutton1{
    float: none;
}
#btn{ 
 float: none;
margin:14px 0;
}
.child_calculator .innerBox{
width: 100%;
}
#welcome .name_row input {
    width: 100% !important;
font-size:12px;
}

#welcome input#childnumber, #welcome input#childnumber18{
    width: 100% !important;
font-size:12px;
}
span.item_label{
width: 6%;
}
.alimony_second {
    width: 97%;
    text-align: center;
}
.alimony_first {
    width: 28%;
    text-align: center;
}
#cssmenu ul li{
padding: 10px 0;
}
.logo{
    margin: 10px 0 5px;
}
.list1 ul li h2 {
    font-size: 15px;
    font-weight: 600;
    color: #FFF;
    text-transform: uppercase;
    padding: 0px 0px 10px;
    line-height: 25px;
}
.width1 {
    width: 94%;
}
.row1 span {
    width: 6%;
}
.textInfo {
    padding: 19px 6px;
}
.row1 strong {
    width: 3.5%;
}
.none2{
	display:block;
}
.none1{
	display:none;
}
.boxIn p {
    padding: 20px 5px;
}

/*---12 2 18 --*/
.bannerBox1 h6{
	font-size:18px;
}
.linkIn2 a {
    padding: 15px 40px;
}
}



/************************************************************************************
smaller than 384
*************************************************************************************/
@media screen and (max-width: 384px) {
#cssmenu > ul > li > a {
    font-size: 11px !important;
}
.outerBox h1 {
    font-size: 29px;
}
.outerBox h1 span {
    font-size: 18px;
}
.linkIn a {
    padding: 19px 20px;
}
.outerBox p {
    font-size: 17px;
}

/*---12 2 18 --*/
.linkIn2 a {
    padding: 15px 18px;
}
.leftBt {
    width:8%;
}
.rightBt1 {
    width:91%;
}
.alimony_second {
    width: 100%;
    text-align: center;
    font-size: 13px;
}
.alimony_first {
    width: 28%;
    text-align: center;
    font-size: 13px;
}
.table-editable {
  
    width: 100%;
    float: left;
    overflow-x: scroll;
}
}

/************************************************************************************
smaller than 375
*************************************************************************************/
@media screen and (max-width: 375px){
.clearbutton{width: 100%;
    margin: 7px 0 !important;
}
.alimony_second {
    width: 100%;
    text-align: center;
    font-size: 13px;
}
.alimony_first {
    width: 28%;
    text-align: center;
    font-size: 13px;
}
}


/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {
.easy-t-cycle-controls {
    width: 14.8% !important;
}
.alimony_second {
    width: 100%;
    text-align: center;
    font-size: 13px;
}
.alimony_first {
    width: 28%;
    text-align: center;
    font-size: 13px;
}
.table-editable {
   width: 100%;
    float: left;
    overflow-x: scroll;
}
}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
.headingin2{
font-size: 20px;
    line-height: 34px;

}
.alimony_first{
font-size:13px;
}
.alimony_second{
font-size:13px;

    width: 100%;
}

}