@media only screen and (min-width : 1025px) {
    input:not([type]), input[type="text"], select {
        min-width: 110px;
    }

    [nssresponsivegrid] > input:not([type]), [nssresponsivegrid] > input[type="text"] {
        min-width: 0px;
    }

    .controlSize1 {
        width: 180px;
    }

    .controlSize2 {
        width: 220px;
    }

    .controlSize3 {
        width: 280px;
    }

    .controlSize4 {
        width: 330px;
    }

    .controlSize5 {
        width: 50%;
    }

    .controlSize6 {
        width: 60%;
    }

    .controlSize7 {
        width: 70%;
    }

    .controlSize8 {
        width: 80%;
    }

    .controlSize9 {
        width: 90%;
    }

    .controlSize10 {
        width: 100%;
    }

    .controlSize11 {
        width: 100%;
    }

    .controlSize12 {
        width: 100%;
    }


   .controlSizeOtherGrid{
	width: 400px;
   }

}

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

    input:not([type]), input[type="text"],select {
        min-width: 140px;
    }

    [nssresponsivegridcolumn] input[type="text"] {
        min-width: 110px;
        padding: 6px 4px;
    }
    [nssdynamicgrid] {
        width: 95%;
    }

    [nssdynamicgridcolumn] .form-control
     {
        padding: 6px 4px;
    }

    [nssdynamicgridcolumn] input[type="text"]
    {
        min-width: 95px;
        padding: 6px 4px;
    }

    .controlSize1 {
        width: 38%;
    }

    .controlSize2 {
        width: 38%;
    }

    .controlSize3 {
        width: 45%;
    }

    .controlSize4 {
        width: 50%;
    }

    .controlSize5 {
        width: 50%;
    }

    .controlSize6 {
        width: 60%;
    }

    .controlSize7 {
        width: 70%;
    }

    .controlSize8 {
        width: 80%;
    }

    .controlSize9 {
        width: 90%;
    }

    .controlSize10 {
        width: 100%;
    }

    .controlSize11 {
        width: 100%;
    }

    .controlSize12 {
        width: 100%;
    }

   .controlSizeOtherGrid{
	width: 400px;
   }
}

@media only screen and (min-width : 560px) and (max-width : 768px) {
    input:not([type]), input[type="text"],select {
        min-width: 160px;
    }

    .controlSize1 {
        width: 50%;
    }

    .controlSize2 {
        width: 50%;
    }

    .controlSize3 {
        width: 50%;
    }

    .controlSize4 {
        width: 60%;
    }

    .controlSize5 {
        width: 60%;
    }

    .controlSize6 {
        width: 60%;
    }

    .controlSize7 {
        width: 75%;
    }

    .controlSize8 {
        width: 75%;
    }

    .controlSize9 {
        width: 75%;
    }

    .controlSize10 {
        width: 100%;
    }

    .controlSize11 {
        width: 100%;
    }

    .controlSize12 {
        width: 100%;
    }

   .controlSizeOtherGrid{
	width: 100%;
   }
}

@media only screen and (max-width : 559px) {
    .controlSize1 {
        width: 100%;
    }

    .controlSize2 {
        width: 100%;
    }

    .controlSize3 {
        width: 100%;
    }

    .controlSize4 {
        width: 100%;
    }

    .controlSize5 {
        width: 100%;
    }

    .controlSize6 {
        width: 100%;
    }

    .controlSize7 {
        width: 100%;
    }

    .controlSize8 {
        width: 100%;
    }

    .controlSize9 {
        width: 100%;
    }

    .controlSize10 {
        width: 100%;
    }

    .controlSize11 {
        width: 100%;
    }

    .controlSize12 {
        width: 100%;
    }

   
   .controlSizeOtherGrid{
	width: 100%;
   }
}


.fullSize {
    width: 100%;
    margin: 0;
}



.gridvariable {
    margin: 0;
}

@media only screen and (max-width : 1024px) {
 .gridvariable {
    width: 100%;
    margin: 0;
}
 [nssresponsivegrid] {
    width: 95%;
 }
}